| 1 |
Starfield in Processing |
|
|
|
|
CC_001_StarField |
| 2 |
Menger Sponge Fractal |
|
|
|
|
CC_002_MengerSponge |
| 3 |
The Snake Game |
|
|
|
|
CC_003_Snake_game |
| 4 |
Purple Rain in Processing |
|
|
|
|
CC_004_PurpleRain |
| 5 |
Space Invaders in JavaScript with p5.js |
|
|
|
|
CC_005_Space_invaders |
| 6 |
Mitosis Simulation with p5.js |
|
|
|
|
CC_006_Mitosis |
| 7 |
Solar System in Processing - Part 1 (2D) |
|
|
|
|
CC_007_SolarSystemGenerator |
| 8 |
Solar System in Processing - Part 2 (3D) |
|
|
|
|
CC_008_SolarSystemGenerator3D |
| 9 |
Solar System in Processing - Part 3 (3D textures) |
|
|
|
|
CC_009_SolarSystemGenerator3D_texture |
| 10.1 |
Maze Generator with p5.js - Part 1 |
|
|
|
|
CC_010_Maze_DFS |
| 10.2 |
Maze Generator with p5.js - Part 2 |
|
|
|
|
CC_010_Maze_DFS |
| 10.3 |
Maze Generator with p5.js - Part 3 |
|
|
|
|
CC_010_Maze_DFS |
| 10.4 |
Maze Generator with p5.js - Part 4 |
|
|
|
|
CC_010_Maze_DFS |
| 11 |
3D Terrain Generation with Perlin Noise in Processing |
|
|
|
|
CC_011_PerlinNoiseTerrain |
| 12 |
The Lorenz Attractor in Processing |
|
|
|
|
CC_012_LorenzAttractor |
| 13 |
Reaction Diffusion Algorithm in p5.js |
|
|
|
|
CC_013_ReactionDiffusion |
| 14 |
Fractal Trees - Recursive |
|
|
|
|
CC_014_FractalTree |
| 15 |
Fractal Trees - Object Oriented |
|
|
|
|
CC_015_FractalTreeArray |
| 16 |
Fractal Trees - L-System |
|
|
|
|
CC_016_LSystem |
| 17 |
Fractal Trees - Space Colonization |
|
|
|
|
CC_017_SpaceColonizer |
| 18 |
3D Fractal Trees |
|
|
|
|
CC_018_SpaceColonizer3D |
| 19 |
Superellipse |
|
|
|
|
CC_019_Superellipse |
| 20 |
3D Cloth with toxiclibs |
|
|
|
|
CC_020_ClothSimulation |
| 21 |
Mandelbrot Set with p5.js |
|
|
|
|
CC_021_Mandelbrot |
| 22 |
Julia Set in Processing |
|
|
|
|
CC_022_JuliaSet |
| 23 |
2D Supershapes |
|
|
|
|
CC_023_SuperShape2D |
| 24 |
Perlin Noise Flow Field |
|
|
|
|
CC_024_PerlinNoiseFlowField |
| 25 |
Spherical Geometry |
|
|
|
|
CC_025_SphereGeometry |
| 26 |
3D Supershapes |
|
|
|
|
CC_026_SuperShape3D |
| 27 |
Fireworks |
|
|
|
|
CC_027_FireWorks |
| 28 |
Metaballs |
|
|
|
|
CC_028_MetaBalls |
| 29 |
Smart Rockets in p5.js |
|
|
|
|
CC_029_SmartRockets |
| 30 |
Phyllotaxis |
|
|
|
|
CC_030_Phyllotaxis |
| 31 |
Flappy Bird |
|
|
|
|
CC_031_FlappyBird |
| 32.1 |
Agar.io - Part 1 (Basic Game Mechanics) |
|
|
|
|
CC_032.1_agar.io |
| 32.2 |
Agar.io - Part 2 (Networking with Socket.IO and Node.js) |
|
|
|
|
CC_032.2_agar.io_sockets |
| 33 |
Poisson-disc Sampling |
|
|
|
|
CC_033_poisson_disc |
| 34 |
Diffusion-Limited Aggregation |
|
|
|
|
CC_034_DLA |
| 35.1 |
Traveling Salesperson |
|
|
|
|
CC_035.1_TSP |
| 35.2 |
Lexicographic Order |
|
|
|
|
CC_035.2_LexicographicOrder |
| 35.3 |
Traveling Salesperson with Lexicographic Order |
|
|
|
|
CC_035.3_TSP_Lexical |
| 35.4 |
Traveling Salesperson with Genetic Algorithm |
|
|
|
|
CC_035.4_TSP_GA |
| 35.5 |
TSP with Genetic Algorithm and Crossover |
|
|
|
|
CC_035.4_TSP_GA |
| 36 |
Blobby! |
|
|
|
|
CC_036_Blobby |
| 37 |
Diastic Machine |
|
|
|
|
CC_037_diastic |
| 38 |
Word Interactor |
|
|
|
|
CC_038_word_interactor |
| 39 |
Mad Libs Generator |
|
|
|
|
CC_039_madlibs |
| 40.1 |
Word Counter in JavaScript |
|
|
|
|
CC_040.1_wordcounts |
| 40.2 |
Word Counter in Processing |
|
|
|
|
CC_040.1_wordcounts |
| 40.3 |
TF-IDF |
|
|
|
|
CC_040.3_tf-idf |
| 41 |
Clappy Bird |
|
|
|
|
CC_041_ClappyBird |
| 42.1 |
Markov Chains - Part 1 |
|
|
|
|
CC_042.1_markov-chain |
| 42.2 |
Markov Chains - Part 2 |
|
|
|
|
CC_042.2_markov-chain-names |
| 43 |
Context-Free Grammar |
|
|
|
|
CC_043_ContextFreeGrammar |
| 44.1 |
AFINN-111 Sentiment Analysis - Part 1 |
|
|
|
|
CC_044_afinn111SentimentAnalysis |
| 44.2 |
AFINN-111 Sentiment Analysis - Part 2 |
|
|
|
|
CC_044_afinn111SentimentAnalysis |
| 45 |
Saving p5.js Drawings to Firebase |
|
|
|
|
CC_045_FirebaseSavingDrawing |
| 46.1 |
Asteroids - Part 1 |
|
|
|
|
CC_046_Asteroids |
| 46.2 |
Asteroids - Part 2 |
|
|
|
|
CC_046_Asteroids |
| 47 |
Pixel Sorting in Processing |
|
|
|
|
CC_047_PixelSorting |
| 48 |
White House Social Media Data Visualization |
|
|
|
|
CC_048_TweetsByMonth |
| 49 |
Photo Mosaic with White House Social Media Images |
|
|
|
|
CC_049_ObamaMosaic |
| 50.1 |
Animated Circle Packing - Part 1 |
|
|
|
|
CC_050.1_CirclePackingAnimated |
| 50.2 |
Animated Circle Packing - Part 2 (Kitten Addendum) |
|
|
|
|
CC_050.2_CirclePackingImage |
| 51.1 |
A* Pathfinding Algorithm - Part 1 |
|
|
|
|
CC_051_astar |
| 51.2 |
A* Pathfinding Algorithm - Part 2 |
|
|
|
|
CC_051_astar |
| 51.3 |
A* Pathfinding Algorithm - Part 3 |
|
|
|
|
CC_051_astar |
| 52 |
Random Walker |
|
|
|
|
CC_052_random_walk |
| 53 |
Random Walker with Vectors and Lévy Flight |
|
|
|
|
CC_053_random_walk_levy |
| 54.1 |
Islamic Star Patterns |
|
|
|
|
CC_054.1_StarPatterns |
| 54.2 |
Star Patterns Update: Law of Sines |
|
|
|
|
CC_054.2_StarPatterns |
| 55 |
Mathematical Rose Patterns |
|
|
|
|
CC_055_Roses |
| 56 |
Attraction and Repulsion Forces |
|
|
|
|
CC_056_attraction_repulsion |
| 57 |
Mapping Earthquake Data |
|
|
|
|
CC_057_Earthquake_Viz |
| 58 |
3D Earthquake Data Visualization |
|
|
|
|
CC_058_EarthQuakeViz3D |
| 59 |
Steering Behaviors |
|
|
|
|
CC_059_Steering_Text_Paths |
| 60 |
Butterfly Generator |
|
|
|
|
CC_060_Butterfly_Wings |
| 61 |
Fractal Spirograph |
|
|
|
|
CC_061_fractal_spirograph |
| 62.1 |
Plinko with Matter.js Part 1 |
|
|
|
|
CC_062_plinko |
| 62.2 |
Plinko with Matter.js Part 2 |
|
|
|
|
CC_062_plinko |
| 62.3 |
Plinko with Matter.js Part 3 |
|
|
|
|
CC_062_plinko |
| 62.4 |
Plinko with Matter.js Part 4 |
|
|
|
|
CC_062_plinko |
| 63.1 |
Texturing Cloth Simulation Part 1 |
|
|
|
|
CC_063_unikitty_flag |
| 63.2 |
Texturing Cloth Simulation Part 2 |
|
|
|
|
CC_063_unikitty_flag |
| 64.1 |
Forward Kinematics |
|
|
|
|
CC_064.1_ForwardKinematics |
| 64.2 |
Inverse Kinematics |
|
|
|
|
CC_064.2_InverseKinematics |
| 64.3 |
Inverse Kinematics - Fixed Point |
|
|
|
|
CC_064.3_InverseKinematics_fixed |
| 64.4 |
Inverse Kinematics - Multiple |
|
|
|
|
CC_064.4_InverseKinematics_array |
| 65.1 |
Binary Search Tree |
|
|
|
|
CC_065.1_binary_tree |
| 65.2 |
Visualizing a Binary Tree |
|
|
|
|
CC_065.2_binary_tree_viz |
| 66 |
JavaScript Countdown Timer |
|
|
|
|
CC_066_timer |
| 67 |
Pong! |
|
|
|
|
CC_067_Pong |
| 68.1 |
Breadth-First Search Part 1 |
|
|
|
|
CC_068_BFS_kevin_bacon |
| 68.2 |
Breadth-First Search Part 2 |
|
|
|
|
CC_068_BFS_kevin_bacon |
| 69.1 |
Evolutionary Steering Behaviors - Part 1 |
|
|
|
|
CC_069_steering_evolution |
| 69.2 |
Evolutionary Steering Behaviors - Part 2 |
|
|
|
|
CC_069_steering_evolution |
| 69.3 |
Evolutionary Steering Behaviors - Part 3 |
|
|
|
|
CC_069_steering_evolution |
| 69.4 |
Evolutionary Steering Behaviors - Part 4 |
|
|
|
|
CC_069_steering_evolution |
| 69.5 |
Evolutionary Steering Behaviors - Part 5 (Bonus) |
|
|
|
|
CC_069_steering_evolution |
| 70.1 |
Nearest Neighbors Recommendation Engine - Part 1 |
|
|
|
|
CC_070.1_similarity_score |
| 70.2 |
Nearest Neighbors Recommendation Engine - Part 2 |
|
|
|
|
CC_070.2_nearest_neighbors |
| 70.3 |
Nearest Neighbors Recommendation Engine - Part 3 |
|
|
|
|
CC_070.3_movie_recommender |
| 71 |
Minesweeper |
|
|
|
|
CC_071_minesweeper |
| 72.1 |
Frogger - Part 1 |
|
|
|
|
CC_072_Frogger |
| 72.2 |
Frogger - Part 2 |
|
|
|
|
CC_072_Frogger |
| 72.3 |
Frogger - Part 3 |
|
|
|
|
CC_072_Frogger |
| 72.4 |
Frogger Refactoring |
|
|
|
|
CC_072_Frogger |
| 73 |
Acrostic |
|
|
|
|
CC_073_Acrostic |
| 74 |
Clock |
|
|
|
|
CC_074_Clock |
| 75 |
Wikipedia API |
|
|
|
|
CC_075_Wikipedia |
| 76 |
10PRINT in p5.js |
|
|
|
|
CC_076_10PRINT |
| 77 |
Recursion |
|
|
|
|
CC_077_Recursion |
| 78 |
Simple Particle System |
|
|
|
|
CC_078_Simple_Particle_System |
| 79 |
Number Guessing Chatbot |
|
|
|
|
CC_079_Number_Guessing_Chatbot |
| 80 |
Voice Chatbot with p5.Speech |
|
|
|
|
CC_080_Voice_Chatbot_with_p5.Speech |
| 81.1 |
Circle Morphing - Part 1 |
|
|
|
|
CC_081.1_Circle_Morphing_Part_1 |
| 81.2 |
Circle Morphing - Part 2 |
|
|
|
|
CC_081.2_Circle_Morphing_Part_2 |
| 82 |
Image Chrome Extension - The Ex-Kitten-sion! |
|
|
|
|
CC_082_Image_Chrome_Extension_The_Ex-Kitten-sion |
| 83 |
Chrome Extension with p5.js Sketch - Doodle Chrome Extension |
|
|
|
|
CC_083_Chrome_Extension_with_p5js_Sketch |
| 84 |
Word Definition Extension |
|
|
|
|
CC_084_Word_Definition_Extension |
| 85 |
The Game of Life |
|
|
|
|
CC_085_The_Game_of_Life |
| 86 |
Cube Wave by Bees and Bombs |
|
|
|
|
CC_086_beesandbombs |
| 87 |
3D Knots |
|
|
|
|
CC_087_3D_Knots |
| 88 |
Snowfall |
|
|
|
|
CC_088_snowfall |
| 89 |
Langton's Ant |
|
|
|
|
CC_089_langtonsant |
| 90 |
Floyd-Steinberg Dithering |
|
|
|
|
CC_090_dithering |
| 91.1 |
Snakes & Ladders - Part 1 |
|
|
|
|
CC_091_snakesladders |
| 91.2 |
Snakes & Ladders - Part 2 |
|
|
|
|
CC_091_snakesladders |
| 91.3 |
Snakes & Ladders - Part 3 |
|
|
|
|
CC_091_snakesladders |
| 92 |
XOR Problem |
|
|
|
|
CC_092_xor |
| 93 |
Double Pendulum |
|
|
|
|
CC_093_DoublePendulum |
| 94.1 |
2048 - Part 1 |
|
|
|
|
CC_094_2048 |
| 94.2 |
2048 - Part 2 |
|
|
|
|
CC_094_2048 |
| 94.3 |
2048 - Part 3 |
|
|
|
|
CC_094_2048 |
| 94.4 |
2048 - Part 4 |
|
|
|
|
CC_094_2048 |
| 95 |
Approximating the Value of Pi |
|
|
|
|
CC_095_Approximating_Pi |
| 96 |
Visualizing the Digits of Pi |
|
|
|
|
CC_096_Visualizing_the_Digits_of_Pi |
| 97.1 |
The Book of Pi - Part 1 |
|
|
|
|
CC_097.1_Book_of_Pi_Part_1 |
| 98.1 |
Quadtree - Part 1 |
|
|
|
|
CC_098.1_QuadTree |
| 98.2 |
Quadtree - Part 2 |
|
|
|
|
CC_098.1_QuadTree |
| 98.3 |
Quadtree Collisions - Part 3 |
|
|
|
|
CC_098.3_QuadTree_Collisions |
| 99 |
Neural Network Color Predictor |
|
|
|
|
CC_099_ColorPredictor |
| 100.1 |
Neuroevolution Flappy Bird - Part 1 |
|
|
|
|
CC_100.1_NeuroEvolution_FlappyBird |
| 100.2 |
Neuroevolution Flappy Bird - Part 2 |
|
|
|
|
CC_100.1_NeuroEvolution_FlappyBird |
| 100.3 |
Neuroevolution Flappy Bird - Part 3 |
|
|
|
|
CC_100.1_NeuroEvolution_FlappyBird |
| 100.4 |
Neuroevolution Flappy Bird - Part 4 |
|
|
|
|
CC_100.1_NeuroEvolution_FlappyBird |
| 100.5 |
Neuroevolution Flappy Bird - Part 5 |
|
|
|
|
CC_100.5_NeuroEvolution_FlappyBird |
| 101 |
May the 4th Scrolling Text |
|
|
|
|
CC_101_MayThe4th |
| 102 |
2D Water Ripple |
|
|
|
|
CC_102_WaterRipples |
| 103 |
Fire Effect |
|
|
|
|
CC_103_Flames |
| 104 |
Linear Regression with TensorFlow.js |
|
|
|
|
CC_104_tf_linear_regression |
| 105 |
Polynomial Regression with TensorFlow.js |
|
|
|
|
CC_105_tf_polynomial_regression |
| 106 |
XOR Problem with TensorFlow.js |
|
|
|
|
CC_106_xor_tfjs |
| 107 |
Sandpiles |
|
|
|
|
CC_107_sandpiles |
| 108 |
The Barnsley Fern |
|
|
|
|
CC_108_barnsley_fern |
| 109 |
Visualizing 500,000 Subscribers |
|
|
|
|
CC_109_subscriber_map |
| 110.1 |
Recamán's Sequence - Part 1 |
|
|
|
|
CC_110.1_recaman |
| 110.2 |
Recamán's Sequence - Part 2 (Audio) |
|
|
|
|
CC_110.2_recaman_music |
| 111 |
Animated Sprites |
|
|
|
|
CC_111_animated_sprite |
| 112 |
3D Rendering with Rotation and Projection |
|
|
|
|
CC_112_3D_Rendering |
| 113 |
4D Hypercube (aka 'Tesseract') |
|
|
|
|
CC_113_Hypercube |
| 114 |
Bubble Sort Visualization |
|
|
|
|
CC_114_BubbleSortViz |
| 115 |
Snake Game Redux |
|
|
|
|
CC_115_Snake_Game_Redux |
| 116 |
Lissajous Curve Table |
|
|
|
|
CC_116_Lissajous |
| 117 |
Seven-Segment Display |
|
|
|
|
CC_117_SevenSegmentDisplay |
| 118.1 |
Mastodon Fractal Tree Bot - Part 1 |
|
|
|
|
CC_118_Mastodon_TreeBot |
| 118.2 |
Mastodon Fractal Tree Bot - Part 2 |
|
|
|
|
CC_118_Mastodon_TreeBot |
| 119 |
Binary to Decimal Conversion |
|
|
|
|
CC_119_Binary_to_Decimal_Conversion |
| 120 |
Bit Shifting |
|
|
|
|
CC_120_Bit_Shifting |
| 121.1 |
Logo Interpreter Part 1 |
|
|
|
|
CC_121_Logo_1 |
| 121.2 |
Logo Interpreter Part 2 |
|
|
|
|
CC_121_Logo_2 |
| 122.1 |
Quick, Draw! |
|
|
|
|
CC_122_QuickDraw_1 |
| 122.2 |
Quick, Draw! Continued |
|
|
|
|
CC_122_QuickDraw_2 |
| 123.1 |
Chaos Game Part 1 |
|
|
|
|
CC_123_ChaosGame_1 |
| 123.2 |
Chaos Game Part 2 |
|
|
|
|
CC_123_ChaosGame_2 |
| 124 |
Flocking Simulation |
|
|
|
|
CC_124_Flocking_Boids |
| 125 |
Fourier Series |
|
|
|
|
CC_125_Fourier_Series |
| 126 |
Toothpicks |
|
|
|
|
CC_126_Toothpicks |
| 127 |
Brownian Tree Snowflake |
|
|
|
|
CC_127_Snowflake_Brownian |
| 128 |
SketchRNN Snowflakes with ml5.js |
|
|
|
|
CC_128_SketchRNN_Snowflakes |
| 129 |
Koch Fractal Snowflake |
|
|
|
|
CC_129_Koch_Snowflake |
| 130.1 |
Drawing with Fourier Transform and Epicycles |
|
|
|
|
CC_130_Fourier_Transform_1 |
| 130.2 |
Fourier Transform User Drawing |
|
|
|
|
CC_130_Fourier_Transform_2 |
| 130.3 |
Fourier Transform Drawing with Complex Number Input |
|
|
|
|
CC_130_Fourier_Transform_3 |
| 131 |
Bouncing DVD Logo |
|
|
|
|
CC_131_BouncingDVDLogo |
| 132 |
Fluid Simulation |
|
|
|
|
CC_132_FluidSimulation |
| 133 |
Times Tables Cardioid Visualization |
|
|
|
|
CC_133_Times_Tables_Cardioid |
| 134.1 |
Heart Curve |
|
|
|
|
CC_134_Heart_Curve_1 |
| 134.2 |
Heart Curve |
|
|
|
|
CC_134_Heart_Curve_2 |
| 135 |
Making a GIF Loop in Processing |
|
|
|
|
CC_135_GIF_Loop |
| 136.1 |
Polar Perlin Noise Loops |
|
|
|
|
CC_136_Polar_Noise_Loop_1 |
| 136.2 |
Perlin Noise GIF Loops |
|
|
|
|
CC_136_Polar_Noise_Loop_2 |
| 137 |
4D OpenSimplex Noise Loop |
|
|
|
|
CC_137_4D_Noise_Loop |
| 138 |
Angry Birds with Matter.js |
|
|
|
|
CC_138_Angry_Birds |
| 139 |
Calculating Digits of Pi with Collisions |
|
|
|
|
CC_139_Pi_Collisions |
| 140 |
Leibniz Formula for Pi |
|
|
|
|
CC_140_Pi_Leibniz |
| 141 |
Calculating Digits of Pi with Mandelbrot Set |
|
|
|
|
CC_141_Mandelbrot_Pi |
| 142.1 |
Rubik's Cube Part 1 |
|
|
|
|
CC_142_Rubiks_Cube_1 |
| 142.2 |
Rubik's Cube Part 2 |
|
|
|
|
CC_142_Rubiks_Cube_2 |
| 142.3 |
Rubik's Cube Part 3 |
|
|
|
|
CC_142_Rubiks_Cube_3 |
| 143 |
Quicksort |
|
|
|
|
CC_143_QuickSort |
| 144 |
2D Black Hole Visualization |
|
|
|
|
CC_144_Black_Hole_Newtonian |
| 145 |
Ray Casting 2D |
|
|
|
|
CC_145_Ray_Casting |
| 146 |
Rendering Ray Casting |
|
|
|
|
CC_146_Rendering_Ray_Casting |