seoshiro
EN
Sound off

Navigation

All projects

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.

  • TypeScript
  • Three.js
  • WebGL
  • LocalStorage
RESON speaker model with a walnut finish and material controls
RESON speaker with a walnut finish, copper trim and exposed drivers.

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

  1. The cabinet, drivers, magnets and grille use procedural Three.js geometry. The exploded view shows their arrangement but does not simulate sound.

  2. The scene updates when the view changes and pauses outside the viewport. The model and its explanations occupy separate page areas.

  3. Import checks are shown before replacing a collection. Configuration and collection changes can be undone; JSON export remains available after a save error.

RESON construction study with the cabinet, driver cones, baskets and magnets separated

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
Next projectLUMEN