README.md

ExoJS Examples — superseded

This repository is superseded. Examples and the live preview site are now part of the main Exoridus/ExoJS repository.

• Canonical source examples: https://github.com/Exoridus/ExoJS/tree/master/examples
• Live preview site: https://exoridus.github.io/ExoJS/
• Site source: https://github.com/Exoridus/ExoJS/tree/master/examples-site

No further updates will land here. The code below reflects the last standalone state of the site before consolidation and is kept for historical reference.

---

This repository contains the interactive example browser for ExoJS. It bundles a set of small demos, shows the source code in an in-browser editor, and renders the selected example in a live preview frame.

Live site (historical): https://exoridus.github.io/ExoJS-examples/

The app is built so it can be hosted from a subfolder, and the published dist/ output is what gets deployed to GitHub Pages.

What This Project Includes

• A small example explorer UI built with Lit components and Astro
• A live code editor and preview for each example
• Local vendored browser assets for exojs, Monaco, and stats.min.js
• Smoke tests that verify the built dist/ app opens correctly and loads the preview without runtime errors

Local Development

Install dependencies:

npm install

Start the development build watcher:

npm run dev

Create a production build:

npm run build

Preview the built dist/ output locally:

npm run preview

Run the smoke tests against the built site:

npm run test:dist

Example URLs

Each example can be opened directly with a hash route in this format:

https://exoridus.github.io/ExoJS-examples/#category/example-name.js

Backend Policy

• Normal examples outside webgpu/ rely on ExoJS default backend selection.
• Routes under webgpu/ stay explicit about backend: { type: 'webgpu' } because backend choice is part of the example’s purpose.
• Advanced backend-specific examples remain explicit and honest; they do not hide behind the default path.

Examples

Rendering

• Sprite
• Spritesheet
• Container
• Blend Modes
• Tinted Sprites
• View Handling
• Render to Texture
• Display Text
• Display Video
• Display SVG

Input

• Gamepad

Collision Detection

• Rectangles

Particle System

• Bonfire
• Fireworks

Extras

• Audio Visualization
• Benchmark

WebGPU

• Additive Particles
• Multi-Texture Sprite Stress
• Particle Stress
• Sprite Stress
• Video Basics
• RenderTexture Basics
• Graphics Basics
• Particle Basics
• Sprite Basics
• Text Basics
• Custom Triangle Renderer

Repository Structure

• public/ contains the example sources, static assets, and preview HTML
• src/ contains the example browser UI
• dist/ contains the built deployable site
• scripts/ contains vendor and asset sync helpers
• tests/ contains the Playwright-backed smoke tests for the built app

Deployment

GitHub Pages is published from the built dist/ folder using:

npm run deploy

Repository: https://github.com/Exoridus/ExoJS-examples