This is a Fullstack App with Next.js, Prisma, and PostgreSQL.

Simple blog web app

Solar System: using translate(), push(), rotate(), pop() functions in p5.js.

Solar System

Particles that fall when the mouse is dragged and bounce on the ground.

Particles

When particles pass through the box they change color and become red.

Particles with collision detection

Plinko game: random balls fall from the top when pressing any key on the keyboard.

Plinko

Two blue balls interact with the white bar which likes teeter totter.

Catapult

Dominoes

An angry birds clone game: remove all of the green boxes.

Angry Birds Clone

Convert the word "code" into the position of points using p5.js textToPoints(), then vary the position of points using random().

Random Font

Convert the word "code" into the position of points using p5.js textToPoints(), then vary the position of points using noise(), which returns the Perlin noise. The main difference to the random() function is that Perlin noise is defined in an infinite n-dimensional space where each pair of coordinates corresponds to a fixed semi-random value

Noisy Font

Textured solar system in 3D: using WEBGL, texture(), sphere(), rotateY(), translate(), camera() of p5.js.

Textured Solar System

A rotating 3D cube displaying the RGB colour space.

Projects