whatisgithub

What is aerie?

formlesstree4/aerie — explained in plain English

Analysis updated 2026-05-18

1JavaScriptAudience · developerComplexity · 4/5Setup · moderate

In one sentence

A browser tool that renders 3D scenes with an old school, dreamy ray traced look inspired by 1996 software Bryce 2.

Mindmap

mindmap
  root((Aerie))
    What it does
      Browser 3D renderer
      Bryce style look
      Import 3D models
    Tech stack
      WebGPU
      WGSL shaders
      Three.js preview
    Use cases
      Render imported models
      Build procedural worlds
      Export animations
    Audience
      Developers
      Graphics hobbyists

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Import a glTF or FBX model and render it with soft, ray traced lighting and reflections.

USE CASE 2

Build a procedural landscape with terrain, sky, and water controlled by live sliders.

USE CASE 3

Create a turntable or cutscene animation of a 3D scene and export it as a WebM video.

USE CASE 4

Experiment with a WebGPU based path tracer as a learning reference for shader programming.

What is it built with?

JavaScriptTypeScriptWebGPUWGSLThree.jsVite

How does it compare?

formlesstree4/aerie0xmukesh/docusaurus-tutoriala15n/andrewscheuermann
Stars111
LanguageJavaScriptJavaScriptJavaScript
Last pushed2021-12-272015-01-11
MaintenanceDormantDormant
Setup difficultymoderateeasymoderate
Complexity4/52/51/5
Audiencedeveloperdevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · moderate Time to first run · 30min

Requires a WebGPU capable browser such as recent Chrome, Edge, or Firefox Nightly.

So what is it?

Aerie is a browser based 3D renderer that tries to recreate the look and feel of Bryce 2, an old rendering program from 1996, but built with modern web technology. You can import today's 3D file formats, glTF, FBX, OBJ, Collada, 3MF, 3DS, STL, and PLY, and render them with a soft, dreamy, ray traced style similar to that older software. The project runs entirely in your web browser using WebGPU, a newer browser technology for fast graphics and computation. It gives you two ways to view a scene: a quick, real time preview built on the popular Three.js library for editing, and a separate, slower path traced renderer written in WGSL (WebGPU's shader language) that produces the final, polished image with realistic reflections, refractions, soft shadows, and depth of field. Beyond importing your own models, Aerie can build procedural worlds from scratch. You can shape terrain, adjust the sky with a sun and moving clouds across a full day and night cycle, add reflective water, and control render settings like exposure and haze, all with live editing panels. There is also a scatter tool for populating landscapes with repeated objects like rocks or plants, and basic tools for editing meshes and combining shapes. The built in editor includes a scene list, an inspector panel, viewport picking, drag to move objects, undo and redo, and its own save file format. For animation, Aerie supports a keyframe timeline for camera moves, plus turntable and cutscene rendering that exports finished animations as WebM video files. To run it yourself, you need a browser that supports WebGPU, such as a recent Chrome, Edge, or Firefox Nightly, then use standard npm commands to install dependencies and start a local development server. This is a small, single contributor project with just one star, so it should be seen as an experimental, hobbyist tool rather than a mature production renderer.

Copy-paste prompts

Prompt 1
Explain how Aerie's WebGPU path tracer differs from its Three.js preview renderer.
Prompt 2
Show me how to import a glTF model into Aerie and apply a PBR material to it.
Prompt 3
Walk me through setting up a day and night sky cycle in Aerie's procedural world editor.
Prompt 4
Help me write a cutscene with keyframed camera moves and export it as WebM using Aerie.
Prompt 5
Explain what WGSL is and how Aerie's raytrace shader file works.

Frequently asked questions

What is aerie?

A browser tool that renders 3D scenes with an old school, dreamy ray traced look inspired by 1996 software Bryce 2.

What language is aerie written in?

Mainly JavaScript. The stack also includes JavaScript, TypeScript, WebGPU.

How hard is aerie to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is aerie for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.