https://github.com/gromgull/triangular-grid-model-synthesis-3d

A quick demo of model synthesis on a triangular grid in react three fiber
https://github.com/gromgull/triangular-grid-model-synthesis-3d

modelsynthesis react-three-fiber triangular-grid wavefunctioncollapse

Last synced: about 1 year ago
JSON representation

A quick demo of model synthesis on a triangular grid in react three fiber

• Host: GitHub
• URL: https://github.com/gromgull/triangular-grid-model-synthesis-3d
• Owner: gromgull
• License: bsd-3-clause
• Created: 2022-01-30T09:06:58.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-12-07T03:40:31.000Z (over 3 years ago)
• Last Synced: 2025-03-25T10:11:15.369Z (about 1 year ago)
• Topics: modelsynthesis, react-three-fiber, triangular-grid, wavefunctioncollapse
• Language: JavaScript
• Homepage:
• Size: 6.7 MB
• Stars: 7
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Model Synthesizer with 3d triangular grid

[Demo!](https://gromgull.github.io/triangular-grid-model-synthesis-3d/)

![sample image](img/sample3.png)

![tiles](img/tiles.png)

This is a little demo of model synthesis / wave-function collapse running in the browser.

The tiles are triangular - this is nice because you only need to create very few tiles.

Read more about [triangular grids in Boris The Brave's blog post](https://www.boristhebrave.com/2021/05/23/triangle-grids/)

# Modelling tiles in blender

Make the tiles equilateral triangles with edge-length 1.

Ensure you apply all scale/rotation.

Look at the blend file in `public/assets/tiles.blend`

There is a python script that will export all collections to corresponding glb files. (in retrospect - why not use ONE glb file?)