Home

Alien.js is a MVC design pattern for building single-page applications with ES modules and three.js, intended for developers who are interested in creating their own shaders.

The post-processing workflow takes a more linear approach, so instead of abstracting with an effect composer, you work directly with the render targets, making it easier to build custom effects.

Note this design pattern intentionally does not use underscores or private fields, in favour of cleaner code.

Roadmap

Pending Safari support

• Static class fields (remove Babel, no more transpiling needed!)
• WebGL 2
• Import maps
• WebGPU

r19

• Examples
• UIL

r20

• Implement pointer events
• Implement binary WebSockets
• Improved reflections
• CubeCamera example
• Baked occlusion example
• Subsurface scattering example
• Fresnel example
• Page transition example

v1.0

• Improved reflections
• Volumetric lighting example
• Lens flare example
• Revert to library
• Semantic versioning

v1.1

• Readd transmission material
• HDR bloom example
• SMAA

v1.2

• Improved reflections
• Improved soft shadows
• Kawase blur material
• 3DLUT material
• Terrain examples
• Texture projection example
• Transitioning between scenes example
• Simplified InputManager example
• Enter portals example

v1.3

• Global illumination
• TRAA
• Improved motion blur
• Per-object motion blur material
• GPU picking

v1.4

• OGL version
• Documentation

v1.5

• WebXR examples

Changelog

• Releases