niris / R3F-test

Simple demonstration of 3D Web dev using React with React Three Fiber, TypeScript, and Vite

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Three Fiber with TypeScript and Vite

This project is a simple demonstration of using React with React Three Fiber, TypeScript, and Vite for fast development and testing of 3D scenes in the browser.

Screenshot 2024-02-27 at 19 50 03

Installation

  • Install Node.js and npm
  • Clone the repository and install dependencies:
cd project-name 
npm install

3D Model requirements

The model named house_animated.glb should be placed in public/models.

Link to download the model

Usage

To test the development server, run the following command:

npm run dev

About

Simple demonstration of 3D Web dev using React with React Three Fiber, TypeScript, and Vite


Languages

Language:TypeScript 78.7%Language:CSS 14.3%Language:HTML 3.6%Language:JavaScript 3.5%