8000 GitHub - 5H4F19/D3viewer: D3viewer is a React application that allows you to load, edit, and animate 3D models in real time. Built using React Three Fiber, it supports the GLB format for 3D models, providing an interactive and flexible experience for working with 3D assets directly in your browser.
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
/ D3viewer Public

D3viewer is a React application that allows you to load, edit, and animate 3D models in real time. Built using React Three Fiber, it supports the GLB format for 3D models, providing an interactive and flexible experience for working with 3D assets directly in your browser.

0 stars 0 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

5H4F19/D3viewer

BranchesTags

Folders and files

NameName
Last commit message
< 8000 div title="Last commit date" class="Truncate__StyledTruncate-sc-23o1d2-0 liVpTx width-fit">Last commit date

Latest commit

 

History

2 Commits
public
public
 
 
resources
resources
 
 
src
src
 
 
.gitignore
.gitignore
 
 
.prettierrc
.prettierrc
 
 
jumbo.jpg
jumbo.jpg
 
 
package.json
package.json
 
 
readme.md
readme.md
 
 
yarn.lock
yarn.lock
 
 

Repository files navigation

npm install
npm start

This is a small primer on how to use GLTF models on the web, specifically how to use them as dynamic assets.

Live demo: https://codesandbox.io/s/floating-shoe-forked-qxjoj

How to compress assets and turn them into JSX components

  1. npx gltf-pipeline -i model.gltf -o model.glb --draco.compressionLevel=7
  2. npx gltfjsx model.glb

How to include them in your project

  1. Set up react-three-fiber
  2. Put model.glb into /public
  3. Put Model.js (the output of gltfjsx) anywhere inside /src

About

D3viewer is a React application that allows you to load, edit, and animate 3D models in real time. Built using React Three Fiber, it supports the GLB format for 3D models, providing an interactive and flexible experience for working with 3D assets directly in your browser.

Resources

Readme
Activity

Stars

0 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

No releases published

Packages

No packages published

Languages
0