Skip to content

Lut-Lat-Aung/threejs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

24 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŒ Three.js Playground

An experimental Three.js project demonstrating 3D rendering, primitive shapes, textures, lighting, and camera control in the browser.

๐Ÿ“ธ Preview

Demo Screenshot

โœจ Features

  • Interactive 3D scene rendered with Three.js
  • Multiple primitive geometries (cube, sphere, cone, etc.)
  • Texturing and materials for realistic surfaces
  • Configurable camera and lighting
  • Easily extendable for more complex scenes

๐Ÿ› ๏ธ Tech Stack

  • JavaScript / ES Modules
  • Three.js
  • HTML / CSS

๐Ÿš€ Getting Started

1๏ธโƒฃ Clone the repository

git clone https://github.com/Lut-Lat-Aung/threejs.git

2๏ธโƒฃ Install dependencies

npm install

3๏ธโƒฃ Run locally

npm run dev

๐Ÿ“‚ Project Structure

threejs/
 โ”œโ”€โ”€ public/        # Static assets (textures, models, etc.)
 โ”œโ”€โ”€ src/           # Main source code
 โ”‚   โ”œโ”€โ”€ main.js    # Entry point
 โ”‚   โ”œโ”€โ”€ scenes/    # Scene setup scripts
 โ”‚   โ””โ”€โ”€ styles/    # CSS styles
 โ”œโ”€โ”€ package.json
 โ””โ”€โ”€ README.md

๐ŸŽฎ Controls

Mouse Drag โ€“ Orbit the camera
Scroll โ€“ Zoom in/out
Right Click + Drag โ€“ Pan view

๐Ÿ“„ License

This project is licensed under the MIT License.

๐Ÿ™Œ Credits

Created by Lut Lat Aung as a Three.js learning project. Based on Three.js documentation and community examples.

About

Dice roller simulator Three.js project

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published