🍣 Sushi Charm: A 3D Slot Machine Inspired by the Solstice

#devchallenge #gamechallenge #gamedev #sushi

June Solstice Game Jam Submission

Overview

Sushi Charm is a polished 3D web-based slot machine that blends the joy of sushi culture with the June Solstice theme of cycles, balance and transition.

At its core, the game reflects the solstice through continuous motion and shifting states-the spinning reels mirror the passage of time, while dynamic lighting evokes the transition between light and darkness.

Built with modern web technologies, the project focuses on smooth performance, clean architecture and engaging gameplay.

🌗 Theme: Cycles, Light and Balance

The June Solstice represents a turning point in the natural world-a balance between light and darkness.

Sushi Charm interprets this through:

🔄 Spinning reels → continuous cycles and repetition
🌗 Dynamic lighting → subtle shift between bright and dark tones
⚖️ Risk-reward gameplay → balance between small consistent wins and high-risk bets

Additionally, the game celebrates International Sushi Day (June 6), combining cultural celebration with the solstice's deeper symbolism of harmony and transformation.

🎮 How to Play

Choose your bet (1 → 500 coins)
Press Spin
Match sushi symbols from left to right
Earn coins based on combinations

🍣 Symbols

Ebi (Shrimp)
Maguro (Tuna)
Sake (Salmon)
Maki (Rolls)

💰 Win System

3 matching symbols → full reward
2 matching symbols → partial reward
Rewards scale with your bet

⚙️ Technical Highlights

Stack

React 19 + TypeScript
Three.js (React Three Fiber)
Zustand (state management)
Vite (build tool)

🛠 Architecture

The project follows a component-based design:

SlotMachine → core game logic
Reel → animation and symbol control
GameInterface → UI and interaction
Visual components → lighting and casing

This ensures:

Clear separation of concerns
Easy extensibility (new symbols, features)
Maintainable and testable code

⚡ Performance

Smooth 60 FPS rendering on desktop
Optimized React re-renders via Zustand selectors
Efficient Three.js scene reuse
Fast builds with Vite

🤖 AI-Assisted Development

AI was used as a development accelerator, not a replacement for engineering decisions.

Key contributions:

Architecture validation → improved state design and reduced re-renders
Animation prototyping → faster iteration on reel mechanics
Game balance analysis → refined reward system and bet scaling
Code quality → TypeScript-safe implementations from the start

All AI-generated outputs were reviewed, tested and adapted to meet performance and design goals.

🎯 Design Focus

The goal was to create a game that is:

🎮 Easy to understand
⚡ Fast and responsive
🎨 Visually engaging in 3D
🔁 Replayable through balanced mechanics

Even with a simple core loop, the game emphasizes polish and clarity, which are critical in a game jam setting.

🚀 Development

yarn dev     # run locally
yarn build   # production build
yarn lint    # code quality

🏁 Conclusion

Sushi Charm combines technical precision, thoughtful design and thematic interpretation of the June Solstice.

Rather than focusing on complexity, the project delivers a refined and complete experience, demonstrating how strong fundamentals-clean architecture, smooth performance and clear gameplay-can create an engaging and memorable game.