pjkarlik / ThreeTunnels

Various tunnel demos in WebGL with Three.js

Home Page:http://threetunnels.surge.sh/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

travis ci build

ThreeTunnels

version threejs webpack WebGL

ThreeJS Tunnels

I love Tunnel Demos of old school, using tricks and visual cues to give illusions of ever falling or flying. This is my experiments and demos of various tunnel tricks and techniques.

/src/Three.js is the import file that combines all required Three.js package files..

import * as THREE from 'three'; // build/three.js from node_module/three
window.THREE = THREE;
require('three/examples/js/controls/OrbitControls.js');
require('three/examples/js/shaders/FresnelShader');
// ...etc for other items like Render Passes and Shaders

Current Mapping --> index.js --> (render file) ShaderTunnelRender.js (or just about any other file in src)

Run the example

Requires Node v7.0.0 or greater

$ yarn install
$ yarn dev & open http://localhost:2020

About

Various tunnel demos in WebGL with Three.js

http://threetunnels.surge.sh/

License:MIT License


Languages

Language:JavaScript 98.8%Language:HTML 0.9%Language:CSS 0.2%