3D & games

Interactive 3D projects

Four projects that show how I build 3D experiences: a compliance-style training simulation in Unity, the same cleanroom procedure rebuilt in Three.js, a collection of web games, and a mobile runner in Defold. Each one is playable from the link below.

Safety Procedure Trainer screenshotSafety Procedure Trainer screenshotSafety Procedure Trainer screenshotSafety Procedure Trainer screenshot
Unity · training simulation

Safety Procedure Trainer

A 3D learning and simulation prototype for regulated manufacturing. Operators sign in, then work through a procedure: lock-out/tag-out on a packaging press, a hygiene gowning-room entry, or dressing a rigged, animated colleague for a cleanroom (wrong items are refused, right ones fly onto them). Out-of-order clicks are logged as deviations, a quiz follows, and every event goes into a tamper-evident, hash-chained audit log. SOP content is JSON, so a new revision needs no code change.

Technologies

Unity 6C#UI ToolkitWebGLBlender 4.2 (bpy scripts)Rigged character + legacy animation clipsFBX pipelineSHA-256 audit chainJSON-driven contentHeadless CI builds
Play in browser →
Gowning trainer sign-inGowning trainer in progressRigged colleague fully dressed
Three.js · training simulation

Cleanroom Gowning: Dress Your Colleague

The same cleanroom procedure as the Unity trainer, rebuilt for the browser from one shared JSON file. Pick garments from the table in the right order (forbidden items are refused), and a ghost of each item flies onto a rigged character who plays a matching animation. It keeps a tamper-evident SHA-256 audit log in the browser and ends with a quiz and scorecard.

Technologies

Three.jsViteglTF + skeletal animationBlender 4.2 (bpy rig)Web Crypto (SHA-256)GitHub Pages
Play in browser →
Ummah Kids Games screenshotUmmah Kids Games screenshotUmmah Kids Games screenshotUmmah Kids Games screenshot
Three.js · 19 browser games

Ummah Kids Games

A collection of cheerful family games that teach and reinforce Islamic values: tower defence around a masjid, a Hajj family board game, a modest dress-up studio, counting and feeding games, and more. One shared toon-shaded 3D look, built for phones and tablets, with no installs and no ads.

Technologies

Three.jsViteJavaScript (ES modules)Toon / cel shadingWeb AudioMediaPipe (movement games)GitHub Pages
Play the collection →Noor Defenders →Hajj Journey →
Beat Runner gameplayBeat Runner home screen
Defold · mobile rhythm runner

Beat Runner

A three-lane rhythm runner built in Defold for iOS, Android, HTML5 and desktop from one codebase. Features a curved-world vertex shader (the track rolls away under a globe horizon), roof-running ramps, composed obstacle props and a full meta layer: daily login, missions, seasons, store and events.

Technologies

DefoldLuaGLSL vertex shadersglTF / GLBBlender (headless asset conversion)WebAssemblyiOS · Android · HTML5
Play in browser →