wwwtyro/map-tile-lighting-demo

Stars
172
Rank 221,201 (Top 5 %)
Language
JavaScript
Created over 5 years ago
Updated almost 2 years ago

wwwtyro/map-tile-lighting-demo

wwwtyro

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

Purpose

This is the source for the demos on my blog post Advanced Map Shading.

Installation

Clone

with https:

git clone https://github.com/wwwtyro/map-tile-lighting-demo.git

or with ssh:

git clone [email protected]:wwwtyro/map-tile-lighting-demo.git

then move to the cloned repo: cd map-tile-lighting-demo

Install dependencies

npm install

Configure your mapbox.key

Go to mapbox.com, create an account to get your API key.
Create a file named mapbox.key and put inside it your API key: echo "pk.XXXYYYZZZ" > mapbox.key

Run it!

Demos scripts can be launched with npm run script. See scripts section in package.json file.

npm run load-image

npm run elevation

npm run normals

npm run direct

npm run soft-shadows

npm run ambient-occlusion

npm run combined-lighting

npm run satellite

npm run tiled

Enjoy!

npm run load-image

> [email protected] load-image /var/www/html
> budo load-image-demo.js --live -- -t brfs

[0000] info  Server running at http://192.168.48.2:9966/ (connect)
[0000] info  LiveReload running
[0001] 360ms      153KB (browserify)
[0003] 4ms           0B GET    200 / (generated)
[0003] 0ms           0B GET    200 /load-image-demo.js (generated)

Open up your browser at the given @IP eg http://192.168.48.2:9966 and enjoy the demo!

cryptico

An easy-to-use encryption system utilizing RSA and AES for javascript.

glsl-atmosphere

Renders sky colors with Rayleigh and Mie scattering.

Astray

A WebGL maze game built with Three.js and Box2dWeb.

space-3d

Quickly generate procedural 3D space scenes in your browser with WebGL

candygraph

Fast by default, flexible 2D plotting library.

badlands

procedural badlands

speck

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

vixel

A WebGL voxel path tracer

instanced-lines-demos

This is the source for the demos in my blog post Instanced Line Rendering.

keyzen

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

sdf-csg

Generate meshes from signed distance functions and constructive solid geometry operations.

dis-gui

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

geo-ambient-occlusion

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

planet-3d

Procedural 3D planet texture and 2D planet sprite generator.

canvas-video-generator

Capture HTML5 canvas frames and render high quality video with FFMPEG.

space-2d

Fast procedural 2D space scene generation on the GPU.

procedural.js

space-scene-2d

Procedural generator for 2D space scenes.

caffeine

Path tracing demo

astray-2

A real-time WebGL path tracing maze game proof-of-concept

perlin.js

A javascript 1, 2, and 3-dimensional perlin noise generator.

vixel-editor

A javascript & webgl voxel path tracer.

python-ovrsdk

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

three-vr-renderer

VR renderer for THREE.js utilizing the upcoming VR APIs in popular browsers.

rounded-box-figures

rounded-box

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

instanced-lines-2

isosurface-generator

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

flameout

proceduro

A collection of procedural generation tools in a desktop application.

regl-atmosphere-envmap

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

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.

regl-irradiance-envmap

Easily generate an irradiance environment map from an existing environment map.

nw-ovrsdk-helloworld

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

brownie.js

A javascript library for creating and rendering (with THREE.js) voxel objects.

node-ovrsdk

Node FFI wrapper for the 0.3.2 Oculus VR SDK C API

spaceship-2d

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

conway3d.js

Conway's Game of Life, in 3D, in Javascript.

toothless

trackball-controller

Captures mouse events on an element and translates them to trackball-like motion.

pyrift

Python wrapper for the Oculus Rift SDK

geo-3d-transform-mat4

Transform geometry positions with a 4x4 transformation matrix.

geo-center

Centers vertices around a point.

stackgl-shader-experiment

Generates boilerplate for experimenting with a fragment shader.

webrift

An Oculus Rift websocket server

regl-render-envmap

A simple tool for rendering environment maps with regl.

gl-skybox

Draws a skybox into a 3D scene.

webgpu-prng-example

A WebGPU example demonstrating pseudorandom number generation.

gl-render-cubemap

Renders a scene to a cubemap.

regl-webxr-example

Bare-bones example of using WebXR with regl.

gl-format-compiler-error

Formats a webgl glsl compiler error.

cmdy

A tool for managing your utility scripts. Supports subcommands.

wwwtyro.github.io

webgl-perlin2d-example

gl-texture-cube

Wraps WebGL's cube texture object.

tumblebluff

AegisLuna

Game entry for pyweek September 2013

latexyt

A clone of the popular Mac OS program latexit for GTK/linux.

simple-pan

game-off-2022-public

My Game Off 2022 Entry, public repo with assets removed.

gl-cubemap-placeholder

Simple debug cubemap generator.

jjviz

geo-convert-position-format

Converts between a few common geometry position formats.

gevent-websocket

kdb-viewer

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

geo-identify-position-format

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

share

Things I want to share.

tests

juju-status

Compact, no-wrap, colored Juju status.

bins

retired

geogame

layer-freeciv-server

Charm layer for a freeciv server.

k8s-snap-bot-test

cdk-cli

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

media

toothless-pkg

Packaging utilities for Toothless

widgiverse-editor-demo

Demo for the Widgiverse editor.