Web64

Sprite images and page resources

Web64 Developer Docs

Build compact websites for a browser running directly on Nintendo 64 hardware.

Assets

Web64 currently loads .sprite image assets. Convert source artwork with libdragon's mksprite tooling before placing it on a website.

Image sources

HTML images

<img> references a .sprite file through src, with alt, width, and height.

CSS backgrounds

.sprite URLs through background or background-image.

Current format

Web64 currently supports .sprite image files only.

Purple crystalCloudStar

HTML image example

<img
  src="images/crystal.sprite"
  alt="Purple crystal"
  width="26"
  height="26"
>

Images participate in inline layout by default. CSS display can change that behavior.

Create Web64 sprites

Source artwork

Create or export the original image in a format accepted by libdragon's asset tooling.

Convert

Use libdragon's mksprite tool to generate the .sprite file.

Host

Upload the generated .sprite file and reference that path from HTML64 or CSS64.

source image -> mksprite -> image.sprite -> Web64

Automatic conversion inside Web64 or on the cartridge is not available yet.