Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

3D Tetris (Cube Drop)

A stunning 3D Tetris game built with Three.js and WebGL, featuring customizable visuals, multiple game modes, and smooth performance.

๐ŸŽฎ Features

  • True 3D Gameplay: Rotate the camera freely to inspect the 3D grid.
  • Three Texture Modes:
    • Classic ๐ŸŽจ: Clean, solid colors.
    • Blocky ๐Ÿงฑ: Textured, realistic blocks.
    • Jelly ๐Ÿฎ: Translucent, glass-like visuals with advanced reflections.
  • Three Color Modes:
    • Classic: Traditional block colors.
    • Gradient ๐ŸŒˆ: Beautiful level-based gradients (NES style).
    • Random ๐ŸŽฒ: A continuous rainbow spectrum that changes with every piece.
  • Full Undo System: Make a mistake? Press Ctrl+Z or the Undo button to rewind.
  • Touch Controls: Optimized for desktop and tablets (iPad mode).

๐Ÿ•น๏ธ Controls

Action Key / Mouse
Move W, A, S, D or Arrows
Rotate Cube Q, E, R (X/Y/Z axis)
Hard Drop Space
Soft Drop Shift
Camera Orbit Mouse Drag (Left Click)
Reset Camera C or Right Click
Freeze / Think F or Pause Button
Undo Move Ctrl + Z or Undo Button

๐Ÿš€ How to Run Locally

Since this project uses ES modules, you need a local web server (you cannot just open index.html directly).

  1. Install dependencies (optional, for local dev):
    npm install -g serve
  2. Start the server:
    npx serve .
  3. Open http://localhost:3000

๐ŸŒ Deploying to GitHub Pages

This project is static-site ready!

  1. Push this repository to GitHub.
  2. Go to Settings > Pages.
  3. Select the main branch as source.
  4. Your game is now live!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages