YoVDO

How to Code - One Snakey Boi with Perlin Noise

Offered By: Chris Courses via YouTube

Tags

Javascript Courses npm Courses Color Theory Courses

Course Description

Overview

Learn to create a mesmerizing snake-like animation using Perlin Noise in this 43-minute tutorial. Begin with an initial canvas setup before downloading and integrating the Perlin Noise library. Gain a clear understanding of Perlin Noise through a whiteboard explanation, then apply it to create a singular moving circle. Progress to developing a snake-like effect with multiple circles, and explore particle galaxy animations. Enhance your project by colorizing the canvas and snake, and add visual variety through radius and color changes. Perfect for those interested in creative coding and generative art, this hands-on tutorial provides step-by-step guidance, from basic setup to advanced techniques, ensuring a comprehensive learning experience in controlled randomness and dynamic animations.

Syllabus

Project overview
Initial canvas setup
Download Perlin Noise library with NPM or Yarn
Whiteboard explanation of Perlin Noise
Integrate Perlin Noise with singular circle
Cool Perlin Noise drawy boi
Add multiple circles for snake-like effect
Particle galaxy effect
Colorize the canvas and snake
Add variety with radius and color changes
Outro / Intro to chriscourses.com


Taught by

Chris Courses

Related Courses

Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
iDESWEB, Introducción al desarrollo web
Miríadax
Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity
Web Application Architectures
University of New Mexico via Coursera