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.
+ 1 more
Share this project:

Updates