3D Interactive

Inspiration

We would love to make learning more interactive and engaging so we created a solution that can make learning more experiential.

What it does

Our project seeks to gamify and augment learning through Augmented reality and 3D models and to reinforce learning using short lessons(micro-learning) and quizzes.

Learners can interact with 3D models by clicking on any of the card views example, the Human digestive system which will take them to a learning path that has a Ui showing certain 3D models concerning the digestive system etc , they would have to unlock one model to the other.

When any of the models is clicked(unlocked) an interface is presented to them to interact with the 3D model(digestive system etc) and they can watch videos about any of the annotated parts, watch some slides about the parts, and take quizzes.)

Learners can toggle between 3D mode and Augmented Reality mode hence, making it more immersive.

Users can also see a leaderboard of their accomplishments with others .

Note

Kindly note that the Ar feature works on mobiles only. Your device must support AR core for android and AR Kit for IOS users to experience it.

How we built it

We designed the User Interface in Figma and did some deliberations over Google Meet for hours until we settled on the desired project.

Challenges we ran into

we had to do quick prototyping; The decision-making process of making the immersive Ar experience work on most devices. At first, we designed it for tablets only but had to do it a web app just so any device on the internet could access it.

Currently, most of the features are static because of the period we got to know about the hackathon. But we've worked seriously on the ones we could do within the 6-day.

Accomplishments that we're proud of

We are proud to have at least transformed the UI into code hence, making (3D Interactive) functional.

What we learned

Since two of us are participating in a hackathon for the first time, and all team members are remotely building together, I think we've gained experience in remote teamwork and collaboration.

What's next for 3D Interactive

Continue building and adding new 3D models.

Tools: Slides/microlearning: https://shepherdd.com/web-stories/

Presentation:link

Built With

• css3
• figma
• glitch
• html5
• javascript
• modelviewer
• pexels
• shepherdd
• sketchfab
• vercel
• webstories