How to Code - One Snakey Boi with Perlin Noise
Offered By: Chris Courses via YouTube
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
Front-End Web UI Frameworks and ToolsThe Hong Kong University of Science and Technology via Coursera Using Open Source Web Tooling to Improve Development Proficiency
Microsoft via edX Front-End Web UI Frameworks and Tools: Bootstrap 4
The Hong Kong University of Science and Technology via Coursera Diseñando páginas web con Bootstrap 4
Universidad Austral via Coursera React 101 - basics complete & latest. Forms, routing, async
Udemy