pjkarlik/threeexperiments

Three.js - My Experiments, and tests, and other interactive webgl and javascript stuff - based on my boilerplate code.

ThreeJS Experiments

My current THREE.js experiments and demos set up with a base sky light box and reflection/refraction maps. Currently getting some warnings but still renders.. texture issues..

Each subfolder/index.js file is a mutation or experiment that can be pointed to from the parent src/index.js

/src/Three.js is the import file that combines all required Three.js package files into a window global.

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) SimplexRender\index.js

TODO:// Cleaning up default code, next to do some model loading and management.

• Webcam
• Bloommirror
• Bloomdrift
• TunnelLogicRender
• AbstractPortalRender
• LiquidLandscape
• SkullRender
• Build History

Run the example

Requires Node v8.9.2 or greater

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