RAFIF NUHA02Work / Detail
2025VR Experience

Craftlab Simulation

A web-based VR simulation for assembling computer components in a 3D environment, built with Three.js and Babylon.js as a final course project.

Context

Final course project

Role

VR Simulation Developer

Location

Indonesia

Year

2025

React JSThree.jsBabylon.jsWebXR
Craftlab Simulation

Platform

Web VR

Libraries

3D focused

Build year

2025

Challenge

Create a browser-based VR simulation that helps users understand computer assembly through immersive 3D interaction without making the flow confusing.

Solution

Built a structured simulation using Three.js and Babylon.js, with spatial object placement, guided interaction, and a web-delivered VR environment.

Outcome

The project delivered an interactive prototype for learning computer assembly in VR and translated technical course work into a more engaging educational experience.

P1Process frames

01

Simulation mapping

Mapped each assembly step so users could move through the computer-building process in a clear and logical order.

02

3D interaction design

Designed object interactions and placement behavior to make picking, positioning, and understanding components feel more intuitive.

03

Web VR delivery

Optimized the simulation for browser-based VR playback so it remained accessible without requiring a native installation.

P2Services
VR gamesThree.jsBabylon.js