Re: Retro Aesthetic In 'Vanilla Etoys' Tutorial

Jeremy Landry <[email protected]> Wed, 7 Feb 2018 01:32:25 -0800
Newsgroups gmane.comp.lang.smalltalk.squeak.squeakland
Message-ID <CAMYa41nV6iKUjN8fR6DqAXPeasuCwrMgmns2Mg_tB04SBbTa0A@mail.gmail.com>
--===============6693668858533824665==
Content-Type: multipart/alternative; boundary="001a11409d8e2161c005649bf902"

--001a11409d8e2161c005649bf902
Content-Type: text/plain; charset="UTF-8"

I'll be posting this and other tutorials here:
https://hseiken.itch.io/etoys-retro/

Ultimately it will end up as a digital magazine partly related to the
previously announced Etoys 'retro-hack' I'm working on here and there. The
goal is to drum up a little interest outside of the academic sphere for
Etoys using some fun media and demos that aren't necessarily all about
science and math and dropping things off of rooftops (though that is fun
too!).

https://hseiken.itch.io/etoys-retro/devlog/23401/and-so-it-begins-the-prettifying

Basically, I'm taking up the impossible task of building a community around
Etoys that has nothing to do with education so I can teach even more people
what it's about.  I'm a firm believer that people will eat brocolli the
first time with a little cheese and eventually prefer to just eat the
brocolli because there really wasn't anything wrong with it in the first
place, it just smelled a little funny.

On Tue, Feb 6, 2018 at 5:29 PM, Steve Thomas <sthomas1-gQhbkF4bah9Wk0Htik3J/[email protected]> wrote:

> Jeremy,
>
> Thanks for sharing this.  It worked fine when I ran in Etoys on my Mac.
>
> You obviously put in a lot of work(211 steps, although the last one needs
> some work ;-)
>
> Couple of thoughts:
> 1) Try creating a set of short video's showing how you created the
> project.  The steps you have are very thorough, but screenshots may not be
> the best medium for so many steps. Here is an example of one of the Etoys
> Minutes I created on animation https://www.youtube.com/watch?v=xMDYf3_uovk
>
> Kathleen Harness also created some great tutorials you can see at
> https://www.youtube.com/playlist?list=PL7B1F2928FF2B9AB7
>
> 2) Another way to do this is use "Event Theatre" in the Object Catalog
> under "Multimedia"  this can work and is great for embedding the "screen
> cast" inside the Etoys project, but you could run into some issues, be sure
> to move the mouse slowly when recording if you want to use this
>
> 3) Have you looked at Etoys Castle and Etoys Challenge in "Tutorials and
> Demos" these are great examples of ways to facilitate learning.
>
> 4) Consider using a Book with flaps.  Flaps provide a way to provide
> instructions/guides where you can easily show/hide the information as
> needed.
>
> Cheers,
> Stephen
>
> On Mon, Feb 5, 2018 at 2:25 AM, Jeremy Landry <[email protected]> wrote:
>
>> Hi, I hope someone can give this tutorial a test run and see if it works
>> for them.  It is intended to be both a primer on what etoys is about when
>> it comes to making your own tools to make the thing you want to make as
>> well as give insights and instruction on achieving the specific goal of the
>> tutorial which is how to get retro-aesthetic out of Etoys using nothing but
>> Etoys.  It seems like a 'lot of steps' but since it's intended for the
>> absolute Etoys novice it covers more than just what it takes to create the
>> effect/final look.
>>
>> The zip file contains over 200 screenshots with titles that put them in
>> the correct order as well as tells you what the actions and purpose of that
>> step and accompanying shot are for.  After each element is introduced the
>> first time, it is no longer shown in 'long form' (i.e. the first time a
>> playfield menu item is mentioned, it is shown through multiple screenshots,
>> the 2nd time it is assumed the reader remembered how to find that menu
>> etc.)
>>
>> If anyone runs through this tutorial has any ideas, concerns or it didn't
>> work for them or they have suggestions on making it a little more enjoyable
>> or novice-friendly, please chime in.
>>
>> The zip file is on google drive and is around 5MB and includes the actual
>> project I constructed while taking all of the screenshots.  I will turn
>> this into a proper web-based page and maybe even put it into an Etoys Book
>> as well if there is interest so that one can flip through the book inside
>> Etoys while trying it out.
>>
>> Thanks, all!
>>
>> Jeremy
>>
>> Download the tutorial here:  https://drive.google.co
>> m/file/d/1R0PNrKP2qa-lA73KTMnW3tSk3ZFv4An_/view?usp=sharing
>>
>> _______________________________________________
>> squeakland mailing list
>> squeakland-bD51WKytQuId/fn+uklp/[email protected]
>> http://lists.squeakland.org/mailman/listinfo/squeakland
>>
>>
>
>
> --
>
> To some of us, writing computer programs is a fascinating game. A program
> is a building of thought. It is costless to build, weightless, growing
> easily under our typing hands. If we get carried away, its size and
> complexity will grow out of control, confusing even the one who created it.
> This is the main problem of programming. It is why so much of today's
> software tends to crash, fail, screw up.
>
> When a program works, it is beautiful. The art of programming is the skill
> of controlling complexity. The great program is subdued, made simple in its
> complexity.
>
> - Martin Harverbeke (from Eloquent JavaScript
> <http://eloquentjavascript.net/index.html>)
>

--001a11409d8e2161c005649bf902
Content-Type: text/html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr"><div>I&#39;ll be posting this and other tutorials here:=C2=
=A0=C2=A0

<a href=3D"https://hseiken.itch.io/etoys-retro/">https://hseiken.itch.io/et=
oys-retro/</a><br></div><div><br></div><div>Ultimately it will end up as a =
digital magazine partly related to the previously announced Etoys &#39;retr=
o-hack&#39; I&#39;m working on here and there. The goal is to drum up a lit=
tle interest outside of the academic sphere for Etoys using some fun media =
and demos that aren&#39;t necessarily all about science and math and droppi=
ng things off of rooftops (though that is fun too!).=C2=A0</div><div><br></=
div><div>

<span style=3D"color:rgb(34,34,34);font-family:arial,sans-serif;font-size:s=
mall;font-style:normal;font-variant-ligatures:normal;font-variant-caps:norm=
al;font-weight:400;letter-spacing:normal;text-align:start;text-indent:0px;t=
ext-transform:none;white-space:normal;word-spacing:0px;background-color:rgb=
(255,255,255);text-decoration-style:initial;text-decoration-color:initial;f=
loat:none;display:inline"><a href=3D"https://hseiken.itch.io/etoys-retro/de=
vlog/23401/and-so-it-begins-the-prettifying">https://hseiken.itch.io/etoys-=
retro/devlog/23401/and-so-it-begins-the-prettifying</a></span></div><div><b=
r></div><div>Basically, I&#39;m taking up the impossible task of building a=
 community around Etoys that has nothing to do with education so I can teac=
h even more people what it&#39;s about.=C2=A0 I&#39;m a firm believer that =
people will eat brocolli the first time with a little cheese and eventually=
 prefer to just eat the brocolli because there really wasn&#39;t anything w=
rong with it in the first place, it just smelled a little funny.=C2=A0=C2=
=A0</div></div><div class=3D"gmail_extra"><br><div class=3D"gmail_quote">On=
 Tue, Feb 6, 2018 at 5:29 PM, Steve Thomas <span dir=3D"ltr">&lt;<a href=3D=
"mailto:sthomas1-gQhbkF4bah9Wk0Htik3J/[email protected]" target=3D"_blank">sthomas1-gQhbkF4bah9Wk0Htik3J/[email protected]</a>&=
gt;</span> wrote:<br><blockquote class=3D"gmail_quote" style=3D"margin:0 0 =
0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir=3D"ltr">Jeremy=
,<div><br></div><div>Thanks for sharing this.=C2=A0 It worked fine when I r=
an in Etoys on my Mac.</div><div><br></div><div>You obviously put in a lot =
of work(211 steps, although the last one needs some work ;-)</div><div><br>=
</div><div>Couple of thoughts:</div><div>1) Try creating a set of short vid=
eo&#39;s showing how you created the project.=C2=A0 The steps you have are =
very thorough, but screenshots may not be the best medium for so many steps=
. Here is an example of one of the Etoys Minutes I created on animation=C2=
=A0<a href=3D"https://www.youtube.com/watch?v=3DxMDYf3_uovk" target=3D"_bla=
nk">https://www.youtube.<wbr>com/watch?v=3DxMDYf3_uovk</a>=C2=A0=C2=A0</div=
><div>Kathleen Harness also created some great tutorials you can see at=C2=
=A0<a href=3D"https://www.youtube.com/playlist?list=3DPL7B1F2928FF2B9AB7" t=
arget=3D"_blank">https://www.youtube.com/<wbr>playlist?list=3D<wbr>PL7B1F29=
28FF2B9AB7</a></div><div><br></div><div>2) Another way to do this is use &q=
uot;Event Theatre&quot; in the Object Catalog under &quot;Multimedia&quot;=
=C2=A0 this can work and is great for embedding the &quot;screen cast&quot;=
 inside the Etoys project, but you could run into some issues, be sure to m=
ove the mouse slowly when recording if you want to use this</div><div><br><=
/div><div>3) Have you looked at Etoys Castle and Etoys Challenge in &quot;T=
utorials and Demos&quot; these are great examples of ways to facilitate lea=
rning.</div><div><br></div><div>4) Consider using a Book with flaps.=C2=A0 =
Flaps provide a way to provide instructions/guides where you can easily sho=
w/hide the information as needed.</div><div><br></div><div>Cheers,</div><di=
v>Stephen=C2=A0</div></div><div class=3D"gmail_extra"><br><div class=3D"gma=
il_quote"><div><div class=3D"h5">On Mon, Feb 5, 2018 at 2:25 AM, Jeremy Lan=
dry <span dir=3D"ltr">&lt;<a href=3D"mailto:[email protected]" target=3D"_b=
lank">[email protected]</a>&gt;</span> wrote:<br></div></div><blockquote cl=
ass=3D"gmail_quote" style=3D"margin:0 0 0 .8ex;border-left:1px #ccc solid;p=
adding-left:1ex"><div><div class=3D"h5"><div dir=3D"ltr">Hi, I hope someone=
 can give this tutorial a test run and see if it works for them.=C2=A0 It i=
