Portfolio
Systems we build and sell, and work made in this studio.
Portfolio
-
On FabInteraction
Look at something, see what the key does, tap or hold to use it. Locked things say why.
Showcase scene · not included -
On FabMenus
Main and pause menus, 72 options on six pages, and save slots with pictures.
-
On FabVitals
Health, stamina, hunger and thirst, with a compact survival HUD.
-
On FabInventory
Grid inventory, equipment, crafting, hotbar and a character preview.
-
On FabQuests
Quests as data, with a tracker, journal, dialogue, world markers and a compass.
-
In reviewLevel Design Toolkit
Pivot, snap, align, arrange, instance and check a level, in one editor mode.
-
Studio workThis website
The studio's own site: thirteen languages, real-time 3D, and automated tests in two browser engines.
-
Studio workRookspire brand
The split-peak mark, palette, type and 3D renders, with written guidelines.
-
Demo websiteLapidra
A website for a fictional limestone company: a real-time 3D story, scanned stone and a 3D wall configurator.
Drag to turn the ring, or use the arrows
The systems
On FabInteractionLook at something, see what the key does, tap or hold to use it. Locked things say why.
On FabMenusMain and pause menus, 72 options on six pages, and save slots with pictures.
On FabInventoryGrid inventory, equipment, crafting, hotbar and a character preview.
On FabVitalsHealth, stamina, hunger and thirst, with a compact survival HUD.
On FabQuestsQuests as data, with a tracker, journal, dialogue, world markers and a compass.
Lapidra
A complete website for a company that sells limestone for outdoor walls and paving. The company is fictional; the site was designed and built in the studio as a demonstration.
- A real-time 3D story driven by the scroll: from the quarry to the finished wall
- Scanned stone with true relief, and a 3D wall configurator with four laying patterns and six stones
- Product pages with 3D samples, a project gallery and a quote calculator
- English and Portuguese, on phone and desktop
Names, products, projects and prices on the Lapidra site are made up.
This website
Designed and built in the studio: a static site in thirteen languages with real-time 3D, written to load fast and to work without WebGL.
- Real-time WebGL: the mark, abstract geometry, thousands of particles and post-processing, in four quality levels
- Thirteen languages, each with the same structure, checked automatically
- Automated browser tests in Chromium and WebKit (the engine of Safari), at phone, tablet and desktop sizes
- Reduced motion respected: every scene becomes a still frame
Rookspire brand
The mark is a split peak: two blades that read as one summit. It works at 16 pixels and as a 3D object.
- Mark, wordmark and palette, with contrast checked for text
- Type: Saira and Barlow, both open-licensed
- 3D renders in Blender and written guidelines
Want something like this?
We build websites, software, bots, brands and game systems to order.