• Stars
    star
    459
  • Rank 92,308 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created about 5 years ago
  • Updated over 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

2D javascript renderer using web workers

Lumen 2D javascript renderer

How to use

  1. You need to enable this chrome flag to be able to use this project

    --enable-experimental-web-platform-features

    This is currently required because the project uses es6 modules inside webworkers

  2. Download the repo

  3. Inside the script ./libs/createScene.js you can code the scene you want to render

  4. Then simply open index.html with a local server


For an in-depth explanation on how to use Lumen-2D consult the wiki

Credits

I can't thank Benedikt Bitterli enough for his post The Secret Life of Photons, where he presented the derivation and usage of few BRDFs which I used in this project

Zhang Yuning / codeworm96 for his awesome renderer light2d-rs and his inspiring work with simulating Beer-Lambert absorption in dielectric materials

Nicholas Sherlock - webm-writer-js

Thom Chiovoloni - quick-noise.js

dandavis - download.js

More Repositories

1

Blurry

Simulating depth of field with particles on a shader
JavaScript
824
star
2

legendary-cursor

Makes your cursor's swings legendary
JavaScript
203
star
3

SS-refraction-through-depth-peeling-in-threejs

Screen space refraction through depth peeling in threejs
JavaScript
193
star
4

R3F-in-practice

A collection of simple R3F projects
JavaScript
183
star
5

Physarum-experiments

Experiments with the physarum transport model in three.js
JavaScript
101
star
6

Realtime-path-tracing-in-chrome

A (bad) attempt at implementing wavelet filtering and temporal reprojection in threejs
JavaScript
79
star
7

GLSL-path-tracer

Simple glsl-path tracer made in webGL2 + threejs
JavaScript
65
star
8

Domenicobrz.github.io

JavaScript
59
star
9

SSPT-in-threejs

JavaScript
44
star
10

Threejs-in-practice

JavaScript
35
star
11

Dual-Contouring-javascript-implementation

JavaScript
33
star
12

WebGL-dispersion-caustics

Faking dispersion caustics by accumulating photons in a texture
JavaScript
29
star
13

WebGL2-Screen-space-reflections

An implementation of the SSR algorithm in webgl2
JavaScript
26
star
14

threejs-glass-absorption

Faking glass absorption through depth peeling
JavaScript
19
star
15

SSR-TAA-in-threejs-

JavaScript
18
star
16

Simple-Raytracer

C++
18
star
17

R3F-takes-flight

Repo for the project of a youtube video
JavaScript
16
star
18

Variable-width-lines-algorithm

Quick webGL implementation of an algorithm to create variable width lines supporting miter and bevel join
JavaScript
14
star
19

R3F-IP-Meteor-Impact

JavaScript
12
star
20

WebGL-Soft-shadows-through-backprojection

An implementation of the Backprojection algorithm from Gaël Guennebaud research at Eurographics Symposium on Rendering
JavaScript
11
star
21

WebGL-simple-raytracer

A simple raytracer supporting lambertian materials
JavaScript
8
star
22

C2-Renderer

TypeScript
6
star
23

Line-Integral-Convolution

Implementation of Line integral convolution in javascript with WebGL
JavaScript
6
star
24

Circle-packing-simulation

Simple simulation of push-away interaction between circles helped by GLSL shaders
JavaScript
6
star
25

Flip-Clock-Countdown

A flip-clock good looking alternative for your countdown components
JavaScript
5
star
26

CarShow

JavaScript
3
star
27

WebGL-clock-widget

A light weight 3D clock widget made with raw webGL
JavaScript
3
star
28

GenToaster-recursive-squares

JavaScript
2
star
29

GenToaster-noise-line-rows

JavaScript
2
star
30

GenToaster-fragmented-cubes

JavaScript
2
star