# canopy-dotmatrix: reconstructing davidluft.com's dot-matrix window

> Reconstructs the dot-matrix window on davidluft.com from its public JavaScript bundle and scene payloads. A JavaScript engine decodes six-bit temporal-delta luminance and color fields, then renders individually animated dots; an interactive page and frame exporter demonstrate the result. The author reports comparing output with browser screenshots.

- Type: Case study
- Targets: Website
- Category: Independent reconstruction cases
- Relationship: Independent reconstruction project
- Sources reviewed: 2026-11-08
- Added to the catalog: 2026-11-09
- Original resource: <https://github.com/isjiajia01/canopy-dotmatrix>
- Primary source: <https://github.com/isjiajia01/canopy-dotmatrix/blob/716a2dd6a217ba0855a1a04c495d13ccd0c300c4/README.md>
- Catalog page: <https://awesomerea.org/resources/canopy-dotmatrix-case/>
- Record JSON: <https://awesomerea.org/resources/canopy-dotmatrix-case/record.json>
- Chinese version: [简体中文](https://awesomerea.org/zh/resources/canopy-dotmatrix-case/index.md)

## Requirements & limits

- **Prerequisites:** The public scene payloads are fetched locally for playback.
- **Prerequisites:** Node 20 or newer is specified in package.json.
- **Limits:** The authoring encoder and some rendering modes remain unknown or unimplemented.
- **License:** MIT license.

## Primary sources

1. <https://github.com/isjiajia01/canopy-dotmatrix/blob/716a2dd6a217ba0855a1a04c495d13ccd0c300c4/README.md>

## More in Websites

- [Drama Live: analysing its Android and web clients and rebuilding an API client](https://awesomerea.org/resources/dramalive-analysis-case/index.md) · Case study
- [The Blind Walleye: a static rebuild of the marketing site](https://awesomerea.org/resources/blind-walleye-static-case/index.md) · Case study
- [LoreMaps: a static rewrite of a fantasy-map atlas](https://awesomerea.org/resources/loremaps-atlas-case/index.md) · Case study
- [NewPipe: an Android front end for YouTube and PeerTube](https://awesomerea.org/resources/newpipe-streaming-client-case/index.md) · Case study
- [Omada API Toolkit: reconstructing the Controller Web API v2](https://awesomerea.org/resources/omada-api-toolkit-case/index.md) · Case study
- [zoomer: reconstructing Zoom meeting bot communication](https://awesomerea.org/resources/zoomer-case/index.md) · Case study

## About this entry

The description was reviewed against primary sources.
Original editorial content: MIT. Linked projects, papers and assets retain their own rights and licenses.