s intended to be both a primer on what etoys is about when it comes to maki=
ng your own tools to make the thing you want to make as well as give insigh=
ts and instruction on achieving the specific goal of the tutorial which is =
how to get retro-aesthetic out of Etoys using nothing but Etoys.=C2=A0 It s=
eems like a &#39;lot of steps&#39; but since it&#39;s intended for the abso=
lute Etoys novice it covers more than just what it takes to create the effe=
ct/final look.=C2=A0<div><br></div><div>The zip file contains over 200 scre=
enshots with titles that put them in the correct order as well as tells you=
 what the actions and purpose of that step and accompanying shot are for.=
=C2=A0 After each element is introduced the first time, it is no longer sho=
wn in &#39;long form&#39; (i.e. the first time a playfield menu item is men=
tioned, it is shown through multiple screenshots, the 2nd time it is assume=
d the reader remembered how to find that menu etc.)=C2=A0=C2=A0<br><br>If a=
nyone runs through this tutorial has any ideas, concerns or it didn&#39;t w=
ork for them or they have suggestions on making it a little more enjoyable =
or novice-friendly, please chime in.=C2=A0=C2=A0<br><br>The zip file is on =
google drive and is around 5MB and includes the actual project I constructe=
d while taking all of the screenshots.=C2=A0 I will turn this into a proper=
 web-based page and maybe even put it into an Etoys Book as well if there i=
s interest so that one can flip through the book inside Etoys while trying =
it out.</div><div><br></div><div>Thanks, all!<br><br>Jeremy<br><br>Download=
 the tutorial here:=C2=A0=C2=A0<a href=3D"https://drive.google.com/file/d/1=
R0PNrKP2qa-lA73KTMnW3tSk3ZFv4An_/view?usp=3Dsharing" target=3D"_blank">http=
s://drive.google.co<wbr>m/file/d/1R0PNrKP2qa-lA73KTMnW<wbr>3tSk3ZFv4An_/vie=
w?usp=3Dsharing</a></div></div>
<br></div></div><span class=3D"">______________________________<wbr>_______=
__________<br>
squeakland mailing list<br>
<a href=3D"mailto:squeakland-bD51WKytQuId/fn+uklp/[email protected]" target=3D"_blank">squeak=
land-bD51WKytQuId/fn+uklp/[email protected]<wbr>g</a><br>
<a href=3D"http://lists.squeakland.org/mailman/listinfo/squeakland" rel=3D"=
noreferrer" target=3D"_blank">http://lists.squeakland.org/ma<wbr>ilman/list=
info/squeakland</a><br>
<br></span></blockquote></div><span class=3D"HOEnZb"><font color=3D"#888888=
"><br><br clear=3D"all"><div><br></div>-- <br><div class=3D"m_8080999912738=
976625gmail_signature" data-smartmail=3D"gmail_signature"><div dir=3D"ltr">=
<p style=3D"margin:1em 0px;font-family:tahoma,arial,sans-serif;font-size:me=
dium;line-height:24px">To some of us, writing computer programs is a fascin=
ating game. A program is a building of thought. It is costless to build, we=
ightless, growing easily under our typing hands. If we get carried away, it=
s size and complexity will grow out of control, confusing even the one who =
created it. This is the main problem of programming. It is why so much of t=
oday&#39;s software tends to crash, fail, screw up.</p><p style=3D"margin:1=
em 0px;font-family:tahoma,arial,sans-serif;font-size:medium;line-height:24p=
x">When a program works, it is beautiful. The art of programming is the ski=
ll of controlling complexity. The great program is subdued, made simple in =
its complexity.<br></p><p style=3D"margin:1em 0px;font-family:tahoma,arial,=
sans-serif;font-size:medium;line-height:24px">- Martin Harverbeke (from=C2=
=A0<a href=3D"http://eloquentjavascript.net/index.html" style=3D"color:rgb(=
17,85,204)" target=3D"_blank">Eloquent JavaScript</a>)</p></div></div>
</font></span></div>
</blockquote></div><br></div>

--001a11409d8e2161c005649bf902--

--===============6693668858533824665==
Content-Type: text/plain; charset="utf-8"
MIME-Version: 1.0
Content-Transfer-Encoding: base64
Content-Disposition: inline

X19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX19fX18Kc3F1ZWFrbGFu
ZCBtYWlsaW5nIGxpc3QKc3F1ZWFrbGFuZEBsaXN0cy5zcXVlYWtsYW5kLm9yZwpodHRwOi8vbGlz
dHMuc3F1ZWFrbGFuZC5vcmcvbWFpbG1hbi9saXN0aW5mby9zcXVlYWtsYW5kCg==

--===============6693668858533824665==--