Skip to content

This project is a demo about how to integrate a bitECS with a React Three Fiber rendering to display your simulations (or games) inside a web browser.

Notifications You must be signed in to change notification settings

raaaahman/r3f-bitecs-starter

Repository files navigation

React ThreeFiber + bitECS Starter (TypeScript)

This project is a demo about how to integrate a bitECS world with a React Three Fiber rendering to display your simulations (or games) inside a web browser. This can be used as a starter project as well. Be sure to read both documentations!

It is powered by Vite, so the usual Vite commands apply:

  • npm run dev to serve a development version at localhost:5173
  • npm run build to produce a build output into the dist folder
  • npm run preview to preview the production build at localhost:4173

Folder structure

Since there's collision in the naming of "components" from both the React library and the ECS pattern, the project files have been split in two:

  • the views folder containing the React / React Three Fiber related components
  • the logic folder containing the compnents, queries and systems from

About

This project is a demo about how to integrate a bitECS with a React Three Fiber rendering to display your simulations (or games) inside a web browser.

Resources

Stars

Watchers

Forks

Packages

No packages published