https://github.com/pengxiaohua/my-first-threejs-demo
My first threejs demo. A simple game like star war.
https://github.com/pengxiaohua/my-first-threejs-demo
Last synced: 4 months ago
JSON representation
My first threejs demo. A simple game like star war.
- Host: GitHub
- URL: https://github.com/pengxiaohua/my-first-threejs-demo
- Owner: pengxiaohua
- Created: 2022-10-28T17:27:52.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-03T07:24:45.000Z (10 months ago)
- Last Synced: 2025-01-04T11:28:54.821Z (6 months ago)
- Language: TypeScript
- Homepage:
- Size: 71.1 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My First Threejs Demo
## Project Overview
A simple game like star war.
3D Models from [https://sketchfab.com](https://sketchfab.com/3d-models?date=week&features=downloadable&sort_by=-likeCount)
## Technology Stack
This project utilizes the following technologies:
- **Three.js** - A JavaScript library for creating 3D graphics in the browser.
- **React** - A JavaScript library for building fast and interactive
- **SCSS** - A CSS preprocessor that adds features like variables and nested rules for easier styling.
- **TypeScript** - A typed superset of JavaScript that helps catch errors early and improve code quality.
- **react-three/fiber** - A React renderer for Three.js, enabling a declarative approach to 3D scenes.
- **react-three/drei** - A collection of useful components for react-three/fiber to simplify 3D development.
## Demo
## Installation and Running
### Installation Steps
1. Clone the repository
```bash
git clone https://github.com/pengxiaohua/my-first-threejs-demo
```
2. Install
```bash
npm install
```
3. Run
```bash
npm run dev
```
4. Play
Use the `A` and `D` keys on your keyboard to move the ship.