Introduction

Greetings and Welcome! This file is named "directory.html" so that it doesn't override your ability to browse these files and folders - in case I don't keep up with the updates while I create content and examples here.

These branching subdirectories will host the javascript and HTML that I create while refreshing and learning JavaScript and p5.js and matter.js from The Coding Train.

The root directory for all this is hosted on my website.

Here's the The GitLab Repository (which I migrated from the Old GitHub Repository).

In almost all cases you need to open a web page that will in turn exectute Javascript within the browser window, so all you should need to view these examples is a web browser. Using GitHub, you can also view the source code within your browser.

Newly added (5/2018) CodingChallenge, which is variously p5.js and Processing .pde files. For Processing, you need to use the Processing development environment, which is by default essentially a containerized Java environment> for use with rapid prototyping and software design..

Directory

• Setup
  Notes and files on how I set this workflow up.
  • Setup Notes
    How I got Git deployments working.
• Templates
  For templates provided by packages, or templates I've made to make further coding and writing more convenient.
  • p5-empty-example
    Examples provided here come directly from the p5.js project. The only change I made (for purposes of browsing via HTTP/WebDAV) is to change the filenames from index.html to index1.html.
• p5 Exp
  My own experiments or inspired by early lessons based on The Coding Train. Note that each index*.html corresponds to a sketch*.js file, which is what gets executed in the index*.html in the browser.
• CodingChallenge
  Lessons based on The Coding Train's Coding Challenges. My goal is to do these along with the videos, then come back and marginally refactor, insert comment documents, and if exercise is created in Processing, redo also in JavaScript/p5.js for web-based browseability. I may follow along in some cases with The Codning Train's javascript port too.
• 001 Starfield:
  From the starfield challenge.
  • Processing files.
  • JavaScript/p5.js files.
  • Interactive browser-usable JavaScript/p5.js version.
• 002 Menger Sponge:
  From the Menger sponge challenge.
  • Processing files.
  • JavaScript/p5.js files.
  • Interactive browser-usable JavaScript/p5.js version.
• 003 Snake:
  From the snake challenge.
  • JavaScript/p5.js files.
  • Interactive browser-usable JavaScript/p5.js version.
• 004 Purple Rain:
  From the purple rain challenge.
  • Processing files.
  • JavaScript/p5.js files.
  • Interactive browser-usable JavaScript/p5.js version.
• 005 Space/Flower Invaders:
  From the space invaders challenge.
  • JavaScript/p5.js files.
  • Interactive browser-usable JavaScript/p5.js version.
• 006 Mitosis Simulator:
  From the mitosis simulator challenge.
  • JavaScript/p5.js files.
  • Interactive browser-usable JavaScript/p5.js version.
• 007 Solar System Generator 2D:
  From the 2D solar system challenge.
  • Processing files.
  • JavaScript/p5.js files.
  • Interactive browser-usable JavaScript/p5.js version.
• 008 Solar System Generator 3D Part 1:
  From the 3D solar system part 1 challenge (3D and Peasycam).
  • Processing files.
• 009 Solar System Generator 3D Part 2:
  From the 3D solar system part 2 challenge (Textures).
  • Processing files.
• 010 Maze Generator:
  From the Maze Generator with p5.js - Part 1 challenge.
  • JavaScript/p5.js files.
  • Interactive browser-usable JavaScript/p5.js version.
• Lessons
  I'll come up with some sort of nomenclature in subdirectories or filenames that corresponds in some way to The Coding Train's video lectures and exercises.
  • Algorithmic_Botany
    Corresponds to lessons available in the Algorithmic_Botany (The Coding Train)
    • indexcc14.html - Corresponds to Coding Challenge 14: Fractal Trees - Recursive
    • indexcc14a.html - Further experments and refinements to above.
    • indexcc15.html - Corresponds to Coding Challenge 15: Fractal Trees - Object Oriented. Also includes custom code to resize window/controls when window is resized.
    • indexcc15a.html - Further experments and refinements to above.
  • The Nature of Code - Physics Engines
    Studying using matter.js 2D physics engine AND p5.js to explore Javascript physics engines.
    • index5-17.html
    • index5-17a.html - My further explorations of similar coding.

It's also my intention to comment the JavaScript files so that the code is somehow explicable to the casual browser.

If for some reason you want to copy any of this stuff, you must credit both The Coding Train (link above) and me (Malcolm Gin, 2017-present). You must link to this page. To the extent I'm able to claim any copyright on this work, I hereby distribute it with the Creative Commons 4.0 Attribution-ShareAlike License.

Finally, you can reach me at malcolm.gin@gmail.com

(Note also that I've implemented Git and SSH-powered deploys to my web host. The possibility remains that I will, through user error, forget to deploy to the web host. If you see a discrepancy or some other issue, please don't hesitate to contact me.)