Back

Interactive 3D Web Designer

Project Description:

In today's world, 3D modeling and interaction are becoming super important in a bunch of cool areas. Think about setting up a new factory, developing a robotics solution, designing buildings (Architecture), or even creating video games – they all use 3D models. Our project is about building a web app that lets users play around with 3D models right in their browser. It's like giving them a digital sandbox where they can create, view, and mess with different 3D objects. This isn't just fun; it's a skill that's super useful in many industries.

You and your group can chose a use-case that you want to focus on. Proposed would be to work on a tool that makes it possible to design and interact with a robot cell in a 3D world right from your browser!

Using Three.js, a powerful library for 3D graphics, we'll create an app where you can pick from a database of standard elements (like parts of a robot or factory equipment) and arrange them in a 3D space. You can tweak how they look by changing their texture and lighting, and even pose them differently. Once our workspace is ready we will give it love by creating a dynamic control where the user can move the robot using a GUI Block in the App.

Algorithms:

  • - JavaScript, NodeJS
  • - three.js
  • - HTML and CSS basics

Milestones:

  • - Get to Know Three.js
  • - Web App Framework
  • - 3D Element Database
  • - Interactive 3D World
  • - Customization Features (options to change textures, lighting, and object poses)
  • - Develop a GUI (optional)
  • - User Testing and Feedback
  • - Refinement and Launch

Challenges:

  • - Real robotic system needed
  • - Real parts needed

Materials: