I have used Processing.js using KhanAcademy’s platform for several years with my 6th graders. I also teach P5.js and App lab/Game Lab on code.org to my 7th and 8th graders in their elective class.
Why JavaScript / P5/ Processing.js?
It works on the web, you can code in the browser and the games and projects are easy to share. There are a lot of wonderful resources including the block to JavaScript interface to help students transition to text based coding.
How I use Processing.js
In our 6th grade class we use the Khan Academy's Computer Science module, which has its own version of Processing.js
Processing.js is the JavaScript implementation of the Processing programming language. Designers, artists use Processing for professional finished work. Many universities like UCLA, RISD, CMU use Processing in their classrooms to teach programming. See some student samples at openprocessing.org
For more on introducing students to programming using Processing, read my article
Building with Code (Written for my pledge for CSEd week Dec 9-15, 2012 )
CLASS projects
Simple House
Simple drawing shapes
http://www.khanacademy.org/cs/class-demo-draw-function/1174340287
Random color shapes and if Mouse is Pressed
http://www.khanacademy.org/cs/if-mouseispressed-demo/1203673310
Optional projects for LASD students
Instructions
Read the code and the comments
Experiment , try the 'How can you questions'
Use Save as spin Off to make your own version and change it completely
Simple animation - move a ball across the screen
Moving with Arrow keys, move character or ball with arrow keys
Bouncing ball - ball bounces when it reaches edge
Drawing program - scribble lines with your mouse
http://www.khanacademy.org/cs/simple-drawing-program/1203739801
Math Class project (done at Santa Rita)
Math programs to calculate Areas and Perimeters, temperatures
http://www.khanacademy.org/cs/rectangle-measurements/1302561158
http://www.khanacademy.org/cs/areas-and-perimeters/1302354812
Virtual Robot
How do I? Help pages / More resources
Many more resources - I will add more -
but for my 7th and 8th grade students here is the next step from what we did in class.
The Coding Train - by Daniel Shiffman is a series of videos on using P5.js
This is what we did with Visual studio code editor in the Computer lab and you used in repl.it in the beginning of Online school. Daniel Shiffman is a good teacher, funny and shows us some creative projects
Here is a playlist of all videos
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
You can see from the list that you have done a lot - The first 4 modules are definitely very similar - more review - Introduction, Drawing, Animation , Interaction
You should do - Modularity and Reusability : This is function and would strongly recommend you do these since he covers Return from functions and some more that we did not use. You can also then do Object Oriented programming - useful concept that we did not cover, makes making games and learning Java later easier. And if you have done that - you may as well try and do unit 8 onwards!
He also does some super fun Coding challenges. My favorites in order of complexity (if you have not done Object oriented prog) you may not get some of this … but you will still get a lot, since you know a lot of programming
Making a clock https://www.youtube.com/watch?v=E4RyStef-gY
Flappy bird https://www.youtube.com/watch?v=cXgA1d_E-jY
Snake Game https://www.youtube.com/watch?v=AaGK-fj-BAM