07 / PRODUCT DESIGN TOOLS
RESON
A speaker’s materials
and proportions
A 3D studio for a speaker’s appearance. Change its cabinet, finish and dimensions, inspect its construction, and compare saved designs.

01
Getting started
Choose the cabinet shape, finish, driver trim, front panel, base and dimensions. Name and save a design or load a JSON collection.
02
The result
A configured 3D model, an assembly and disassembly sequence, side-by-side design comparisons, and a JSON collection file.
03 / Case study
How it works
The cabinet, drivers, magnets and grille use procedural Three.js geometry. The exploded view shows their arrangement but does not simulate sound.
The scene updates when the view changes and pauses outside the viewport. The model and its explanations occupy separate page areas.
Import checks are shown before replacing a collection. Configuration and collection changes can be undone; JSON export remains available after a save error.

04 / Case study
Project limits
Illustrative appearance and construction only. No acoustic simulation, measured frequency response, electronic component selection or fabrication blueprint. Browser-local storage, six saved alternatives and JSON backups; no cloud sync.
Project documentation