CodingTrain/website-archive

Have all Coding Challenges in Processing & p5 & Web Editor

Open

#1,347 opened on May 12, 2019

View on GitHub
 (3 comments) (0 reactions) (0 assignees)JavaScript (5,706 stars) (5,811 forks)batch import
New Site Transferhelp wanted

Description

This table is updated automatically

Number Name p5.js Web Editor Processing Other Number of Contributions
1 Starfield in Processing - [x] - [x] - [x] - [ ] 24
2 Menger Sponge Fractal - [x] - [x] - [x] - [ ] 6
3 The Snake Game - [x] - [x] - [x] - [ ] 29
4 Purple Rain in Processing - [x] - [x] - [x] - [ ] 17
5 Space Invaders in JavaScript with p5.js - [x] - [x] - [x] - [ ] 14
6 Mitosis Simulation with p5.js - [x] - [x] - [x] - [ ] 5
7 Solar System in Processing - Part 1 (2D) - [x] - [x] - [x] - [ ] 3
8 Solar System in Processing - Part 2 (3D) - [x] - [x] - [x] - [ ] 2
9 Solar System in Processing - Part 3 (3D textures) - [x] - [x] - [x] - [ ] 3
10.1 Maze Generator with p5.js - Part 1 - [x] - [x] - [x] - [ ] 20
10.2 Maze Generator with p5.js - Part 2 - [x] - [x] - [x] - [ ] 0
10.3 Maze Generator with p5.js - Part 3 - [x] - [x] - [x] - [ ] 0
10.4 Maze Generator with p5.js - Part 4 - [x] - [x] - [x] - [ ] 0
11 3D Terrain Generation with Perlin Noise in Processing - [x] - [x] - [x] - [ ] 15
12 The Lorenz Attractor in Processing - [x] - [x] - [x] - [ ] 4
13 Reaction Diffusion Algorithm in p5.js - [x] - [x] - [x] - [ ] 6
14 Fractal Trees - Recursive - [x] - [x] - [x] - [ ] 11
15 Fractal Trees - Object Oriented - [x] - [x] - [x] - [ ] 2
16 Fractal Trees - L-System - [x] - [x] - [x] - [ ] 5
17 Fractal Trees - Space Colonization - [x] - [x] - [x] - [ ] 2
18 3D Fractal Trees - [ ] - [ ] - [x] - [ ] 0
19 Superellipse - [x] - [x] - [x] - [ ] 1
20 3D Cloth with toxiclibs - [x] - [x] - [x] - [ ] 0
21 Mandelbrot Set with p5.js - [x] - [x] - [x] - [ ] 10
22 Julia Set in Processing - [x] - [x] - [x] - [ ] 6
23 2D Supershapes - [x] - [x] - [x] - [ ] 1
24 Perlin Noise Flow Field - [x] - [x] - [x] - [ ] 12
25 Spherical Geometry - [x] - [x] - [x] - [ ] 1
26 3D Supershapes - [ ] - [ ] - [x] - [ ] 1
27 Fireworks - [x] - [x] - [x] - [ ] 12
28 Metaballs - [x] - [x] - [x] - [ ] 2
29 Smart Rockets in p5.js - [x] - [x] - [x] - [ ] 5
30 Phyllotaxis - [x] - [x] - [x] - [ ] 13
31 Flappy Bird - [x] - [x] - [x] - [ ] 12
32.1 Agar.io - Part 1 (Basic Game Mechanics) - [x] - [x] - [x] - [ ] 2
32.2 Agar.io - Part 2 (Networking with Socket.IO and Node.js) - [ ] - [ ] - [ ] - [x] 0
33 Poisson-disc Sampling - [x] - [x] - [x] - [ ] 1
34 Diffusion-Limited Aggregation - [x] - [x] - [x] - [ ] 5
35.1 Traveling Salesperson - [x] - [x] - [x] - [ ] 12
35.2 Lexicographic Order - [x] - [x] - [x] - [ ] 0
35.3 Traveling Salesperson with Lexicographic Order - [x] - [x] - [x] - [ ] 0
35.4 Traveling Salesperson with Genetic Algorithm - [x] - [x] - [x] - [ ] 0
35.5 TSP with Genetic Algorithm and Crossover - [x] - [x] - [x] - [ ] 0
36 Blobby! - [x] - [x] - [x] - [ ] 4
37 Diastic Machine - [x] - [x] - [x] - [ ] 0
38 Word Interactor - [x] - [x] - [ ] - [ ] 0
39 Mad Libs Generator - [x] - [x] - [ ] - [ ] 0
40.1 Word Counter in JavaScript - [x] - [x] - [x] - [ ] 1
40.2 Word Counter in Processing - [x] - [x] - [x] - [ ] 0
40.3 TF-IDF - [x] - [x] - [ ] - [ ] 0
41 Clappy Bird - [x] - [x] - [x] - [ ] 0
42.1 Markov Chains - Part 1 - [x] - [x] - [x] - [ ] 2
42.2 Markov Chains - Part 2 - [x] - [x] - [x] - [ ] 0
43 Context-Free Grammar - [x] - [x] - [ ] - [ ] 0
44.1 AFINN-111 Sentiment Analysis - Part 1 - [x] - [x] - [ ] - [ ] 3
44.2 AFINN-111 Sentiment Analysis - Part 2 - [x] - [x] - [ ] - [ ] 0
45 Saving p5.js Drawings to Firebase - [x] - [ ] - [ ] - [ ] 1
46.1 Asteroids - Part 1 - [x] - [x] - [x] - [ ] 11
46.2 Asteroids - Part 2 - [x] - [x] - [x] - [ ] 0
47 Pixel Sorting in Processing - [x] - [x] - [x] - [ ] 2
48 White House Social Media Data Visualization - [x] - [x] - [x] - [ ] 0
49 Photo Mosaic with White House Social Media Images - [ ] - [ ] - [x] - [ ] 1
50.1 Animated Circle Packing - Part 1 - [x] - [x] - [x] - [ ] 4
50.2 Animated Circle Packing - Part 2 (Kitten Addendum) - [x] - [x] - [x] - [ ] 0
51.1 A* Pathfinding Algorithm - Part 1 - [x] - [x] - [x] - [ ] 20
51.2 A* Pathfinding Algorithm - Part 2 - [x] - [x] - [x] - [ ] 0
51.3 A* Pathfinding Algorithm - Part 3 - [x] - [x] - [x] - [ ] 0
52 Random Walker - [x] - [x] - [x] - [ ] 6
53 Random Walker with Vectors and Lévy Flight - [x] - [x] - [x] - [ ] 2
54.1 Islamic Star Patterns - [x] - [x] - [x] - [ ] 3
54.2 Star Patterns Update: Law of Sines - [x] - [x] - [ ] - [ ] 0
55 Mathematical Rose Patterns - [x] - [x] - [x] - [ ] 6
56 Attraction and Repulsion Forces - [x] - [x] - [x] - [ ] 4
57 Mapping Earthquake Data - [x] - [x] - [x] - [ ] 3
58 3D Earthquake Data Visualization - [x] - [x] - [x] - [ ] 2
59 Steering Behaviors - [x] - [x] - [ ] - [ ] 14
60 Butterfly Generator - [x] - [x] - [x] - [ ] 1
61 Fractal Spirograph - [x] - [x] - [x] - [ ] 5
62.1 Plinko with Matter.js Part 1 - [x] - [x] - [ ] - [ ] 3
62.2 Plinko with Matter.js Part 2 - [x] - [x] - [ ] - [ ] 0
62.3 Plinko with Matter.js Part 3 - [x] - [x] - [ ] - [ ] 0
62.4 Plinko with Matter.js Part 4 - [x] - [x] - [ ] - [ ] 0
63.1 Texturing Cloth Simulation Part 1 - [ ] - [ ] - [x] - [ ] 4
63.2 Texturing Cloth Simulation Part 2 - [ ] - [ ] - [x] - [ ] 0
64.1 Forward Kinematics - [x] - [x] - [x] - [ ] 7
64.2 Inverse Kinematics - [x] - [x] - [x] - [ ] 0
64.3 Inverse Kinematics - Fixed Point - [x] - [x] - [x] - [ ] 0
64.4 Inverse Kinematics - Multiple - [x] - [x] - [x] - [ ] 0
65.1 Binary Search Tree - [x] - [x] - [x] - [ ] 9
65.2 Visualizing a Binary Tree - [x] - [x] - [x] - [ ] 0
66 JavaScript Countdown Timer - [x] - [x] - [ ] - [ ] 2
67 Pong! - [x] - [x] - [x] - [ ] 17
68.1 Breadth-First Search Part 1 - [x] - [x] - [ ] - [ ] 4
68.2 Breadth-First Search Part 2 - [x] - [x] - [ ] - [ ] 0
69.1 Evolutionary Steering Behaviors - Part 1 - [x] - [x] - [x] - [ ] 16
69.2 Evolutionary Steering Behaviors - Part 2 - [x] - [x] - [x] - [ ] 0
69.3 Evolutionary Steering Behaviors - Part 3 - [x] - [x] - [x] - [ ] 0
69.4 Evolutionary Steering Behaviors - Part 4 - [x] - [x] - [x] - [ ] 0
69.5 Evolutionary Steering Behaviors - Part 5 (Bonus) - [x] - [x] - [x] - [ ] 0
70.1 Nearest Neighbors Recommendation Engine - Part 1 - [x] - [x] - [ ] - [ ] 0
70.2 Nearest Neighbors Recommendation Engine - Part 2 - [x] - [x] - [ ] - [ ] 0
70.3 Nearest Neighbors Recommendation Engine - Part 3 - [x] - [x] - [ ] - [ ] 0
71 Minesweeper - [x] - [x] - [x] - [ ] 19
72.1 Frogger - Part 1 - [x] - [x] - [x] - [ ] 2
72.2 Frogger - Part 2 - [x] - [x] - [x] - [ ] 0
72.3 Frogger - Part 3 - [x] - [x] - [x] - [ ] 0
72.4 Frogger Refactoring - [x] - [x] - [x] - [ ] 0
73 Acrostic - [x] - [x] - [ ] - [ ] 0
74 Clock - [x] - [x] - [x] - [ ] 45
75 Wikipedia API - [x] - [x] - [ ] - [ ] 1
76 10PRINT in p5.js - [x] - [x] - [x] - [ ] 41
77 Recursion - [x] - [x] - [x] - [ ] 9
78 Simple Particle System - [x] - [x] - [x] - [ ] 14
79 Number Guessing Chatbot - [x] - [x] - [ ] - [ ] 3
80 Voice Chatbot with p5.Speech - [x] - [ ] - [ ] - [ ] 1
81.1 Circle Morphing - Part 1 - [x] - [x] - [x] - [ ] 4
81.2 Circle Morphing - Part 2 - [x] - [x] - [x] - [ ] 0
82 Image Chrome Extension - The Ex-Kitten-sion! - [ ] - [ ] - [ ] - [x] 2
83 Chrome Extension with p5.js Sketch - Doodle Chrome Extension - [ ] - [ ] - [ ] - [x] 1
84 Word Definition Extension - [ ] - [ ] - [ ] - [x] 0
85 The Game of Life - [x] - [x] - [x] - [ ] 25
86 Cube Wave by Bees and Bombs - [x] - [x] - [x] - [ ] 9
87 3D Knots - [x] - [x] - [x] - [ ] 2
88 Snowfall - [x] - [x] - [x] - [ ] 5
89 Langton's Ant - [x] - [x] - [x] - [ ] 5
90 Floyd-Steinberg Dithering - [x] - [x] - [x] - [ ] 6
91.1 Snakes & Ladders - Part 1 - [x] - [x] - [x] - [ ] 2
91.2 Snakes & Ladders - Part 2 - [x] - [x] - [x] - [ ] 0
91.3 Snakes & Ladders - Part 3 - [x] - [x] - [x] - [ ] 0
92 XOR Problem - [x] - [x] - [x] - [ ] 3
93 Double Pendulum - [x] - [x] - [x] - [ ] 12
94.1 2048 - Part 1 - [x] - [x] - [x] - [ ] 13
94.2 2048 - Part 2 - [x] - [x] - [x] - [ ] 0
94.3 2048 - Part 3 - [x] - [x] - [x] - [ ] 0
94.4 2048 - Part 4 - [x] - [x] - [x] - [ ] 0
95 Approximating the Value of Pi - [x] - [x] - [x] - [ ] 4
96 Visualizing the Digits of Pi - [x] - [x] - [x] - [ ] 2
97.1 The Book of Pi - Part 1 - [ ] - [ ] - [x] - [ ] 2
97.2 The Book of Pi - Part 2 - [ ] - [ ] - [x] - [ ] 0
98.1 Quadtree - Part 1 - [x] - [x] - [x] - [ ] 10
98.2 Quadtree - Part 2 - [x] - [x] - [x] - [ ] 0
98.3 Quadtree Collisions - Part 3 - [x] - [x] - [x] - [ ] 0
99 Neural Network Color Predictor - [x] - [x] - [ ] - [ ] 2
100.1 Neuroevolution Flappy Bird - Part 1 - [x] - [x] - [x] - [ ] 14
100.2 Neuroevolution Flappy Bird - Part 2 - [x] - [x] - [x] - [ ] 0
100.3 Neuroevolution Flappy Bird - Part 3 - [x] - [x] - [x] - [ ] 0
100.4 Neuroevolution Flappy Bird - Part 4 - [x] - [x] - [x] - [ ] 0
100.5 Neuroevolution Flappy Bird - Part 5 - [x] - [x] - [ ] - [ ] 0
101 May the 4th Scrolling Text - [x] - [ ] - [x] - [ ] 2
102 2D Water Ripple - [x] - [x] - [x] - [ ] 4
103 Fire Effect - [x] - [x] - [x] - [ ] 4
104 Linear Regression with TensorFlow.js - [x] - [x] - [ ] - [ ] 1
105 Polynomial Regression with TensorFlow.js - [x] - [x] - [ ] - [ ] 6
106 XOR Problem with TensorFlow.js - [x] - [x] - [ ] - [ ] 1
107 Sandpiles - [x] - [x] - [x] - [ ] 5
108 The Barnsley Fern - [x] - [x] - [x] - [ ] 9
109 Visualizing 500,000 Subscribers - [x] - [x] - [ ] - [ ] 4
110.1 Recamán's Sequence - Part 1 - [x] - [x] - [x] - [ ] 5
110.2 Recamán's Sequence - Part 2 (Audio) - [x] - [x] - [ ] - [ ] 0
111 Animated Sprites - [x] - [x] - [x] - [ ] 4
112 3D Rendering with Rotation and Projection - [x] - [x] - [x] - [ ] 5
113 4D Hypercube (aka 'Tesseract') - [x] - [x] - [x] - [ ] 8
114 Bubble Sort Visualization - [x] - [x] - [x] - [ ] 15
115 Snake Game Redux - [x] - [x] - [x] - [ ] 8
116 Lissajous Curve Table - [x] - [x] - [x] - [ ] 12
117 Seven-Segment Display - [x] - [x] - [x] - [ ] 19
118.1 Mastodon Fractal Tree Bot - Part 1 - [ ] - [ ] - [ ] - [x] 1
118.2 Mastodon Fractal Tree Bot - Part 2 - [ ] - [ ] - [ ] - [x] 0
119 Binary to Decimal Conversion - [x] - [x] - [x] - [ ] 4
120 Bit Shifting - [x] - [x] - [x] - [ ] 2
121.1 Logo Interpreter Part 1 - [x] - [x] - [x] - [ ] 7
121.2 Logo Interpreter Part 2 - [x] - [x] - [x] - [ ] 0
122.1 Quick, Draw! - [ ] - [ ] - [ ] - [x] 0
122.2 Quick, Draw! Continued - [x] - [x] - [ ] - [ ] 1
123.1 Chaos Game Part 1 - [x] - [x] - [x] - [ ] 8
123.2 Chaos Game Part 2 - [x] - [x] - [x] - [ ] 0
124 Flocking Simulation - [x] - [x] - [x] - [ ] 32
125 Fourier Series - [x] - [x] - [x] - [ ] 11
126 Toothpicks - [x] - [x] - [x] - [ ] 5
127 Brownian Tree Snowflake - [x] - [x] - [x] - [ ] 7
128 SketchRNN Snowflakes with ml5.js - [x] - [x] - [ ] - [ ] 0
129 Koch Fractal Snowflake - [x] - [x] - [x] - [ ] 4
130.1 Drawing with Fourier Transform and Epicycles - [x] - [x] - [x] - [ ] 13
130.2 Fourier Transform User Drawing - [x] - [x] - [ ] - [ ] 0
130.3 Fourier Transform Drawing with Complex Number Input - [x] - [x] - [x] - [ ] 0
131 Bouncing DVD Logo - [x] - [x] - [x] - [ ] 9
132 Fluid Simulation - [x] - [ ] - [x] - [ ] 4
133 Times Tables Cardioid Visualization - [x] - [x] - [x] - [ ] 11
134.1 Heart Curve - [x] - [x] - [x] - [ ] 9
134.2 Heart Curve - [x] - [x] - [x] - [ ] 0
135 Making a GIF Loop in Processing - [x] - [x] - [x] - [ ] 3
136.1 Polar Perlin Noise Loops - [x] - [x] - [x] - [ ] 13
136.2 Perlin Noise GIF Loops - [x] - [x] - [x] - [ ] 0
137 4D OpenSimplex Noise Loop - [x] - [x] - [x] - [ ] 1
138 Angry Birds with Matter.js - [x] - [x] - [ ] - [ ] 5
139 Calculating Digits of Pi with Collisions - [x] - [x] - [ ] - [ ] 7
140 Leibniz Formula for Pi - [x] - [x] - [x] - [ ] 7
141 Calculating Digits of Pi with Mandelbrot Set - [ ] - [ ] - [x] - [ ] 2
142.1 Rubik's Cube Part 1 - [x] - [ ] - [x] - [ ] 12
142.2 Rubik's Cube Part 2 - [ ] - [ ] - [x] - [ ] 0
142.3 Rubik's Cube Part 3 - [ ] - [ ] - [x] - [ ] 0
143 Quicksort - [x] - [x] - [ ] - [ ] 10
144 2D Black Hole Visualization - [x] - [x] - [x] - [ ] 9
145 Ray Casting 2D - [x] - [x] - [x] - [ ] 27
146 Rendering Ray Casting - [x] - [x] - [x] - [ ] 12
147 Chrome Dinosaur Game - [x] - [x] - [x] - [ ] 17
148 Gift Wrapping Algorithm - [x] - [x] - [x] - [ ] 11
149 Tic Tac Toe - [x] - [x] - [x] - [ ] 40
150 AI Rainbows with Runway and p5.js - [x] - [x] - [ ] - [ ] 1
151 Ukulele Tuner with Machine Learning Pitch Detection Model - [x] - [x] - [ ] - [ ] 10
152 RDP Algorithm - [x] - [x] - [x] - [ ] 6
153 Interactive Drawing with SketchRNN - [x] - [x] - [ ] - [ ] 0
154 Tic Tac Toe AI with Minimax Algorithm - [x] - [x] - [x] - [ ] 21
155 Kaleidoscope Snowflake #SupportP5 - [x] - [x] - [x] - [ ] 8
156 Peeking Inside Pi - [x] - [x] - [ ] - [x] 7
157 Zoom Annotations with Machine Learning and p5.js - [ ] - [ ] - [ ] - [ ] 2
158 Shape Classifier Neural Network with ml5.js - [ ] - [ ] - [ ] - [ ] 1
159 Simple Pendulum Simulation - [x] - [x] - [x] - [ ] 9
160 Spring Forces - [ ] - [ ] - [ ] - [ ] 9
161 Estimating π from Random Numbers with Euclid's Algorithm - [ ] - [ ] - [ ] - [ ] 4
162 Self Avoiding Walk - [ ] - [ ] - [ ] - [ ] 3
163 Bézier Curves - [ ] - [ ] - [ ] - [ ] 14
164 Slitscan Time Displacement Effect - [ ] - [ ] - [x] - [ ] 0
165 Slide Puzzle - [ ] - [ ] - [ ] - [ ] 3
166 Image to Ascii - [ ] - [ ] - [ ] - [ ] 5
167 The Prime (Ulam) Spiral - [x] - [ ] - [x] - [ ] 8
168 The Mandelbulb - [ ] - [ ] - [x] - [ ] 7
169 Pi in the Sky Game - [ ] - [ ] - [ ] - [ ] 1

Contributor guide

Tech stack
javajavascript
Domain
frontend
Issue type
chore
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
JavaScriptProcessing/Java
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
This issue is a tracking checklist for porting Coding Train's coding challenges to Processing, p5.js, and the Web Editor. The table shows many challenges with checkboxes; look for an unchecked 'Other' column (e.g., number 18, 26, 32.2, 49) which indicates missing implementations. Choose a specific challenge and examine existing completed examples in the repository (e.g., in the 'CodingChallenges' folder) to understand the required structure and port the challenge to the missing platform.