Rewriting code from other languages or other technologies into Vanilla JS and SVG for fun and practice.
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
1-chapter-1-1-nature-of-code-in-js-svg
10-svg-elements-change-on-mouseover
11-bouncing-ball-svg
12-svg-ball-ocsillating
13-small-svg-pool-splash
2-chapter-1-3-nature-of-code-in-js-svg
3-chapter-1-5-nature-of-code-in-js-svg
4-hack-physics-and-js-nocanvas-svg-1
5-hack-physics-and-js-nocanvas-svg-2
6-hack-physics-and-js-nocanvas-svg-3
7-hack-physics-and-js-nocanvas-svg-4
8-better-way-utilizing-object-pool-nocanvas-svg
9-changing-linear-gradient-particle-fountain
.gitignore
README.md

README.md

JS-stroll

This repo is comprised of tiny JavaScript and SVG excercises for generative effects.

Some of these demos are rewriting code from 'The Nature of Code', originally written in Processing, in JavaScript to solidify the unerlying concepts. Some are rewriting Rachel Smith's Hack Physics with JavaScript posts in SVG and vanilla JS (originals are in Canvas). Some are just taking physics equations and using them to write demos with SVG.

If it was rewritten from another source, commented at the top of the main.js file of every directory is the url to the original code, where applicable.

If I used ES6, the babel file will have the original source code, and the linked js will have the compiled JavaScript.

All files have a link to a CodePen demo of the output.