Nature of Code Reboot - Vectors!
Explore vector concepts in coding through hands-on demonstrations and practical applications, enhancing your understanding of computational motion and physics simulations.
Fractal - TeamTrees with Physics
Explore fractal tree generation with physics and microphone interaction in this coding livestream, supporting #TeamTrees initiative while learning creative programming techniques.
Interactive Drawing with SketchRNN
Explore interactive drawing with SketchRNN in this live stream. Learn to set up, load models, draw sketches, and implement user prediction and line simplification techniques for creative coding projects.
RDP Algorithm
Explore the Ramer-Douglas-Peucker algorithm for simplifying curves in this interactive coding session, featuring live demonstrations, community contributions, and practical applications.
Neuroevolution Flappy Bird & P5.JS in Spanish
Explore neuroevolution with Flappy Bird, learn about p5.js in Spanish, and dive into machine learning concepts using TensorFlow.js and ml5.js in this comprehensive coding stream.
Visualizing Climate Data
Create a climate spiral visualization using p5.js to illustrate temperature changes over time. Learn data handling, polar coordinates, and animation techniques to effectively represent climate data.
Soft Body Physics
Learn to create a soft body physics simulation for a character using toxiclibs.js and p5.js. Explore verlet physics, springs, and object-oriented programming to bring squishy characters to life in your web projects.
Creative Coding with P5.JS in Visual Studio Code
Explore creative coding with p5.js in VS Code, featuring Daniel Shiffman's workflow, examples, and insights from his upcoming Nature of Code book. Learn to develop interactive visuals and simulations.
Implementing Elastic Collisions in JavaScript - Coding Challenge 184
Learn to implement elastic collisions in p5.js without a physics library. Explore the math behind circle collisions and create a JavaScript simulation, supplementing the Nature of Code book series.
ShiffBot and Gemini API Integration with Node.js and p5.js - Coding Train Livestream
Explore ShiffBot, showcase reviews, and create a Node.js and p5.js example for the Gemini API. Learn about AI-powered tools and practical coding applications in this interactive session.
Weighted Voronoi Stippling Algorithm Implementation - Coding Challenge
Learn to implement weighted Voronoi stippling in p5.js, exploring Delaunay triangulation, Voronoi diagrams, and Lloyd's algorithm to create stunning dot-based images with artistic techniques.
Creative Coding and Opening Up Open Source
Explore interactive art coding in browsers using p5js, and learn from its inclusive community approach to open source development.
Recreating Retro Computer Art with JS
Explore early computer art history and recreate retro pieces using p5.js. Learn about ghostly oscilloscope paintings, pre-ASCII text art, and the evolution of computer displays from the 1950s to 1980s.
P5 for 50+ - How to Include Older Adults to Coding Education
Explore innovative approaches to teaching p5.js to older adults, focusing on accessibility and addressing age-specific needs in coding education through a low-barrier web app prototype.
Hand Pose Detection and Interactive Painting with ML5.js
Master hand pose detection and gesture-based interactive painting using ml5.js. Create dynamic sketches by tracking hand keypoints and implementing real-time gesture recognition for creative digital art projects.
Infinite Patterns in the Digital Canvas - Unleashing Creativity with JavaScript in Algorithmic Art
Explore JavaScript's role in algorithmic art, using libraries like p5.js to create dynamic, self-generated artworks. Learn to craft intricate patterns and push digital creativity boundaries.
PWA for Games - An Enhanced Web Gaming Experience
Explore PWA's potential in HTML5 game development, covering features, implementation, frameworks, and optimization techniques for creating immersive web-based games with enhanced user experiences.
Infinite Patterns in the Digital Canvas - Creating Algorithmic Art with JavaScript
Explore algorithmic art creation using P5.js, from fundamental concepts to interactive digital patterns, while discovering creative coding techniques and generative art principles.
Introduction to ml5.js 1.0 and FaceMesh Model - Guest Conductor Patt Vira
Explore ml5.js 1.0, learn FaceMesh model usage, and create a kinetic type visualization controlled by mouth movements with guest conductor Patt Vira in this hands-on tutorial.
Coding Challenge: Dragon Curve Fractal Animation
Learn to animate the Dragon Curve fractal using p5.js. Explore the algorithm, implement rotation and scaling, and create a mesmerizing visualization of this complex mathematical pattern.
Building a Nature of Code 404 Page
Aprenda a criar uma página 404 interativa usando p5.js, explorando conceitos de The Nature of Code como comportamentos de direção e interação do mouse.