Inspiration
After putting together all the fake legos from our HackTX goodie bags painfully and slowly to make one giant lego piece we thought, "This looks terrible; how can we make this in an APP?". And that's how lego_build_with.tech was born!
Every team can come up with their own unique lego mascot to show off with their project.
What it does
Browser-based lightweight interactive lego modelling tool.
How we built it
Three.js, TypeScript, React, Next.js, HTML, VS Code
Challenges we ran into
- Generating lego-blocks with given dimensions (e.g. 4x3, 3x1).
- State management in React.
- Setting up dynamic camera.
- Learning Three.js features.
Accomplishments that we're proud of
- Finding consistent algorithm for generating blocks of any given dimension without any backend.
- Dynamic camera movement.
- Making blocks easier to snap on to each other.
What we learned
- Three.js.
- Learning how to handle multiple key inputs.
What's next for legobuildwith.tech
- Improve user experience (e.g. hotkey support).
- Extend the scope of this project to other things, like building simulation.



Log in or sign up for Devpost to join the conversation.