Candidate Javascript examples

[ghost]

We'll use this issue to gather a list of example existing Javascript Sugarizer activites to use as examples.

[jrtechs]

This is the only HFOSS sugarizer projects from the past that I found:

https://github.com/Fractionators/sugarizer

[ghost]

On Sun, Apr 05, 2020 at 07:29:02PM -0700, Jeffery Russell wrote: This is the only HFOSS sugarizer projects from the past that I found: https://github.com/Fractionators/sugarizer

i Sorry, this example is good but I mean not to restrict this to HFOSS projects, but rather to allow a subset of the class to explore and describe details of Sugarizer activities more generally.

[ymoullec]

https://github.com/llaske/sugarizer/tree/master/activities/MazeWeb.activity
https://github.com/llaske/sugarizer/tree/master/activities/PhysicsJS.activity
https://github.com/llaske/sugarizer/tree/master/activities/Gears.activity
https://github.com/llaske/sugarizer/tree/master/activities/FoodChain.activity
MazeWeb, PhysicsJS and Gears have some kind of animation-ish aspect to them, so they can be useful to find leads as to how to do animation with JS (and try to do without pygame). As far as playing background music is concerned, FoodChain may be a good example. The whole repo is filled with activities that can be used for inspiration on how to write activities.

[DennisSSDev]

https://github.com/llaske/sugarizer/tree/master/activities/LabyrinthJS.activity

Labyrinth js seems like a good future example for geometry related activities as you can click and drag shapes and at the same time have text above them and line connections as well.

[ghost]

On Tue, Apr 07, 2020 at 03:28:56PM -0700, ymoullec wrote: https://github.com/llaske/sugarizer/tree/master/activities/MazeWeb.activity https://github.com/llaske/sugarizer/tree/master/activities/PhysicsJS.activity https://github.com/llaske/sugarizer/tree/master/activities/Gears.activity https://github.com/llaske/sugarizer/tree/master/activities/FoodChain.activity MazeWeb, PhysicsJS and Gears have some kind of animation-ish aspect to them, so they can be useful to find leads as to how to do animation with JS (and try to do without pygame). As far as playing background music is concerned, FoodChain may be a good example. The whole repo is filled with activities that can be used for inspiration on how to write activities.

Thank you for these suggestions. Just to be clear, sugarizer-lite is a fork of llaske's sugarizer repository above. It has almost all of the same activities, including the four listed above, so we can work from that: https://github.com/ritjoe/sugarizer-lite/tree/master/activities I've removed Abecedarium.activity and Exerciser.activity (and all of the git history) to reduce its size, to reduce the burden of downloading and storing it. It is good to keep in mind that upstream sugarizer is a resource for us, including the sugar-devel mailing list.

[cja1093]

https://github.com/llaske/sugarizer/tree/master/activities/LabyrinthJS.activity

Labyrinth js seems like a good future example for geometry related activities as you can click and drag shapes and at the same time have text above them and line connections as well.

Yea I was thinking Blockrain could have similar functionality.
https://github.com/ritjoe/sugarizer-lite/tree/master/activities/Blockrain.activity

[iggyvolz]

https://github.com/llaske/sugarizer/tree/master/activities/Scratch.activity seems like it could be an interesting project to analyze - a project like Scratch has good name recognition and it would be interesting to see how it transitioned from the original Scratch (which I believe was in flash or python?) to the Javascript and how that was modified into Sugarizer

[iclare]

EDIT: Misunderstood this was for examples of JS projects, not examples to port.

These were some interesting projects I found exploring https://github.com/sugarlabs.

I found a Flappy Bird activity that was written in Python
https://github.com/sugarlabs/flappy-birds-activity

There is also a finance activity
https://github.com/sugarlabs/finance-activity

Jupyter actvity
https://github.com/sugarlabs/jupyter-activity

I'm guessing the Jupyter activity wouldn't be possible to port over for the web easily.

[ghost]

We want Javascript activities in this issue, so we're looking for something that is in https://github.com/ritjoe/sugarizer-lite or its parent project https://github.com/llaske/sugarizer In each of the above cases, we're looking in the `activities` subdirectory or this single project https://github.com/sugarlabs/musicblocks The Python examples might be a better fit for the Python issue (#2), if flappy-birds, finance, or jupyter would be a good fit for supporting the 4th grade math curriculum. Might be a stretch, though.

[ghost]

On Tue, Apr 07, 2020 at 07:28:33PM -0700, iggyvolz wrote: https://github.com/llaske/sugarizer/tree/master/activities/Scratch.activity seems like it could be an interesting project to analyze - a project like Scratch has good name recognition and it would be interesting to see how it transitioned from the original Scratch (which I believe was in flash or python?) to the Javascript and how that was modified into Sugarizer

This could be a good one, especially for someone already versed in JavaScript and familiar with the original Scratch. https://en.wikipedia.org/wiki/Scratch_%28programming_language%29 (looks like it was first implemented in Squeak, which if I recall correctly is a dialect of Smalltalk) On the other hand, it might be pretty heavy, since it is in essence a programming environment. Still, if it gets enough secondary interest it could be a winner!

[ghost]

On Sun, Apr 05, 2020 at 07:07:37PM -0700, Joe wrote: We'll use this issue to gather a list of example existing Javascript Sugarizer activites to use as examples.

OK, in preparation for working on issue #4 could each of you review suggestions others have made and see if there are things there you might be willing to work on, too? I'm hoping to have 2 or 3 people each on each of the 'describe JavaScript' tasks, with not everyone picking a describe JS task (we'll need people working on describe Python and on developing in Javascript). Anyone who hasn't chimed in yet should especially look at what we've already got since I think there are enough interesting choices here.

[ymoullec]

I'd like to work on describing MazeWeb if possible.

[ghost]

@ymoullec I think that will be possible. We'll want to note that soon in #4.

We also need to get #2 moved along.

Just to re-iterate the JavaScript projects mentioned so far, normalized somewhat using sugarizer-lite and going down into the location in activities/ where applicable:

https://github.com/Fractionators/sugarizer/tree/master/activities/Fractionator.activity
https://github.com/ritjoe/sugarizer-lite/tree/master/activities/MazeWeb.activity
https://github.com/ritjoe/sugarizer-lite/tree/master/activities/PhysicsJS.activity
https://github.com/ritjoe/sugarizer-lite/tree/master/activities/Gears.activity
https://github.com/ritjoe/sugarizer-lite/tree/master/activities/FoodChain.activity
https://github.com/ritjoe/sugarizer-lite/tree/master/activities/LabyrinthJS.activity
https://github.com/ritjoe/sugarizer-lite/tree/master/activities/Blockrain.activity
https://github.com/ritjoe/sugarizer-tree/tree/master/activities/Scratch.activity
https://github.com/sugarlabs/musicblocks

[tinywombat765]

I'm a little late to party here but this is a good Godot tutorial
https://docs.godotengine.org/en/3.1/getting_started/step_by_step/your_first_game.html