🎨 p5.js Sketches

🦄Hello World

An introductory sketch featuring unicorn emojis and basic p5.js shapes.

🌊Bezier Curves

Animated bezier curves with flowing control points and colorful trails.

🎯Arc Patterns

Dynamic arc patterns with spiral animations and corner decorations.

⭕Drawing a Circle

Demonstrates how to draw a circle using a loop with multiple ellipses positioned in a circular pattern.

🔵Animating a Circle

Animated circle moving in a circular path, creating a drawing trail using trigonometry and frameCount.

🖱️⌨️User Events

Interactive demonstration of mouse and keyboard event handlers with visual effects triggered by user input.

🎨Bauhaus Design

Minimalist design inspired by Bauhaus principles with geometric shapes and primary colors.

👤Abstract Face

An expressive abstract representation of a face with animated features.

🌄Minimalistic Landscape

A serene landscape scene with mountains, trees, and simple atmospheric elements.

🖱️Mouse Interaction

Interactive sketch responding to mouse movement with trails, ripples, and attractors.

🪐Mouse Orbit

Colorful planets orbiting around the mouse cursor with different speeds and sizes, creating dynamic celestial trails.

⚡Physics Simulation

Physics simulation featuring bouncing balls with collision detection and realistic motion.

🪃Double Pendulum

Chaotic motion simulation with 50 double pendulums creating beautiful trails and demonstrating sensitive dependence on initial conditions.

✨Particle System

Advanced particle system with different emitter types: fountain, explosion, and spiral effects.

💫Particles Simple

Simple particle system with fading particles spawning from the center.

🌀Particle Spiral

Colorful particle system creating spiral patterns with mouse wheel control over the spiral constant.

🌬️Blowing in the Wind

Particle flow field using Perlin noise with mouse interaction and scroll controls.

⚽Bouncing Balls

Multiple balls with different positions and velocities bouncing inside the canvas with perfect elastic collisions.

⭐Creative Bounce

Custom shapes (stars, hearts, triangles) that bounce and change color and size with each collision.

🌍Simulated Gravity

Demonstrates gravity simulation with a ball falling and bouncing with acceleration, visualizing physics in action.

📉Energy Loss Bounce

Ball that loses energy with each bounce, gradually coming to rest - realistic physics with energy dissipation.

📀DVD Screensaver

Classic DVD logo screensaver that bounces around changing colors, counting the elusive corner hits.

🔵Grid of Dots

Basic nested loops example showing how to create a grid pattern using x,y iteration with circles.

♟️Chessboard Pattern

Demonstrates conditional logic inside loops to create alternating patterns like a chessboard.

🌸Radial Pattern

Introduces transformations and circular loops to create mandala-like radial symmetry patterns.

🎨Riley Movement (Static)

Op Art inspired by Bridget Riley's "Movement in Squares" - static version with systematic grid distortion.

🖱️Riley Movement (Interactive)

Interactive version of Riley's "Movement in Squares" where mouse position controls the distortion line.

🎨HSL Mouse Animation

Interactive HSL color demonstration with mouse-controlled hue and saturation, featuring animated particles.

🔷Quad Patterns

Educational demonstration of the quad() function showing various quadrilateral shapes and patterns.

🧊Isometric Cube Tessellation

Tessellating pattern of 3D isometric cubes with random colors, demonstrating geometric transformations and grid arrangements.

🔷Isometric Cube Tessellation 2

Hexagonal tessellation of isometric cubes in grayscale, showing an alternative approach to 3D cube patterns.

🕐Analog Clock

A functional analog clock with moving hands and time display.

🎲Random Chaos

Pure randomness, chaotic dots.

🌫️Noise Fluency

Smooth lines with coherent noise.

♾️Infinite Variations

Animated generative randomness.

📏Line Comparison

Compares different line drawing techniques and visual styles.

📏Line Comparison Animation

Animated comparison of line drawing methods, showing dynamic changes over time.

🌪️Line with Noise

Draws lines with Perlin noise for organic, wavy effects.

🎲Line with Random

Draws lines with random offsets for jagged, unpredictable shapes.

🌀Noise Chaos

Combines noise and randomness to create chaotic, animated patterns.

🔀Random vs Noise

Side-by-side comparison of random() and noise() for generative art.

🎯Random Seed Art

Random deterministic art driven by a seed

🌱Noise Seed Art

Reproducible Perlin noise art controlled by a seed value.

⚡🐀⚡Pokemon Art

Use the 151 pokemon images to create a random art

🔴🔵Colliding Balls Art

Use to moving balls to create a moving random art. Three colored balls that bounce off walls and collide with each other, swapping velocities on impact with realistic collision physics.

💎🧻✂️Rock paper scissors

A simple rock paper scissors brainrot game.

🎉Emitting particles to center

A system emitting particles from three different points to the center.