Day & Night Game

Type Interactive Web Game
Timeline April 2024
Tools p5.js / JavaScript / HTML / CSS
Role Web Designer & Developer

Overview

Day & Night Game is an interactive web game built with p5.js. The player moves between a daytime world and a nighttime world, collecting items from each to nurture a plant from sprout to bloom. What looks like a simple platformer is shaped around a quiet allegory about growth.

A short gameplay clip

How to Play

The game runs on four inputs and one goal: collect every item across both worlds, then return to the plant to complete its bloom.

  • Use arrow keys to move and jump.
  • Press the spacebar to switch between day and night.
  • Collect items visible during the day or night to progress.
  • After collecting all seven items, walk to the plant to complete the game.

Design

Two Sides, One Plant

The game splits the day into two sides that the player can switch between at any time. Daytime offers sunlight, air, time, and pollination. Nighttime offers seeds, soil, and watering. Neither side is enough on its own. Only by moving between the two and gathering from both does the plant grow.

Day and night comparison — items visible in each world

Plant Growth

The plant moves through seven stages, from Sprout to Flower. With every item collected, the trunk grows taller and new branches extend from it, until leaves emerge and the final flower blooms.

Plant growth — seven stages from Sprout to Flower

Each Bloom Is Unique

Each branch grows at a random angle, so no two playthroughs end with the same flower.

Four different blooms — each playthrough produces a unique flower
Play Day & Night Game