santizo
← All appsApps / HAS Gallery
HAS Gallery screenshot

HAS Gallery

From floor plan to experience.

Role
Concept, Creative Direction, UX Design, 3D Development
Type
Free browser app
Version
v1.0
Runs
In your browser, on your machine
Exports
GLB · glTF · PNG · JSON
Part of
HAS Tools

Vision

Planning a show usually means graph paper or a full 3D package. I wanted something in between.

A tool for artists, designers and curators to try out a space before it exists, without learning architectural software.

Creative Direction

Draw in two dimensions, experience in three.

The plan and the room sit side by side, and the room builds itself as you draw: walls at real height, doors, windows and daylight. Hanging art had to be one gesture, so it is: drop an image near a wall.

Execution

I built it as a browser app: a 2D plan editor joined to a live 3D scene.

Images hang at real-world scale, on the side of the wall you dropped them on. A hotspot puts you inside at eye level, and the whole gallery exports as GLB or glTF for other 3D apps or the web.

Outcome

Version 1.0, free at has.tools.

A show can be planned, walked through and shared before a single nail goes into a wall. The gallery on this page is hung with my Burning Man photos.

HAS Gallery: the floor plan on the left, the same room in 3D in the middle with photographs on the walls, properties on the right
Fig. 01The studio: the 2D plan on the left, the 3D gallery builds itself beside it.

(01) What it does

06

01

Draw the plan

Walls with W, doors with D, windows with G. Snap keeps the corners tight.

02

A live 3D preview

The space builds itself beside the plan, with real wall heights, doors, windows and a sun angle.

03

Hang art by dropping it

Drop an image near a wall and it hangs there at real-world scale, on the side you dropped it.

04

Walk through it

Drop a hotspot, then move through the gallery at eye level.

05

Export the space

GLB or glTF for 3D apps and the web, a PNG of the plan, or JSON to keep working later.

06

Stays on your machine

Everything runs in your browser. Your plans and images never leave your computer.

A white gallery room seen from above, Burning Man photographs hung on the walls and on a partition in the middle
Fig. 02A gallery hung with my Burning Man photos, ceiling off.
Eye-level view of a framed photograph of a sculpted face and fist rising from the playa, hung on a white wall
Fig. 03Walk mode, at eye level.

(02) Details

credits

Design and direction: Hector Augusto Santizo

Collection: HAS Tools

Price: Free

works with

Cinema 4D

Blender

Unreal Engine

The web

formats

3D: GLB, glTF

Plan: PNG

Project: JSON

(03) Related

All apps →
HAS Space screenshot

HAS Space Interiors, from floor plan to render

Van Gogh · The Bedroom Interactive, in Unreal Engine

HAS Truss screenshot

HAS Truss Draw a curve, get a truss rig