Home

App.jsx

Summary.

R3F application for rendering a glb model of a Radial Pneumatic Engine.

React-three-fiber is a React renderer for three.js.
Build your scene declaratively with re-usable, self-contained components that react to state.

Usage:

  • To install jsdoc and yarn:
    • sudo npm install --global yarn
    • sudo npm install -g jsdoc
  • To run the version with modules and Node.js version 18, 20 or 22:
    • cd rpe-app
      • To create the initial package.json:
        1. npm init vite
        2. yarn add @react-three/fiber
        3. yarn add @react-three/drei
        4. yarn add @react-three/postprocessing
        5. yarn add three
        6. yarn add leva
    • npm or yarn install
    • npm or yarn run dev
  • To use vercel cli to run vercel dev before deploying on vercel:
    • cd rpe-app
    • pnpm i -g vercel or pnpm i -g vercel@latest (to update to the latest version)
    • npm or yarn install
    • vercel dev
  • Alternatively, the steps to deploy on github pages.
Since:
  • 26/09/2024
Author:
Source:
See:

Engine.jsx

index.jsx