An interactive 3D studio you walk through in the browser.
Archon Soft World is the same site as this one, built as somewhere to walk. A robot explorer crosses a campus of islands; each shipped product has its own station hung with its real screens, a guide introduces it, and each department has an office where a visitor can leave a brief. It is written in three.js on top of the ordinary site and ships to phones, where it adapts its quality to the device.
- Role
- Concept, 3D, design and engineering
- Platform
- Browser — desktop and mobile
- Services
- Creative direction · Real-time 3D · Interaction design · Engineering · Performance
- Languages
- Turkish and English
- Runs on
- Desktop and phone browsers
A portfolio you read once. A place you come back to.
The idea
A studio site is read in a minute and forgotten in a day. The same work, set in a place — with a way in, somewhere to stand in front of each product and somebody to ask — is something a visitor explores, and remembers exploring.
The place
Islands joined by bridges, each one a part of the studio: a station for every shipped product with its real screens hung in the air, the gallery, the systems island, and department offices along the paths. Six destinations are one key — or one tap — away.
The people in it
Guides stand at each product and introduce it in the visitor's language. The team gathers in the lobby. Each office opens a card with its services, and the brief form inside it reaches the studio like any other enquiry.
On a phone
A thumb stick and a jump button replace the keys, and the world chooses its own quality tier for the device: texture sizes are capped for phones, a start the device could not hold comes back in a safe tier, and a lost graphics context rebuilds the scene instead of leaving an empty screen.
- 01Robot explorer, walk and run
- 02Teleport to six destinations
- 03Product stations with real screens
- 04Guides and the lobby team
- 05Department offices and brief form
- 06Discoveries to find
- 07Touch joystick and jump
- 08Adaptive quality, crash-safe start
Every item here can be used in the world itself — open it from the button at the top of this page.
- 3D
- three.js · React Three Fiber · custom GLSL shaders
- Application
- Next.js · React · TypeScript
- Quality
- Device tiers, texture caps, context-loss recovery
Archon Soft World
Tell me what you are trying to build and what is making it hard. If there is a fit I will say so quickly; if there is not, I will say that too.
- A reply
- Usually within two working days, from me.
- A conversation
- Scope, constraints, timing. No pitch deck.
- A straight answer
- Including when I am the wrong person for it.