/solid-trois

Primary LanguageJavaScript

solid-trois

Packges:

  • vite
  • solid-js
  • three
  • cannon-es

Status:

  • idea
  • prototyping
  • Testing...

Information:

Note this is just prototype build.

There are different way to handle Threejs render set up.

By using the context to element handle object3D. White in background the the basic of render and object3D handle in the logic by using the context.

Still work in progress testing.

Trois
 - context
 - object3Ds
  - Word Physics
    - context
  - Rerender (canvas)
    - Scene
      - get root context 
      - object3D list
    - Object3D
      - get scene context 
      - mount
        - add object to scene
      - unmount/cleanup
        - remove object to scene
      - cannon Physics
        - add 
        - remove
        - update
        - reset
        - pause

To have multple renders or scenes to handle viewports or canvas draw for world and mini map.

Features:

  • dev vite server
  • threejs
  • cannon-es physics
  • ui editor (work in progress)

setup:

Nodejs

npm install 
npm run dev

Links: