JavaScript Magic Academy: Procedural Creatures

In this course, we’re not holding back, we’re diving into full-on, crazy experimentation mode. Unleash your creativity with vanilla JavaScript and HTML Canvas in this hands-on coding adventure! Start with simple fractals, then twist, break, and transform them into butterflies, moths, and bats. All fully procedural and entirely yours.

You will create:

• Random fractal generator: Mix colors and shapes and watch unexpected patterns emerge.

• Magic butterfly generator: Add sparks, electricity, fur, runes, and other draw modes to craft unique visual effects.

• Movie-inspired renders:

  • Corrupted bats: Deep red glow, veins, tendrils, and spores. See what happens when magic goes wrong.

  • Bioluminescent alien moths: Delicate wing membranes, glowing dots, protective scales. Capture the beauty of unexplored alien life.

Learn coding the fun way! Discover how HTML Canvas draws shapes, how pixels and paths work, and how vanilla JavaScript really operates behind the scenes. No frameworks, no libraries, because real wizards and witches understand how their spells are actually made. By working on projects that produce instant visual feedback, you’ll grasp coding concepts faster, see how changes in your code affect the output in real time, and gain confidence in your programming skills.

By the end, you’ll have your own procedural creature creators and fractal generators, a deep understanding of how vanilla JavaScript and Canvas work together, and the skills to create mesmerizing interactive art. Tweak values, explore shapes, and make your own experiments!

Save your favorite renders as PNGs and share your creations with friends or your portfolio.

Dive in, code along and discover new coding techniques and dimensions of visual art.