Coding, Geometry Joys, JavaScript, Physics, Simon makes gamez, Simon's Own Code

Spring Animation Tool (Simon’s own code)

The next exciting step in writing his own code about spring force: Simon actually created an interface to allow anyone to build his own shape made of springs and particles! Simon put this project on GitHub and hosted it to make it accessible online.

The code: https://github.com/simon-tiger/spring-animation-tool

The online interface to play with: https://simon-tiger.github.io/spring-animation-tool/

He also wrote the instructions himself and placed them in the GitHub Wiki: https://github.com/simon-tiger/spring-animation-tool/wiki/Intro

Intro Spring Animation Tool 24 Apr 2017

Videos of the project step by step:

Simon doesn’t consider this project finished. He wants to come up with a way to apply spring force to all the springs simultaneously to make sure the shape’s sides are equal in the final stage.

Coding, Java, JavaScript, Milestones, Simon makes gamez, Simon's Own Code

Translating from Java to JavaScript. The Bubble Project

“Just recycling some building blocks here”, I heard Simon say Monday.

Bubble Project 3 Apr 2017

This is a screenshot of Simon’s Bubble Project – an animation he built by translating a Java code from a Processing tutorial he saw a while ago (he reproduced it from memory now) to JavaScript.

Simon put the project on GitHub the following day.

Code: https://github.com/simon-tiger/bubbles

Direct link to the animation (click on the canvas to make the bubbles appear): https://simon-tiger.github.io/bubbles/

You can also both the code and play with the animation via the p5.js web editor (hit Download to get the animation on your computer): http://alpha.editor.p5js.org/simontiger/sketches/r1l_4Gg6l

A couple videos of the making of:

 

 

Coding, Geometry Joys, JavaScript, Milestones, Physics

Matter.js (Physics Library)

Simon got seriously hooked on Matter.js, a a 2D JavaScript physics library that supports rigid body collisions and constraints.

He started with Daniel Shiffman intro to Matter.js, downloaded it using GitBash and then went on by following further Matter.js tutorials on Daniel Shiffman’s channel. Simon built two physics simulations with static shapes and circular bodies: one resembling a waterfall and another resembling a dangling chain. The sketches involved constraints for mouse interaction. Simon also learned how to delete off-screen bodies from the physics world, removing them from both his particle array as well as Matter.world.