https://github.com/persephonepunch/sabareact3

Created with CodeSandbox
https://github.com/persephonepunch/sabareact3

Last synced: 6 days ago
JSON representation

Created with CodeSandbox

• Host: GitHub
• URL: https://github.com/persephonepunch/sabareact3
• Owner: persephonepunch
• Created: 2022-07-16T12:45:17.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-17T09:10:15.000Z (over 2 years ago)
• Last Synced: 2023-03-12T08:54:37.932Z (over 1 year ago)
• Language: HTML
• Homepage: https://codesandbox.io/s/github/persephonepunch/sabaReact3
• Size: 5.31 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# sabaReact3

Created with CodeSandbox

Preview

https://e80gpz.csb.app/

Resources for 3D modeling / React 3 Fiber and XHR Asset Pipeline

Github Repos for Drei Managed three to JSX conversion

https://github.com/persephonepunch/sabaReact3

https://drei.pmnd.rs/

https://pmnd.rs/

https://codesandbox.io/

##Blender is a free tool that will generate GLBs

If you are converting packaging (Illustrator/SVGs) use Adobe 3D SVG to Decal to Model Tools

Adobe Dimension

https://helpx.adobe.com/dimension/how-to/illustrator-to-dimension.html

Start with repeat patterns, package design mechanicals, apply to 3D models and extrude, blob model and texture. Add lighting/shadows - export with glb or add in Three Modeling Pipeline.

Adobe Dimension Group/Texture Mesh Objects for GLB export

Apply Repeat Patterns. Create Versions. Apply Scale. Apply Materials: Glass, Velvet, Chrome, Metallic, preview versions

Export to GLB/FBX/XHR modeling platforms

Export Files to GLB/GLTF formats for React 3/Drei Modeling/Lighting/Camera

No alt text provided for this image

Utilize Print/Packaging Files for on Brand Modeling / Color Schema Specs

Utilize SVG / Figma / XD / Groups and Symbols (JSX is Illustrator supported)

Other Tools

Blender

https://www.blender.org/

Adobe Substance

https://www.adobe.com/products/substance3d/discover.html#3d_start