https://github.com/iamsebastiandev/calm-before-the-grow

A short game built with React, React Three Fiber & Zustand, that provides a zen like garden building experience.
https://github.com/iamsebastiandev/calm-before-the-grow

game game-jam react react-jam react-three-drei react-three-fiber typescript zen-like-game zustand

Last synced: about 2 months ago
JSON representation

A short game built with React, React Three Fiber & Zustand, that provides a zen like garden building experience.

• Host: GitHub
• URL: https://github.com/iamsebastiandev/calm-before-the-grow
• Owner: IamSebastianDev
• Created: 2024-09-27T12:04:33.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-16T23:55:50.000Z (about 2 months ago)
• Last Synced: 2024-11-17T00:25:41.584Z (about 2 months ago)
• Topics: game, game-jam, react, react-jam, react-three-drei, react-three-fiber, typescript, zen-like-game, zustand
• Language: TypeScript
• Homepage: https://calm-before-the-bloom.vercel.app
• Size: 6.54 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# React Jam 2024 - Fall - Calm before the Bloom

**Calm before the Bloom** is designed to be a zen experience. There's no winning or losing — just relax and enjoy the process of creating your own small island of tranquility.

## How to Play

At the start of each island, there is a **singular origin tile**. Clicking this tile will place the topmost tile from the **stack** on the left side of the screen. You can then place additional tiles around the one you've just positioned.

You automatically receive a new tile every **15 seconds**. You can also gain new tiles by **placing** tiles, **replacing** tiles with others, or by forming specific **patterns**—discovering these patterns is part of the fun.

In the upper right corner, a **Quest** will be displayed, offering hints and guiding you on what to do next. Completing these quests is optional, but doing so will help you progress and earn additional points.

## Assets

The following assets and technologies were used during the creation of **Calm before the Bloom**:

-   [32 x 32 Pixel Isometric Tiles](https://scrabling.itch.io/pixel-isometric-tiles)

-   [Suno.com for the Music](https://suno.com)

-   [Pixabay - UlfHubert - Plopp Sound](https://pixabay.com/sound-effects/plopp-84863/)

-   [Lucid Icons](https://leo-red.itch.io/lucid-icon-pack)

-   [Piskel.com - Online Pixel Art Editor](https://www.piskelapp.com/)

## The Rest of the Talk

**Calm before the Bloom** was created for the [Reactjam Fall 2024](https://reactjam.com/) in 10 days. The theme was **Retro Minimalism**, and I aimed to capture the essence of minimalist games with a basic gameplay loop and progression system, all within a retro and minimalistic visual style. The game is best experienced on a desktop PC, though mobile may present some issues.

If you're interested in more of my work, check out my [Github](https://github.com/iamsebastiandev).

I implemented most of the features I intended, but I missed out on animated animals & trees, which were major features I couldn't complete. I apologize, but on the bright side, we adopted a cute puppy 🐶 that has been taking up a lot of time!