Commit bd1319ed authored by morant's avatar morant

Add interactive design studio, and make studios show arts projects.

Also many design changes.
parent 9f0d3662
...@@ -51,6 +51,8 @@ var Carousel = React.createClass({ ...@@ -51,6 +51,8 @@ var Carousel = React.createClass({
href = '/' + item.type + '/' + item.id + '/'; href = '/' + item.type + '/' + item.id + '/';
} }
href = "//scratch.mit.edu" + href;
return ( return (
<Thumbnail key={item.id} <Thumbnail key={item.id}
showLoves={this.props.showLoves} showLoves={this.props.showLoves}
......
...@@ -43,18 +43,26 @@ var Microworld = React.createClass({ ...@@ -43,18 +43,26 @@ var Microworld = React.createClass({
videoOpen2: false, videoOpen2: false,
videoOpen3: false, videoOpen3: false,
featuredGlobal: {}, featuredGlobal: {},
featuredLocal: {},
}; };
}, },
componentDidMount: function () { componentDidMount: function () {
this.getFeaturedGlobal(); this.getFeaturedGlobal();
this.getFeaturedLocal();
}, },
getFeaturedGlobal: function () { getFeaturedGlobal: function () {
this.api({ this.api({
uri: '/proxy/featured' uri: '/proxy/featured'
}, function (err, body) { }, function (err, body) {
if (!err) this.setState({featuredGlobal: body}); if (!err) {
this.setState({featuredGlobal: body});
}
}.bind(this)); }.bind(this));
}, },
getFeaturedLocal: function () {
var art_projects = require("./microworlds_art_projects");
this.setState({featuredLocal: art_projects});
},
renderVideos: function (frameProps) { renderVideos: function (frameProps) {
return ( return (
<div className="videos-section section"> <div className="videos-section section">
...@@ -104,8 +112,11 @@ var Microworld = React.createClass({ ...@@ -104,8 +112,11 @@ var Microworld = React.createClass({
<div className="editor section"> <div className="editor section">
<h1>Start Creating!</h1> <h1>Start Creating!</h1>
{/*<iframe src="//scratch.mit.edu/projects/embed-editor/86999051/?isMicroworld=true" {/*<iframe src="//scratch.mit.edu/projects/embed-editor/86999051/?isMicroworld=true"
frameborder="0"> </iframe>*/} frameborder="0"> </iframe>
<img src="/images/scratch-og.png" href="//scratch.mit.edu/projects/88148127/#editor" style={{width:"10%"}}></img> */}
<a href="//scratch.mit.edu/projects/88148127/#editor">
<img src="/images/scratch-og.png" style={{width:"6%", position: "absolute", left: "75%"}}></img>
</a>
<iframe src="//scratch.mit.edu/projects/embed-editor/88148127/?isMicroworld=true" <iframe src="//scratch.mit.edu/projects/embed-editor/88148127/?isMicroworld=true"
frameborder="0"> </iframe> frameborder="0"> </iframe>
{this.renderTips()} {this.renderTips()}
...@@ -219,26 +230,30 @@ var Microworld = React.createClass({ ...@@ -219,26 +230,30 @@ var Microworld = React.createClass({
); );
}, },
renderStarterProject: function() {
return (
<div className="project-ideas">
<Box
title="More Starter Projects"
key="design_studio">
<Carousel items={this.state.featuredLocal.scratch_starter_projects} />
</Box>
</div>
)
},
renderProjectIdeasBox: function() { renderProjectIdeasBox: function() {
var rows = [ var rows = [
<Box
title="More Starter Projects"
key="design_studio">
<Carousel items={this.state.featuredGlobal.scratch_design_studio} />
</Box>,
<Box <Box
title="Featured Community Projects" title="Featured Community Projects"
key="community_featured_projects"> key="community_featured_projects">
<Carousel items={this.state.featuredGlobal.community_featured_projects} /> <Carousel items={this.state.featuredLocal.community_featured_projects} />
</Box>, </Box>,
<Box <Box
title="All Community Projects" title="All Community Projects"
key="community_all_projects"> key="community_all_projects">
<Carousel items={this.state.featuredGlobal.community_featured_studios} /> <Carousel items={this.state.featuredLocal.community_newest_projects} />
</Box>, </Box>,
]; ];
console.log(this.state.featuredGlobal);
return ( return (
<div className="project-ideas"> <div className="project-ideas">
{rows} {rows}
...@@ -248,16 +263,29 @@ var Microworld = React.createClass({ ...@@ -248,16 +263,29 @@ var Microworld = React.createClass({
renderForum: function() { renderForum: function() {
return ( return (
<div className="forum"> <div className="forum">
<h1>Forum</h1> <h1>Chat with other art lovers!</h1>
<img src="/images/forum-image.png"/> <img src="/images/forum-image.png"/>
</div> </div>
) )
}, },
renderDesignStudio: function() { renderDesignStudio: function() {
return ( return (
<div className="design-studio"> <div className="side-by-side section">
<img src="/images/design-studio-image.png"/> <h1>Join our Design Challenge!</h1>
</div> <div className="design-studio">
<iframe src="https://scratch.mit.edu/projects/89144801/#fullscreen" frameborder="0"> </iframe>
</div>
<div className="design-studio-projects">
<Box
title="Examples"
key="scratch_desgin_studio"
moreTitle="Visit the studio"
moreHref={'/studios/' + '1728540' + '/'}>
<Carousel settings={{slidesToShow:2,slidesToScroll:2}} items={this.state.featuredLocal.scratch_design_studio1} />
<Carousel settings={{slidesToShow:2,slidesToScroll:2}} items={this.state.featuredLocal.scratch_design_studio2} />
</Box>
</div>
</div>
) )
}, },
render: function () { render: function () {
...@@ -273,8 +301,8 @@ var Microworld = React.createClass({ ...@@ -273,8 +301,8 @@ var Microworld = React.createClass({
return ( return (
<div> <div>
<div className="top-banner section"> <div className="top-banner section">
<h1>Art and Creating</h1> <h1>Make Some Art</h1>
<p>Watch a video about how to create with technology.<br></br> <p>Watch videos about how to create with technology.<br></br>
Then, create your own art project.<br></br> Then, create your own art project.<br></br>
Check out projects by others for inspiration,<br></br> Check out projects by others for inspiration,<br></br>
communicate in the forum and join the challenges! communicate in the forum and join the challenges!
...@@ -285,12 +313,12 @@ var Microworld = React.createClass({ ...@@ -285,12 +313,12 @@ var Microworld = React.createClass({
<div className="content"> <div className="content">
{this.renderEditorWindow()} {this.renderEditorWindow()}
<h1>Check out ideas for more projects</h1>
{this.renderStarterProject()}
{this.renderDesignStudio()}
<h1>Get inspiration from other projects</h1>
{this.renderProjectIdeasBox()} {this.renderProjectIdeasBox()}
<div className="side-by-side section"> {this.renderForum()}
{this.renderForum()}
{this.renderDesignStudio()}
</div>
</div> </div>
</div> </div>
......
...@@ -18,6 +18,14 @@ $base-bg: $ui-white; ...@@ -18,6 +18,14 @@ $base-bg: $ui-white;
line-height: 2em; line-height: 2em;
} }
h1 {
margin: 0 auto;
padding: 5px 0;
max-width: 500px;
text-align: center;
color: $type-gray;
}
.top-banner, .videos-section, .section { .top-banner, .videos-section, .section {
padding: 30px 0; padding: 30px 0;
width: 100%; width: 100%;
...@@ -75,7 +83,7 @@ $base-bg: $ui-white; ...@@ -75,7 +83,7 @@ $base-bg: $ui-white;
background-color: $type-gray; background-color: $type-gray;
width: 70px; width: 70px;
height: 50px; height: 50px;
top: 69%; top: 60%;
&, &,
&:after { &:after {
...@@ -131,20 +139,30 @@ $base-bg: $ui-white; ...@@ -131,20 +139,30 @@ $base-bg: $ui-white;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 900px; width: 900px;
height:520px;
img { .box {
width: 450px; width: 400px;
} }
.forum,.design-studio { .design-studio-projects,.design-studio {
width: 50%; width: 400px;
height: 500px;
display: inline-block; display: inline-block;
} }
.forum { .design-studio-projects {
float:left; float:right;
} }
.design-studio { .design-studio {
float: right; float: left;
iframe {
margin-top: 60px;
width: 960px;
-webkit-transform: scale(0.5);
-webkit-transform-origin: top left;
-moz-transform: scale(0.5);
}
} }
......
{
"scratch_starter_projects": [
{
"title": "Architecture Stamps Starter Project",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2445/6318.png",
"creator": "CSFirst",
"id": 24456318
},
{
"title": "Digital Art Starter Project",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2513/9098.png",
"creator": "CSFirst",
"id": 25139098
},
{
"title": "Graffiti Starter Project",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2546/8311.png",
"creator": "CSFirst",
"id": 25468311
},
{
"title": "Paint with Tera Starter ",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2743/2322.png",
"creator": "CSFirst",
"id": 27432322
},
{
"title": "Interactive Art Starter Project",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2501/4570.png",
"creator": "CSFirst",
"id": 25014570
},
{
"title": "Interactive Art Starter Project - Kuniyoshi Start",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2482/0113.png",
"creator": "CSFirst",
"id": 24820113
},
{
"title": "Interactive Art Starter Project - American Gothic",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2445/4633.png",
"creator": "CSFirst",
"id": 24454633
},
{
"title": "Interactive Art Starter Project - The Scream",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2481/8944.png",
"creator": "CSFirst",
"id": 24818944
},
{
"title": "Animation Starter Project - Penguin",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2395/6722.png",
"creator": "CSFirst",
"id": 23956722
},
{
"title": "Animation Starter Project - Gobo",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2395/7767.png",
"creator": "CSFirst",
"id": 23957767
},
{
"title": "Animation Starter Project - Ghost",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2395/7153.png",
"creator": "CSFirst",
"id": 23957153
},
{
"title": "Animation Starter Project - Crab",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2395/6837.png",
"creator": "CSFirst",
"id": 23956837
},
{
"title": "Intro to Art Starter Project",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2420/9090.png",
"creator": "CSFirst",
"id": 24209090
}
],
"community_featured_projects": [
{
"title": "Change color effect by-function",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/141/3159.png",
"creator": "dapontes",
"id": 1413159
},
{
"title": "CobwebMaker",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/133/0100.png",
"creator": "-Scratcher-",
"id": 1330100
},
{
"title": "QuadraticMap3_Attractor",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/136/2772.png",
"creator": "mathjp",
"id": 1362772
},
{
"title": "Plants_Jp1",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/131/8150.png",
"creator": "mathjp",
"id": 1318150
},
{
"title": "TreeMaker",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/131/5337.png",
"creator": "-Scratcher-",
"id": 1315337
},
{
"title": "3D Curve art",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/128/7436.png",
"creator": "nasami",
"id": 1287436
},
{
"title": "pen art maker",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/115/3338.png",
"creator": "cooljj100",
"id": 1153338
},
{
"title": "e-lisa-avo",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/64/1173.png",
"creator": "gerhardmb",
"id": 641173
},
{
"title": "Pyramid_IFS_Fractal",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/129/4615.png",
"creator": "mathjp",
"id": 1294615
},
{
"title": "3D Snail",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/127/0157.png",
"creator": "mathjp",
"id": 1270157
},
{
"title": "Fractile Shape Maker 1S 1S",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/115/5121.png",
"creator": "recycle49",
"id": 1155121
},
{
"title": "Mosaik",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/110/3305.png",
"creator": "frcroth",
"id": 1103305
},
{
"title": "QuadraticMap2_Attractor",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/109/9424.png",
"creator": "mathjp",
"id": 1099424
},
{
"title": "3D Cube",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/105/2958.png",
"creator": "VilceGT",
"id": 1052958
},
{
"title": "Fractal_CarpetsV1",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/105/9322.png",
"creator": "mathjp",
"id": 1059322
},
{
"title": "QuadraticMap1_Attractor",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/100/1796.png",
"creator": "mathjp",
"id": 1001796
},
{
"title": "Pattern/Shape Generator 1S 1S",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/94/6911.png",
"creator": "recycle49",
"id": 946911
},
{
"title": "Sweet Rainbow Kaliedoscope Attractor",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/94/0283.png",
"creator": "Venazard",
"id": 940283
},
{
"title": "Scratch3_Attractor",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/94/6973.png",
"creator": "mathjp",
"id": 946973
},
{
"title": "Peter_de_Jong_Attractor",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/85/3644.png",
"creator": "mathjp",
"id": 853644
},
{
"title": "Invertable",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/53/6764.png",
"creator": "itsEMILagain",
"id": 536764
},
{
"title": "Chalkboard designs",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/66/7803.png",
"creator": "Targethero",
"id": 667803
},
{
"title": "Blades of grass",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/82/2114.png",
"creator": "AddZero",
"id": 822114
},
{
"title": "Flexible Line",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/72/8858.png",
"creator": "Paddle2See",
"id": 728858
}
],
"community_newest_projects": [
{
"title": "Pixel Art - Emerald ore",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/8681/8843.png",
"creator": "SebastianLavers",
"id": 86818843
},
{
"title": "Untitled-10",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/8720/4697.png",
"creator": "SebastianLavers",
"id": 87204697
},
{
"title": "pixel art - trayne",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/8720/5631.png",
"creator": "SebastianLavers",
"id": 87205631
},
{
"title": "MY STAR WARS PIXEL ICONS",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/8294/4668.png",
"creator": "DevG2857",
"id": 82944668
},
{
"title": "[Pixel Art] Bomb",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7663/8750.png",
"creator": "-PixelArt-",
"id": 76638750
},
{
"title": "[Pixel Art] Pizza",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7652/8188.png",
"creator": "-PixelArt-",
"id": 76528188
},
{
"title": "[Pixel Art] Ancient Book",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7652/9284.png",
"creator": "-PixelArt-",
"id": 76529284
},
{
"title": "[Pixel Art] Grass Tile #2",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7567/6352.png",
"creator": "-PixelArt-",
"id": 75676352
},
{
"title": "Millennium Falcon",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/4829/2520.png",
"creator": "HD_Pixel_Squid",
"id": 48292520
},
{
"title": "Pixel Art Scene",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/5076/2664.png",
"creator": "AgentCNF",
"id": 50762664
},
{
"title": "Sunset Pixel Art - By JK102",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7332/8110.png",
"creator": "jk102",
"id": 73328110
},
{
"title": "Dragon Ball Z Pixel Art",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7225/3242.png",
"creator": "agentmcguffin",
"id": 72253242
},
{
"title": "Pixel Art - Award",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7260/3768.png",
"creator": "Pixels-",
"id": 72603768
},
{
"title": "PixelMoltenArmor",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/6927/7136.png",
"creator": "pixelart5",
"id": 69277136
},
{
"title": "Fishing (Art)",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/1901/6045.png",
"creator": "IsoPixel",
"id": 19016045
},
{
"title": "Placid Pool Simulation",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/4696/9638.png",
"creator": "RememberNovember",
"id": 46969638
},
{
"title": "[Pixel Art] Mountain Background",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7558/6228.png",
"creator": "-PixelArt-",
"id": 75586228
},
{
"title": "[Pixel Art] Log",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7558/0582.png",
"creator": "-PixelArt-",
"id": 75580582
},
{
"title": "[Pixel Art] Healthbar",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7468/7698.png",
"creator": "-PixelArt-",
"id": 74687698
},
{
"title": "[Pixel Art] Food",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7450/4518.png",
"creator": "-PixelArt-",
"id": 74504518
},
{
"title": "[Pixel Art] Starfield",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7450/3672.png",
"creator": "-PixelArt-",
"id": 74503672
},
{
"title": "[Pixel Art] Nature Scene",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7449/9686.png",
"creator": "-PixelArt-",
"id": 74499686
},
{
"title": "[Pixel Art] Clouds",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7450/1794.png",
"creator": "-PixelArt-",
"id": 74501794
},
{
"title": "[Pixel Art] Medieval Door",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7333/1288.png",
"creator": "-PixelArt-",
"id": 73331288
},
{
"title": "[Pixel Art] Sun and Moon",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7443/2594.png",
"creator": "-PixelArt-",
"id": 74432594
},
{
"title": "[Pixel Art] Soda Can",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7333/0734.png",
"creator": "-PixelArt-",
"id": 73330734
},
{
"title": "[Pixel Art] Rock Pack",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7324/3096.png",
"creator": "-PixelArt-",
"id": 73243096
},
{
"title": "[Pixel Art] Grass Tile",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7321/3098.png",
"creator": "-PixelArt-",
"id": 73213098
},
{
"title": "[Pixel Art] Animated Coin",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7321/2898.png",
"creator": "-PixelArt-",
"id": 73212898
},
{
"title": "[Pixel Art] Sword",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7294/4390.png",
"creator": "-PixelArt-",
"id": 72944390
}
],
"scratch_design_studio1": [
{
"gallery_id": 1728540,
"creator": "mathjp",
"remixers_count": 8,
"gallery_title": "Arts Design Challenge",
"love_count": 28,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/326/6979.png",
"title": "Flowers_Creator",
"type": "project",
"id": 3266979
},
{
"gallery_id": 1728540,
"creator": "-Scratcher-",
"remixers_count": 2,
"gallery_title": "Arts Design Challenge",
"love_count": 9,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/131/5337.png",
"title": "TreeMaker",
"type": "project",
"id": 1315337
},
{
"title": "a beautiful day with a flower",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/326/7716.png",
"creator": "Sakura102",
"id": 3267716
},
{
"title": "A Walk in the Dream Park",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2032/9589.png",
"creator": "JoeTheMan18",
"id": 20329589
},
{
"title": "Drawing with Shapes",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/7700/9574.png",
"creator": "morant",
"id": 77009574
},
{
"title": "pretty flower",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/271/1834.png",
"creator": "leszpio",
"id": 2711834
},
{
"title": "Garden Secret",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/1045/1607.png",
"creator": "Eddie101101",
"id": 10451607
}
],
"scratch_design_studio2": [
{
"title": "Garden Secret",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/1045/1607.png",
"creator": "Eddie101101",
"id": 10451607
},
{
"title": "The Park",
"type": "project",
"remixers_count": 168,
"love_count": 3062,
"thumbnail_url": "//cdn.scratch.mit.edu/static/site/projects/thumbnails/2658/0310.png",
"creator": "taliapanda01",
"id": 26580310
}
]
}
\ No newline at end of file
static/images/forum-image.png

200 KB | W: | H:

static/images/forum-image.png

93.7 KB | W: | H:

static/images/forum-image.png
static/images/forum-image.png
static/images/forum-image.png
static/images/forum-image.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment