https://github.com/pengxiaohua/my-first-threejs-demo

My first threejs demo.
https://github.com/pengxiaohua/my-first-threejs-demo

Last synced: about 2 months ago
JSON representation

My first threejs demo.

• Host: GitHub
• URL: https://github.com/pengxiaohua/my-first-threejs-demo
• Owner: pengxiaohua
• Created: 2022-10-28T17:27:52.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-12-26T15:59:46.000Z (almost 2 years ago)
• Last Synced: 2023-09-05T10:02:06.851Z (over 1 year ago)
• Language: TypeScript
• Size: 42.3 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

![Project Demo](https://github.com/pengxiaohua/my-first-threejs-demo/blob/main/src/assets/demo.gif)

## 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.