Atomis

Select elements before entering the lab simulation
Mixing explosive elements
Fusing two different elements
The molecular structure of the Ammonia

Inspiration

Traditional chemistry learning methods have remained largely unchanged for the past century. Students often find chemistry abstract, complex, and lacking real interactivity. Based on our previous learning experience for chemistry, understanding element behavior and compound formation requires visualization and hands-on experimentation, which classrooms and modern platforms rarely provide.

What it does

Atomis addresses this gap by offering a fully interactive 3D simulation that allows learners to explore the periodic table, manipulate and fuse elements and compounds, while helping people engagingly understanding chemical properties with fun easter eggs. Atomis has an AI mascot called Atom that explains the characteristics of a compound after fusing, integrated with quizzes that allow users to test their memory about the mixture formula of a compound.

How we built it

We implemented a 3D simulation of the periodic table using Three.js and React Three Fiber.
Used MediaPipe for hand position tracking to calculate palm centroid by averaging wrist, index MCP, and pinky MCP coordinates, with mirrored X-coordinates for natural left/right mapping
Custom gesture detection for landmark distances and positions like pinch, point, clap, closed fist, and circular motion for easier access. ## Challenges we ran into
Gesture threshold tuning is difficult to balance between accuracy and user experience
Converting MediaPipe normalized coordinates (0-1) to screen space while handling different camera and screen aspect ratios ## Accomplishments that we're proud of
Enjoying playing with the platform, we have built our own.
Realised other participants and friends really enjoy the game and learned something from it.
Created several 3D elements and compounds that look like their drawings in Chemistry textbooks. ## What's next for Atomis Building tools that benefit a student's learning process. We believe intuitive and interactive settings allow people to learn more than ever.