P5.js Collection

Learning programming concepts and creating interactive visuals by p5.js.
Functions, Parameters, and Interaction
Generative city view. Game experience inspired by 'Flappy Bird'.
Click the left mouse button to control the height of the plane.
https://editor.p5js.org/MinLiu/sketches/8f8YJdpiM
Data Input and Interactivity
Animate a girl growing up using CSV data.
Mouse and wheel interaction to change character attributes.
https://editor.p5js.org/MinLiu/sketches/A-a9Pvxz4
Object Oriented Programming and Simulation
"Goldfish and Girl" animation inspired by the Japanese artist Mika Ninagawaff.
Click right mouse button to call small fish. Press C to throw fish candy. Press V to call big fish.
https://editor.p5js.org/MinLiu/sketches/1cBUUwzSB
More Behavior Simulation and API
"Fish and pool" animation. Call real-time weather and time data of a city using API.
Click right mouse button to call small fish. Press C to throw fish candy. Press V to call big fish.
https://editor.p5js.org/MinLiu/sketches/_yWedRlf-
Interactive Flower. Phone flash as input to trigger the flowering blooming animation.
https://editor.p5js.org/MinLiu/sketches/gtV6EFuQA