• Stars
    star
    165
  • Rank 228,906 (Top 5 %)
  • Language
    JavaScript
  • License
    The Unlicense
  • Created almost 9 years ago
  • Updated almost 6 years ago

Reviews

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

Repository Details

Generates a per-vertex ambient occlusion array for arbitrary meshes.

geo-ambient-occlusion

Generates a per-vertex ambient occlusion array for arbitrary meshes.

Demo

Support notes

How does it work?

geo-ambient-occlusion renders multiple shadow maps for your mesh from random viewpoints. It averages the occlusion for each vertex across all the shadow maps to calculate an ambient occlusion value for each. This data is converted into a Float32Array of occlusion values and returned to you for immediate use as an attribute in your shader program.

geo-ambient-occlusion is built on top of the disgustingly good regl WebGL library.

Install

npm install geo-ambient-occlusion

Example

let dragon = require('stanford-dragon/2');
const geoao = require('geo-ambient-occlusion');

const aoSampler = geoao(dragon.positions, { cells: dragon.cells });

for (let i = 0; i < 256; i++) {
  aoSampler.sample();
}

const ao = aoSampler.report();

aoSampler.dispose();

API

const geoao = require('geo-ambient-occlusion')

Constructor

const aoSampler = geoao(positions[, opts])

positions is the vertex array for your mesh. It can be any of:

  • Flat array [1,2,3,4,5,6]
  • Array of arrays [[1,2,3], [4,5,6]]
  • Array of TypedArrays [new Float32Array([1,2,3]), new Float32Array([4,5,6])]
  • TypedArray new Float32Array([1,2,3,4,5,6])
  • ndarray ndarray(new Float32Array([1,2,3,4,5,6]))

opts is an object that can have the following properties:

  • resolution (int) is the resolution to build the depth buffer at. Defaults to 512.
  • bias (float) is the bias applied to the shadow map while building the ambient occlusion data. Defaults to 0.01.
  • cells is the index data for your mesh, if you're using a simplicial complex. Defaults to undefined.
  • normals are per-vertex normals, either in an array or array of arrays. If not supplied, they will be computed using the normals npm module.
  • regl is an optional regl context you can provide to reduced the overhead of multiple WebGL contexts. This context will need to have the OES_texture_float extension enabled, and depending on the size of your mesh, also the OES_element_index_uint extension.

Methods

aoSampler.sample()

Collects a single sample of ambient occlusion data. Run this several hundred times to reach a useful average.

const ao = aoSampler.report()

Returns the average ambient occlusion, per vertex, sampled so far. Format is a Float32Array.

aoSampler.dispose()

Disposes of all resources used for this sampling. Does not dispose of the internal regl context if it was provided by the user. Behavior of aoSampler after calling this function is undefined.

More Repositories

1

cryptico

An easy-to-use encryption system utilizing RSA and AES for javascript.
JavaScript
1,174
star
2

glsl-atmosphere

Renders sky colors with Rayleigh and Mie scattering.
GLSL
583
star
3

Astray

A WebGL maze game built with Three.js and Box2dWeb.
JavaScript
503
star
4

space-3d

Quickly generate procedural 3D space scenes in your browser with WebGL
JavaScript
500
star
5

candygraph

Fast by default, flexible 2D plotting library.
TypeScript
434
star
6

badlands

procedural badlands
JavaScript
417
star
7

speck

Browser-based WebGL molecule renderer with the goal of producing figures that are as attractive as they are practical.
JavaScript
397
star
8

vixel

A WebGL voxel path tracer
JavaScript
317
star
9

instanced-lines-demos

This is the source for the demos in my blog post Instanced Line Rendering.
JavaScript
226
star
10

keyzen

A touch typing trainer geared towards programmers and others that need to practice with all the symbols on the keyboard.
JavaScript
195
star
11

sdf-csg

Generate meshes from signed distance functions and constructive solid geometry operations.
JavaScript
178
star
12

dis-gui

An extensible, styleable, & React-based controller library inspired by the venerable dat-gui.
JavaScript
176
star
13

map-tile-lighting-demo

JavaScript
172
star
14

planet-3d

Procedural 3D planet texture and 2D planet sprite generator.
JavaScript
139
star
15

canvas-video-generator

Capture HTML5 canvas frames and render high quality video with FFMPEG.
JavaScript
137
star
16

space-2d

Fast procedural 2D space scene generation on the GPU.
JavaScript
133
star
17

procedural.js

JavaScript
106
star
18

space-scene-2d

Procedural generator for 2D space scenes.
JavaScript
96
star
19

caffeine

Path tracing demo
JavaScript
95
star
20

astray-2

A real-time WebGL path tracing maze game proof-of-concept
JavaScript
73
star
21

perlin.js

A javascript 1, 2, and 3-dimensional perlin noise generator.
JavaScript
72
star
22

vixel-editor

A javascript & webgl voxel path tracer.
JavaScript
52
star
23

python-ovrsdk

