PROGRAMMING

KALLIERGO

In Kalliergo, players control rabbits in a retro/8-bit environment, competing to consume falling carrots within a minute timeframe. The game utilizes elements like arrays, objects, classes, and custom functions, along with the p5.js sound library and uploaded media, to execute its mechanics smoothly. Inspiration for the interface design is nostalgic aesthetics of 90s games and retro sprites.

FROGGER

This Frogger game in p5.js uses different techniques to create a nostalgic gaming experience. Object-oriented programming (OOP) organizes classes for the player frog and cars. Arrays handle multiple instances of cars facilitating movement and collision detection. Conditional statements control car speed and score tracking while sound effects enhance gameplay with hop, collision, and goal sounds.

SALON 27

Salon 27 presents a user-friendly drawing software, featuring an interface to navigate. , Users can choose colors, erase mistakes, and preserve their creations. Aaclick selects the hue while hovering over the eraser removes strokes. Resetting the canvas is as simple as pressing "clear," providing a fresh start. Stroke weight adjustment is achieved through numerical keys. With a click, masterpieces can be directly saved.

PHOTO BOOTH

With the integration of video input using createCapture, users can preview images in real time. Interactive buttons allow for easy snapshot capture, while dynamic filtering options enable users to apply various visual effects effortlessly. The program's ability to save snapshots directly from the canvas enhances user convenience. Through a combination of OOP, interactive elements, and dynamic filtering, this photobooth program offers a simple and immersive photo booth experience.

GENERATIVE POEM

This generative poem project in p5.js demonstrates a variety of programming techniques to animate Lana Del Rey's lyrics in a song-like format. By selecting and displaying lyrics from an array, the program generates a dynamic poem. Smooth transitions between lyrics are facilitated by a timer function. Additionally, the images contribute to the aesthetics.

RECREATIVE ART IN CODE

This p5.js code recreates Vermeer's "Girl with a Pearl Earring" artwork. It employs shapes and colors to mimic the composition and elements of the original painting. Various shapes represent the girl's head, scarf, dress, and accessories, while shading and highlighting techniques add depth.