How to View and Navigate the Sketches on Three.js Sketches

Updated

Open mrdoob.neocities.org in a modern browser with WebGL support. The homepage is a single index of numbered sketches, each paired with a date, and each entry links to its own page. No login or extra software is required — the site describes itself as "Sketches done with Three.js Editor and uploaded to Neocities."

What the index looks like

The landing page is a plain list, newest first. Each line follows the same pattern:

039 ~ 21 03 17
038 ~ 21 03 10
037 ~ 20 01 05
...
001 ~ 15 11 11
  • Left number — the sketch ID, from 001 up to 039 in the current listing.
  • Right date — YY MM DD, so 21 03 17 is 17 March 2021.
  • The whole line is the link — clicking the number or the date opens that sketch.

Because the list is in reverse chronological order, the top entry is always the most recent sketch and the bottom is the oldest. The dates span roughly November 2015 through March 2021, with gaps between clusters — for example, several sketches share 17 11 01 and 16 02 09, while other months have none.

Steps to view a sketch

  1. Load the index page.
  2. Pick an entry by number (if you want a specific sketch) or by date (if you want something from a period).
  3. Click it. The sketch opens on its own page and renders in the browser.
  4. Use the browser's back button to return to the index and pick another.

There is no search box, filter, or pagination — the full list fits on one page, so navigation is just scrolling and clicking.

What you need for it to work

Requirement Why
A modern browser (Chrome, Firefox, Safari, Edge) The sketches are rendered with Three.js, which relies on WebGL.
WebGL enabled Without it, a sketch page may load but show a blank canvas or an error.
JavaScript enabled Three.js runs client-side; nothing renders without it.

No account, no install, and no special viewer are involved. If a sketch appears blank, check chrome://gpu (or the equivalent in your browser) to confirm WebGL is active, and try disabling extensions that block scripts.

Practical notes

  • Finding a specific sketch: if you know the number, scan the left column — the IDs are sequential, so 039 sits at the top and 001 at the bottom.
  • Finding a specific date: the YY MM DD format sorts naturally with the list order, so the newest date is always first.
  • Older sketches: the earliest entries (001–010) cluster around November 2015; later gaps mean some date ranges have no sketch at all.
  • Sharing or bookmarking: each sketch has its own URL, so you can link directly to one rather than to the index.

The site is a personal archive rather than a gallery with descriptions or titles, so the number and date are the only identifiers you get when choosing what to open.