Cross-platform Python wrapper for the Oculus VR SDK C API
Python
49
star
24

three-vr-renderer

VR renderer for THREE.js utilizing the upcoming VR APIs in popular browsers.
JavaScript
43
star
25

rounded-box-figures

TypeScript
38
star
26

rounded-box

Generates a rounded box mesh centered on the origin with configurable dimensions, corner and edge radius, and resolution.
TypeScript
37
star
27

instanced-lines-2

TypeScript
35
star
28

isosurface-generator

A JS generator function that returns a list of vertices describing an isosuface given a density and level.
JavaScript
35
star
29

flameout

JavaScript
33
star
30

proceduro

A collection of procedural generation tools in a desktop application.
JavaScript
31
star
31

regl-atmosphere-envmap

Easily generate an environment map, or skybox, of Earth atmosphere given a 3D vector representing the direction of the sun.
JavaScript
30
star
32

cellophane

A dead simple web terminal that gets all of the boilerplate out of the way and lets you do 100% of your work on the server side and in python.
Python
28
star
33

regl-irradiance-envmap

Easily generate an irradiance environment map from an existing environment map.
JavaScript
27
star
34

nw-ovrsdk-helloworld

A bare-bones example of using node-webkit, THREE.js, and node-ovrsdk to make an Oculus Rift application.
JavaScript
26
star
35

brownie.js

A javascript library for creating and rendering (with THREE.js) voxel objects.
JavaScript
18
star
36

node-ovrsdk

Node FFI wrapper for the 0.3.2 Oculus VR SDK C API
JavaScript
18
star
37

spaceship-2d

Create 2D spaceship diffuse, normal, depth, and position sprites with ambient occlusion through directed evolution.
JavaScript
18
star
38

conway3d.js

Conway's Game of Life, in 3D, in Javascript.
JavaScript
16
star
39

toothless

HTML
16
star
40

trackball-controller

Captures mouse events on an element and translates them to trackball-like motion.
JavaScript
16
star
41

pyrift

Python wrapper for the Oculus Rift SDK
C++
12
star
42

geo-3d-transform-mat4

Transform geometry positions with a 4x4 transformation matrix.
JavaScript
12
star
43

geo-center

Centers vertices around a point.
JavaScript
11
star
44

stackgl-shader-experiment

Generates boilerplate for experimenting with a fragment shader.
JavaScript
10
star
45

webrift

An Oculus Rift websocket server
Python
10
star
46

regl-render-envmap

A simple tool for rendering environment maps with regl.
JavaScript
9
star
47

gl-skybox

Draws a skybox into a 3D scene.
JavaScript
9
star
48

webgpu-prng-example

A WebGPU example demonstrating pseudorandom number generation.
TypeScript
8
star
49

gl-render-cubemap

Renders a scene to a cubemap.
JavaScript
7
star
50

regl-webxr-example

Bare-bones example of using WebXR with regl.
JavaScript
6
star
51

gl-format-compiler-error

Formats a webgl glsl compiler error.
JavaScript
6
star
52

cmdy

A tool for managing your utility scripts. Supports subcommands.
Python
6
star
53

wwwtyro.github.io

HTML
5
star
54

webgl-perlin2d-example

JavaScript
4
star
55

gl-texture-cube

Wraps WebGL's cube texture object.
JavaScript
4
star
56

tumblebluff

JavaScript
3
star
57

AegisLuna

Game entry for pyweek September 2013
Python
3
star
58

latexyt

A clone of the popular Mac OS program latexit for GTK/linux.
Python
3
star
59

simple-pan

JavaScript
2
star
60

game-off-2022-public

My Game Off 2022 Entry, public repo with assets removed.
TypeScript
2
star
61

gl-cubemap-placeholder

Simple debug cubemap generator.
JavaScript
2
star
62

jjviz

JavaScript
2
star
63

geo-convert-position-format

Converts between a few common geometry position formats.
JavaScript
2
star
64

gevent-websocket

Python
2
star
65

kdb-viewer

A simple webgl xyz file renderer for the [KDB](http://theory.cm.utexas.edu/KDB/) project.
JavaScript
2
star
66

geo-identify-position-format

Identifies geometry position format as flat array, array of arrays, typed array, or 1D ndarray.
JavaScript
2
star
67

share

Things I want to share.
Python
1
star
68

tests

JavaScript
1
star
69

juju-status

Compact, no-wrap, colored Juju status.
Python
1
star
70

bins

1
star
71

retired

JavaScript
1
star
72

geogame

JavaScript
1
star
73

layer-freeciv-server

Charm layer for a freeciv server.
Python
1
star
74

k8s-snap-bot-test

Makefile
1
star
75

cdk-cli

A command line utility for performing various tasks related to the management of the Canonical Distribution of Kubernetes.
Python
1
star
76

media

1
star
77

toothless-pkg

Packaging utilities for Toothless
Makefile
1
star
78

widgiverse-editor-demo

Demo for the Widgiverse editor.
1
star