Learning on Web Dev Open is free for all.

Immersive Web > Two things worth showingA product configurator under a hard budget
Phase 07Two things worth showing376 of 434

A product configurator under a hard budget

Material and colour options on a real object, with state in the URL and a budget you are not allowed to exceed.

Solo project260 minAI pair

Done when

  • At least three configurable dimensions, each visibly changing the render
  • Total texture memory under 60MB after KTX2, proven with a measurement in the README
  • Under 150 draw calls in the worst-case configuration
  • Configuration encoded in the URL so a specific setup can be shared and restored
  • Interactive controls operable by keyboard and labelled for a screen reader
  • A visible loading state that never shows an empty canvas

Nobody marks this for you. It goes into your phase checkpoint, where a person does.

You should now be able to

  • Change materials and geometry variants without reloading assets
  • Keep configuration state shareable and restorable
  • Meet a fixed budget with no negotiation
Ask the community

Loading…

← PreviousAn immersive portfolio that is about youTwo things worth showingNext →A background field with no library at allTwo things worth showing