Where's my Diary?

Dive into Barbie’s room, explore an immersive world, collect hidden items, and solve challenges to help her find her lost diary.

Comment

Inspiration

We drew inspiration from 'The Barbie Diaries', a CGI animation film which came out in 2008.

What it does

It is a game simulation in VR/XR where the players have to find the barbie's diary by
collecting the items hidden in the room. As you collect what's been listed, you will go to
the next level. All the levels are timed and get harder as you go to the next. The game is playable in a VR headset (Meta Quest, Pico) or directly in a desktop browser with mouse and keyboard — no download required.

How we built it

We captured the bedroom environment using Gaussian splatting via WorldLabs, then brought it into a WebXR app built on IWSDK (Immersive Web SDK) and SparkJS for splat rendering with Level-of-Detail. The 3D collectible models and textures were created in Meshy.ai and exported as GLBs. Game mechanics — level flow, timer, collectible detection, win/lose states, UI panels, and the journal animation — were built with the help of Claude Code.

Challenges we ran into

It was tricky to handle the world model. Because of the limited data information, the splat had low fidelity and was breaking a lot. We were also having a little trouble in
incorporating the prop animation in the world.

Accomplishments that we're proud of

We are proud that we were able to create a working game in less than 24 hours.

What we learned

We learned the whole pipeline of creating the world models from scratch and how to
integrate the game mechanics.

What's next for Where's my Diary?

After this, players will have the ability to generate items based on the user's personal
preferences.

Built With

  • iwsdk
  • marble
  • meshy.ai
  • sparkjs
  • worldlabs
Share this project:

Updates