AboutServicesProjectsContact
  • 3D
  • MOTION-DESIGN
  • GAME-DESIGN
  • CREATIVE-CODING

Core Reactor

Core Reactor

Sci-fi UI for an indie game: the final-boss HUD is this emerald held in an electromagnetic cage. Modelled in Blender, lightning shader in GLSL, integrated through React Three Fiber. Frame latency under 16 ms.

This case study went into production combining art direction, UX/UI design, motion design and creative development in a single pipeline. The goal: make navigating the product feel like a small cinematic experience, not another catalogue.

Tech stack: React, Three.js, GSAP + ScrollTrigger, custom GLSL shaders and Lenis for smooth scroll. 3D models compressed with DRACO and textures in KTX2 to hold 60 fps on mid-range mobile.

Phase 1

Concept

Workshops with the client, visual reference exploration, defining the narrative rhythm and the scroll-driven beats.

Phase 2

Design

Figma mockups with a component system, variable type, an oklch-based palette and a full motion specification.

Phase 3

Build

React + Three.js implementation, asset optimisation, headless CMS integration, cross-device QA and a documented handoff.

Work with JMWEB

Let's build something with personality.

It all starts with a conversation. Bring a brief, a reference, a half-baked idea — I'll take it from there.

Start a project

Next projects:

Crafted with

Adobe IllustratorAdobe PhotoshopAfter EffectsChromeAppleBlenderVS CodeFigmaThree.jsGSAPJavaScriptTypeScriptReactNext.jsStrapiShopifyMercedesSpotifyAdobe IllustratorAdobe PhotoshopAfter EffectsChromeAppleBlenderVS CodeFigmaThree.jsGSAPJavaScriptTypeScriptReactNext.jsStrapiShopifyMercedesSpotify
hola@jmwebsoluciones.com