<div>TaDa! <a href="http://screencast.com/t/PUoBSbJn09M0">http://screencast.com/t/PUoBSbJn09M0</a></div><div><br></div><div>I have a small caterpillar! Thank you so much Alan and Bert! I really enjoyed getting my feet wet in eToys.</div>
<div><br></div><div>So I started this journey because it looked like Cartoon Builder might be a nice easy start to the world of creating stories. Clearly eToys and Scratch are more powerful but I had hoped Cartoon Builder would be less overwhelming.</div>
<div><br></div><div>I've put a ticket in to not resize the characters unless they are too small in Cartoon Builder, that might help a bit. I don't know if anyone is maintaining Cartoon Builder but maybe it'll be an easy thing for someone just getting started to do. </div>
<div><br></div><div>Overall, I haven't decided about Cartoon Builder yet. Just using what it has in it for images is not very interesting. I think the difficulty in creating characters really raises the floor to using it creatively.</div>
<div><br></div><div>I also have thoughts on Paint and Browse but I think I'll write them in different emails so that people who just skim the lists will know if they are interested.</div><div><br></div><div>These are wonderful tutorials and point out the need for a wiki that links to the activity pages of all the activities where people can put these sorts of things. eToys may be a special case, as its such a rich world and there is already so much written.</div>
<div><br><div class="gmail_quote">On Sun, Oct 4, 2009 at 7:42 AM, Bert Freudenberg <span dir="ltr"><<a href="mailto:bert@freudenbergs.de">bert@freudenbergs.de</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
<div style="word-wrap:break-word"><div>It appears as if MaMaMedia Cartoon Builder always scales an image to fill the stage. I don't know if it is possible to tell it otherwise, or to resize it after importing. Presumably this is done to simplify. In case you don't want to switch to Etoys completely for your animation needs ;-) here is a workaround:</div>
<div><br></div><div>You need to supply "padding" around the character, that is, some empty space. When Cartoon Builder then scales this up, the actual character will appear smaller.</div><div><br></div><div>When you draw something in Etoys, it is cropped to the actual drawing extent:</div>
<div><br></div><div><img height="120" width="149" src="cid:451BB800-3AEF-4B4D-A289-E5B654AE2E16"></div><div><br></div><div>To add padding, you need to embed the drawing into a larger, transparent object. The simplest for this is a "Playfield" you can find in the "Supplies" flap:</div>
<div><br></div><div><img height="48" width="72" src="cid:E0D7A9CA-7655-4A3A-899F-03C41EBA5D2E"></div><div><br></div><div>Get this and resize to a square of the size you need using its yellow halo handle. Drop the Sketch into it. </div>
<div><br></div><div><img height="149" width="165" src="cid:7C14BC00-9CC6-4C48-9AAF-E5637C5DEF38"></div><div><br></div><div>Then make the Playfield transparent, both the fill and the border, using its halo menu (click white halo handle):</div>
<div><br></div><div><img height="154" width="306" src="cid:5C22E7F8-6B55-4EE5-8905-0E75EE05F5BA"></div><div><br></div><div>(alternatively, shift-click the pink color halo handle to change fill and border at the same time). Finally, copy the (now invisible) Playfield with the embedded Sketch:</div>
<div><br></div><div><img height="206" width="214" src="cid:41CF1FDD-339E-4783-A1BC-D27D1233A045"></div><span style="font-family:Helvetica;font-size:12px"><div><br></div><div>Note that Etoys by default uses a virtual display matching the XO screen size that is scaled to Sugar's actual screen size. So depending on your physical screen size, objects copied from Etoys and pasted elsewhere may appear larger or smaller. This can of course be turned off [*] but normally it's sufficient if you just draw everything a bit smaller or larger than intended. </div>
<div><br></div><div>Have fun!</div><div><br></div>- Bert -</span><div><span style="font-size:12px"></span><font face="Helvetica"><br></font><div><span style="font-size:12px"></span><div><font face="Helvetica">[*] if your Etoys version shows the full-screen button <span style="font-family:'Lucida Grande'"><img height="32" width="38" src="cid:FA759A50-6740-432E-9AE9-2C827761565F"><span style="font-family:Helvetica">, hold down on it. Otherwise, choose "display mode ..." from the world's halo menu. Either way, you get the "display mode" menu. Choose "no scaling":</span></span></font></div>
<div><div></div><div class="h5"><div><font face="Helvetica"><br></font></div><div><font face="Helvetica"><img height="102" width="295" src="cid:6DCA3EC0-DA63-4A6D-9BCD-9E142E02D489"></font></div><div><font face="Helvetica"><br>
</font></div><div><div><div>On 03.10.2009, at 04:19, Caroline Meeks wrote:</div><br><blockquote type="cite">Thanks Alan and Bert!<div><br></div><div>I have made progress. My next problem is that my caterpillar is too big! Even when I resize cartoon builder still wants to make it full sized.</div>
<div><br></div><div><a href="http://screencast.com/t/MH1XZmd27s" target="_blank">http://screencast.com/t/MH1XZmd27s</a><br>
<br><div class="gmail_quote">On Fri, Oct 2, 2009 at 3:26 AM, Bert Freudenberg <span dir="ltr"><<a href="mailto:bert@freudenbergs.de" target="_blank">bert@freudenbergs.de</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0.8ex;border-left-width:1px;border-left-color:rgb(204, 204, 204);border-left-style:solid;padding-left:1ex">
<div style="word-wrap:break-word"><div>About how to get the drawing out of Etoys:</div><div><br></div><div>Drag-and-drop it into the Sugar Frame's clipboard, or just press Ctrl-C when its halo is showing.</div><div><br>
</div><div>Then either insert into the activity you want directly by drag-and-drop or Ctrl-V (if the activity supports that), or store the clipping in the Journal via its Frame clipboard icon menu.</div><div><br></div><span style="font-family:Helvetica;font-size:12px">- Bert -</span><div>
<span style="font-size:12px"></span><font face="Helvetica"><br></font><div><div><div></div><div><div>On 02.10.2009, at 04:30, Alan Kay wrote:</div><br></div></div><blockquote type="cite"><span style="border-collapse:separate;font-family:'Lucida Grande';font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;text-indent:0px;text-transform:none;white-space:normal;word-spacing:0px"><div>
<div><div></div><div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-family:'times new roman', 'new york', times, serif;font-size:12pt"><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
Hi Caroline<br><br>I think what you want to do is to take that picture of the caterpillar and erase all but the caterpillar?<br><br>To do that you want to "repaint" the picture (it is already an image).<br><br>
First get the "halos" (which every object in Etoys will show) by right clicking on the picture.<br>
<br> There is balloon help on most things in Etoys, and each halo handle will say what it does.<br><br> For example, to duplicate your picture, drag on the green button in the upper right corner. A duplicate copy will drag off.<br>
<br> To put something in the trash, click on the "move to trash" handle in the upper left corner.<br><br>--> To repaint, click on the "repaint" handle on the right side, mid height.<br>
<br> There is help about most things in Etoys under the "?" on the Sugar menu bar.<br><br>For doing your task, I like to choose "no color" in the paint palette (it's the bar over the color rainbow). Then I will choose various sizes of the circular brushes to do the work of removing the background. The "Undo" in the paint box will undo one whole stroke.<br>
<br>When done, click on "Keep" in the paint box. If you want to start over, click on "Toss".<br><br>You now have a picture of the caterpillar with transparent fill around it.<span> </span><br><br>The PNG format (a standard open source format) will allow the picture to be filed with the transparent fill preserved.<br>
<br>I'm presuming that the reverse of the process you used to get the image into Etoys will get it back to where you want to use it.<br><br>For a nice way to animate a wriggling caterpillar, you can also look at the example in Sdenka Salas' recent book of the XO in Peru.<br>
<br>Don't hesitate to ask more questions.<br><br>Best wishes,<br><br>Alan<br></div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-family:'times new roman', 'new york', times, serif;font-size:12pt">
<br><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-family:'times new roman', 'new york', times, serif;font-size:12pt"><font face="Tahoma" size="2"><hr size="1"><b><span style="font-weight:bold">From:</span></b><span> </span>Caroline Meeks <<a href="mailto:caroline@solutiongrove.com" target="_blank">caroline@solutiongrove.com</a>><br>
<b><span style="font-weight:bold">To:</span></b><span> </span>Alan Kay <<a href="mailto:alan.nemo@yahoo.com" target="_blank">alan.nemo@yahoo.com</a>><br><b><span style="font-weight:bold">Cc:</span></b><span> </span>iaep <<a href="mailto:iaep@lists.sugarlabs.org" target="_blank">iaep@lists.sugarlabs.org</a>><br>
<b><span style="font-weight:bold">Sent:</span></b><span> </span>Thursday, October 1, 2009 6:41:26 PM<br><b><span style="font-weight:bold">Subject:</span></b><span> </span>Re: [IAEP] Any ideas how to make an image with a transparent background inSugar?<br>
</font><br>Thanks Alan,<div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px"><br></div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Where should I look to figure out Etoys paint. I'm stuck and there is no kid here to teach me!</div>
<div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px"><br></div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px"><span><a href="http://screencast.com/t/4lvde8qWV2pD" target="_blank">http://screencast.com/t/4lvde8qWV2pD</a></span><br>
<br><div class="gmail_quote" style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">On Thu, Oct 1, 2009 at 9:32 PM, Alan Kay<span> </span><span dir="ltr"><<a rel="nofollow" href="mailto:alan.nemo@yahoo.com" target="_blank">alan.nemo@yahoo.com</a>></span><span> </span>wrote:<br>
<blockquote class="gmail_quote" style="border-left-width:1px;border-left-style:solid;border-left-color:rgb(204, 204, 204);margin-top:0pt;margin-right:0pt;margin-bottom:0pt;margin-left:0.8ex;padding-left:1ex"><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
<div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-family:'times new roman', 'new york', times, serif;font-size:12pt"><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
Paint it in Etoys, save as a .PNG picture<br><br>Cheers,<br><br>Alan<br></div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-family:'times new roman', 'new york', times, serif;font-size:12pt">
<br><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-family:'times new roman', 'new york', times, serif;font-size:12pt"><font face="Tahoma" size="2"><hr size="1"><b><span style="font-weight:bold">From:</span></b><span> </span>Caroline Meeks <<a rel="nofollow" href="mailto:caroline@solutiongrove.com" target="_blank">caroline@solutiongrove.com</a>><br>
<b><span style="font-weight:bold">To:</span></b><span> </span>iaep <<a rel="nofollow" href="mailto:iaep@lists.sugarlabs.org" target="_blank">iaep@lists.sugarlabs.org</a>><br><b><span style="font-weight:bold">Sent:</span></b><span> </span>Thursday, October 1, 2009 6:28:22 PM<br>
<b><span style="font-weight:bold">Subject:</span></b><span> </span>[IAEP] Any ideas how to make an image with a transparent background inSugar?<br></font><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
<div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px"></div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px"><br><span><span><a href="http://screencast.com/t/K0lH5L7tsBU" target="_blank">http://screencast.com/t/K0lH5L7tsBU</a></span></span><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
<br></div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">I am trying to make a new character for cartoon builder. The video explains my goals.</div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
Basically I want to take a picture and cut out just the caterpillar and have it be cropped/transparent background.</div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px"><br></div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">
thanks,</div><div style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px">Caroline<br clear="all"><br>--<span> </span><br>Caroline Meeks<br>Solution Grove<br><a href="mailto:Caroline@SolutionGrove.com" target="_blank">Caroline@SolutionGrove.com</a><br>
<br>617-500-3488 - Office<br>505-213-3268 - Fax<br></div></div></div></div></div></div><br></div></blockquote></div><br><br clear="all"><br>--<span> </span><br>Caroline Meeks<br>Solution Grove<br><a href="mailto:Caroline@SolutionGrove.com" target="_blank">Caroline@SolutionGrove.com</a><br>
<br>617-500-3488 - Office<br>505-213-3268 - Fax<br></div></div></div></div><br></div></div>_______________________________________________<br>IAEP -- It's An Education Project (not a laptop project!)<br><a href="mailto:IAEP@lists.sugarlabs.org" target="_blank">IAEP@lists.sugarlabs.org</a><br>
<a href="http://lists.sugarlabs.org/listinfo/iaep" target="_blank">http://lists.sugarlabs.org/listinfo/iaep</a></div></span></blockquote></div></div></div></blockquote></div>
</div>
</blockquote></div><div><br>
</div>
<br></div></div></div></div></div></div></blockquote></div><br><br clear="all"><br>-- <br>Caroline Meeks<br>Solution Grove<br>Caroline@SolutionGrove.com<br><br>617-500-3488 - Office<br>505-213-3268 - Fax<br>
</div>