Command Palette

Search for a command to run...

Hectal
Phase 10: Models and the Asset Pipeline
3D Web · Exercise 4 of 4 Previous
Intermediate

An honest loading status

The code loads a file that does not exist and only logs the error, so the visitor sees nothing.

When the load fails, show The bike could not be loaded. (more words are fine) in #status p and show the #status button. When the button is clicked, load /data/3d/models/lumen-bike-draco.glb instead (the decoder is already set up), and hide #status once the bike is in the scene.

What Check tests

  1. After the failed load the status says so
  2. The Try again button is visible
  3. Try again loads the bike and hides the status

Stuck? One hint at a time

The solution unlocks after your first Check. Try first: that is where the learning happens.

Runs in your browser. Your code is saved here.

Your page

Press Run to see the page.

Console

Nothing logged yet.