Create Your First Project
Start adding your projects to your portfolio. Click on "Manage Projects" to get started
Rock-Paper-Scissor-Game
Project type
Front-End using HTML5,React three Fiber,Drei,Zustand &Vite
Click Link to play the game
A non-exhaustive list of features:
Full 3D environment
Animated objects (rock, paper, scissors)
Orbit controls
Responsive design (desktop + mobile)
Four game modes (three wins, five wins, seven wins, and endless)
Three game phases (ready, playing, ended)
State management
Current game saved in local storage
Preferences saved in local storage (ex. mode)
Total wins saved in local storage
Clear data option
Menu with options
Technologies
The core technologies used are JavaScript and WebGL. The following libraries and tools are used:
Name License Description
React MIT Component-based, front-end interface library
Three.js MIT 3D graphics API for the web, based on WebGL
React Three Fiber MIT A React renderer for Three.js
Drei MIT Useful helpers for React Three Fiber
Zustand MIT State management
Vite MIT Frontend development tooling