py5 implementations of Daniel Shiffman's "The Nature of Code" (2024 edition)
Built with py5 using Thonny-py5mode
I've taken a few liberties in my interpretation. First, the examples in the book and its accompanying p5.js sketches don't always align exactly. Second, in places, minor adjustments were necessary to support an idiomatic, py5-compatible Python implementation. Some chapters rely on p5.js-exclusive libraries, so I've had to employ substitutes/alternatives. Throughout, however, my goal has been to balance faithfulness to the original material with Python best practices and clarity for readers working through the book.
To run the sketches, install Thonny-py5mode and activate py5 → Imported mode for py5 in the editor.
Find the original p5.js examples in the noc-book-2 repo, linked alongside each py5 sketch listed below, or in the Book's online Examples section.
Where text is displayed, the sketches use the DejaVu Sans Mono font.
NOTE: The # PY5 IMPORTED MODE CODE marker tells py5 to inject its API into the module's namespace, allowing external files to call py5 functions without explicitly importing py5. You'll see this marker in several modules, so that there's no need to add from py5 import * or import py5.
Ch. 00 - Randomness
-
00.01 - traditional_random_walk | py5: ch00_randomness/00.01 | p5.js: 5C69XyrlsR
-
00.02 - random_number_distribution | py5: ch00_randomness/00.02 | p5.js: u4vTwZuhT
-
00.03 - walker_tends_right | py5: ch00_randomness/00.03 | p5.js: iAjs_70DF
-
00.04 - gaussian_distribution | py5: ch00_randomness/00.04 | p5.js: Yk_eSiNOR
-
00.05 - accept_reject_distribution | py5: ch00_randomness/00.05 | p5.js: 3t5iHwA7Q
-
00.06 - perlin_noise_walker | py5: ch00_randomness/00.06 | p5.js: qyNwGUy59
Ch. 01 - Vectors
-
01.01 - bouncing_ball_no_vectors | py5: ch01_vectors/01.01 | p5.js: oadKdOndU
-
01.02 - bouncing_ball_vectors | py5: ch01_vectors/01.02 | p5.js: qU5oPJijX
-
01.03 - vector_subtraction | py5: ch01_vectors/01.03 | p5.js: HtXiElQbC
-
01.04 - vector_multiplication | py5: ch01_vectors/01.04 | p5.js: VQfwqpDlv
-
01.05 - vector_magnitude | py5: ch01_vectors/01.05 | p5.js: rld_CtioUU
-
01.06 - vector_normalization | py5: ch01_vectors/01.06 | p5.js: 5dWkegAID
-
01.07 - motion_101_velocity | py5: ch01_vectors/01.07 | p5.js: 6foX0NUfS
-
01.08 - motion_101_velocity_constant_accel | py5: ch01_vectors/01.08 | p5.js: 4GSialOpQw
-
01.09 - motion_101_velocity_random_accel | py5: ch01_vectors/01.09 | p5.js: w9DU8ccWMf
-
01.10 - motion_101_accel_toward_mouse | py5: ch01_vectors/01.10 | p5.js: gYJHm1EFL
Ch. 02 - Forces
-
02.01 - forces | py5: ch02_forces/02.01 | p5.js: 4IRI8BEVE
-
02.02 - forces_two_objects | py5: ch02_forces/02.02 | p5.js: ePLfo-OGu
-
02.03 - gravity_scaled_mass | py5: ch02_forces/02.03 | p5.js: 0RiwMFOQ7
-
02.04 - including_friction | py5: ch02_forces/02.04 | p5.js: I4wC4aXd-E
-
02.05 - fluid_resistance | py5: ch02_forces/02.05 | p5.js: FknzcAaVh
-
02.06 - attraction | py5: ch02_forces/02.06 | p5.js: Cl0Eeaz_V
-
02.07 - attraction_many_movers | py5: ch02_forces/02.07 | p5.js: LSXJ6-VziJ
-
02.08 - two_body_attraction | py5: ch02_forces/02.08 | p5.js: cmj37xPCM
-
02.09 - n_bodies | py5: ch02_forces/02.09 | p5.js: uT9VpVvCO
Ch. 03 - Oscillation
-
03.01 - angular_motion_rotate | py5: ch03_oscillation/03.01 | p5.js: EFCfyH88E
-
03.02 - forces_arbitrary_angular_motion | py5: ch03_oscillation/03.02 | p5.js: xj2C2Ldbo
-
03.03 - pointing_direction_motion | py5: ch03_oscillation/03.03 | p5.js: bZqHGYbRQ
-
03.04 - polar_to_cartesian | py5: ch03_oscillation/03.04 | p5.js: qcnlfvP3q
-
03.05 - simple_harmonic_motion_i | py5: ch03_oscillation/03.05 | p5.js: O8LMHH-Df
-
03.06 - simple_harmonic_motion_ii | py5: ch03_oscillation/03.06 | p5.js: gwdC8X-W-j
-
03.07 - oscillator_objects | py5: ch03_oscillation/03.07 | p5.js: b3HpgJa6F
-
03.08 - static_wave | py5: ch03_oscillation/03.08 | p5.js: CQ19Yw0iT
-
03.09 - the_wave | py5: ch03_oscillation/03.09 | p5.js: qe6oK9F1o
-
03.10 - spring_connection | py5: ch03_oscillation/03.10 | p5.js: HZOUeCe9p
-
03.11 - swinging_pendulum | py5: ch03_oscillation/03.11 | p5.js: MQZWruTlD
Ch. 04 - Particle Systems
-
04.01 - single_particle | py5: ch04_particle_systems/04.01 | p5.js: 1gpoE1dtG
-
04.02 - array_of_particles | py5: ch04_particle_systems/04.02 | p5.js: -xTbGZMim
-
04.03 - particle_emitter | py5: ch04_particle_systems/04.03 | p5.js: WkX_YtT7xN
-
04.04 - system_of_emitters | py5: ch04_particle_systems/04.04 | p5.js: s_Y3-Mmo7
-
04.05 - system_inheritance_polymorphism | py5: ch04_particle_systems/04.05 | p5.js: 2ZlNJp2EW
-
04.06 - particle_system_forces | py5: ch04_particle_systems/04.06 | p5.js: uZ9CfjLHL
-
04.07 - particle_system_repeller | py5: ch04_particle_systems/04.07 | p5.js: H4TMayNak
-
04.08 - image_texture_system | py5: ch04_particle_systems/04.08 | p5.js: 9c_CPrg3Bp
-
04.09 - additive_smoke_system | py5: ch04_particle_systems/04.09 | p5.js: fUCtCcOtB
Ch. 05 - Autonomous Agents
-
05.01 - seeking_target | py5: ch05_autonomous_agents/05.01 | p5.js: Y74O77yxy
-
05.02 - arriving_at_target | py5: ch05_autonomous_agents/05.02 | p5.js: v-yJm8WUx
-
05.03 - stay_within_walls | py5: ch05_autonomous_agents/05.03 | p5.js: fGNwVP3h7
-
05.04 - flow_field_follow | py5: ch05_autonomous_agents/05.04 | p5.js: egribz8WV
-
05.05 - simple_path_only | py5: ch05_autonomous_agents/05.05 | p5.js: 8SALyBTym
-
05.06 - simple_path_follow | py5: ch05_autonomous_agents/05.06 | p5.js: zcH21K3T3
-
05.07 - multiple_segments_only | py5: ch05_autonomous_agents/05.07 | p5.js: ntGaosFQ7
-
05.08 - multiple_segments_follow | py5: ch05_autonomous_agents/05.08 | p5.js: 1T-6LupvJ
-
05.09 - separation | py5: ch05_autonomous_agents/05.09 | p5.js: S7YOOYs7T
-
05.10 - separation_and_seek | py5: ch05_autonomous_agents/05.10 | p5.js: UJEwENSN3
-
05.11 - flocking | py5: ch05_autonomous_agents/05.11 | p5.js: IkpBw96Sd
-
05.12 - flocking_bin_lattice | py5: ch05_autonomous_agents/05.12 | p5.js: QXONgLiJ0
-
05.13 - quadtree | py5: ch05_autonomous_agents/05.13 | p5.js: J5XVww9xQ
-
05.14 - cosine_lookup | py5: ch05_autonomous_agents/05.14 | p5.js: uqRJyVq8g
Ch. 06 - Physics Libraries
-
06.01 - matter_default_render | py5: ch06_physics_libraries/06.01 | p5.js: GXRa48IQO
-
06.02 - comfy_cozy_boxes | py5: ch06_physics_libraries/06.02 | p5.js: D26YvXr_S
-
06.03 - falling_boxes_boundaries | py5: ch06_physics_libraries/06.03 | p5.js: WSoUy03ph
-
06.04 - polygon_shapes | py5: ch06_physics_libraries/06.04 | p5.js: o3-Qpqu2i
-
06.05 - multiple_shapes_one_body | py5: ch06_physics_libraries/06.05 | p5.js: xxYF4I5bi
-
06.06 - pymunk_pendulum | py5: ch06_physics_libraries/06.06 | p5.js: YT6u0GqtH
-
06.07 - spinning_windmill | py5: ch06_physics_libraries/06.07 | p5.js: D96JFWc3-
-
06.08 - mouse_constraint_demo | py5: ch06_physics_libraries/06.08 | p5.js: mTRKgn44p
-
06.09 - pymunk_attraction | py5: ch06_physics_libraries/06.09 | p5.js: 16sblEvax
-
06.10 - collision_events | py5: ch06_physics_libraries/06.10 | p5.js: 3cREe4udP
-
06.11 - simple_spring_toxiclibs | py5: ch06_physics_libraries/06.11 | p5.js: CSzXIfoWH
-
06.12 - soft_swing_pendulum | py5: ch06_physics_libraries/06.12 | p5.js: cIygo3QeX
-
06.13 - soft_body_character | py5: ch06_physics_libraries/06.13 | p5.js: -1beeiwUK
-
06.14 - force_directed_graph | py5: ch06_physics_libraries/06.14 | p5.js: _tbPaFqVX
-
06.15 - attraction_repulsion_behaviors | py5: ch06_physics_libraries/06.15 | p5.js: tjIs8XaXP
Ch. 07 - Cellular Automata
-
07.01 - wolfram_elementary | py5: ch07_cellular_automata/07.01 | p5.js: SaLy-OnPZ
-
07.02 - game_of_life | py5: ch07_cellular_automata/07.02 | p5.js: vzLjFYwJc
-
07.03 - oop_game_of_life | py5: ch07_cellular_automata/07.03 | p5.js: 13KF3ysx8
Ch. 08 - Fractals
-
08.01 - recursive_circles_once | py5: ch08_fractals/08.01 | p5.js: yqMKM_1NS
-
08.02 - recursive_circles_twice | py5: ch08_fractals/08.02 | p5.js: 0ENwBr7Idw
-
08.03 - recursive_circles_fource | py5: ch08_fractals/08.03 | p5.js: JkT90swnM
-
08.04 - cantor_set | py5: ch08_fractals/08.04 | p5.js: 4OW3OCzz6
-
08.05 - koch_curve | py5: ch08_fractals/08.05 | p5.js: Tbb2MVsA9
-
08.06 - recursive_tree | py5: ch08_fractals/08.06 | p5.js: DaINq2A85
-
08.07 - stochastic_tree | py5: ch08_fractals/08.07 | p5.js: xh0kdMTP4
-
08.08 - l_system_sentence | py5: ch08_fractals/08.08 | p5.js: H_4SeFV3H
-
08.09 - l_system_graphic | py5: ch08_fractals/08.09 | p5.js: KyFcxuFx_
Ch. 09 - Evolutionary Computing
-
09.01 - ga_shakespeare | py5: ch09_evolutionary_computing/09.01 | p5.js: q4F192JCV
-
09.02 - smart_rockets | py5: ch09_evolutionary_computing/09.02 | p5.js: jzfy_9p1ES
-
09.03 - smarter_rockets | py5: ch09_evolutionary_computing/09.03 | p5.js: 565K_KXSA
-
09.04 - interactive_selection | py5: ch09_evolutionary_computing/09.04 | p5.js: dUeAaapkQ
-
09.05 - evolving_ecosystem | py5: ch09_evolutionary_computing/09.05 | p5.js: 1HDlp_tKF
Ch. 10 - Neural Networks
-
10.01 - the_perceptron | py5: ch10_neural_networks/10.01 | p5.js: sMozIaMCW
-
10.02 - gesture_classifier | py5: ch10_neural_networks/10.02 | p5.js: SbfSv_GhM
Ch. 11 - Neuroevolution
-
11.01 - flappy_bird | py5: ch11_neuroevolution/11.01 | p5.js: Pv-JlO0cl
-
11.02 - flappy_bird_neuroevolution | py5: ch11_neuroevolution/11.02 | p5.js: PEUKc5dpZ
-
11.03 - smart_rockets_neuroevolution | py5: ch11_neuroevolution/11.03 | p5.js: KkV4lTS4H
-
11.04 - neuroevolutionary_steering | py5: ch11_neuroevolution/11.04 | p5.js: fZDfxxVrf
-
11.05 - sensor_bloop | py5: ch11_neuroevolution/11.05 | p5.js: vCTMtXXSS
-
11.06 - neuroevolutionary_ecosystem | py5: ch11_neuroevolution/11.06 | p5.js: IQbcREjUK
⬆️ top