Moved over to typescript

.babelrc

@@ -2,23 +2,5 @@
 	"presets": [
 		"es2015",
 		"stage-0"
-	],
-	"plugins": [
-		["module-resolver", {
-			"root": ["./src"],
-			"alias": {
-				"controls": "./controls",
-				"core": "./core",
-				"extras": "./extras",
-				"geometry": "./geometry",
-				"helpers": "./helpers",
-				"lights": "./lights",
-				"loaders": "./loaders",
-				"materials": "./materials",
-				"math": "./math",
-				"shaders": "./shaders",
-				"utils": "./utils"
-			}
-		}]
 	]
 }

.gitignore

@@ -4,5 +4,6 @@ npm-debug.log
 .eslintcache
 *.js.map
 lib
-/examples/js/*.js
-/examples/*.html
+
+examples/js/*.js
+examples/*.html

examples/files.json

@@ -18,6 +18,7 @@
     "texture",
     "texturecube",
     "texturevideo",
+    "transformfeedback",
     "vive",
     "webglcontext"
   ]

examples/src/js/fullscreen/index.js

@@ -3,11 +3,12 @@ import {
 	Renderer,
 	Scene,
 	OrthographicCamera,
+	PerspectiveCamera,
 	Mesh,
 	Shader,
 	PlaneGeometry,
-} from 'index';
-import { guiController } from '../gui';
+} from '../../../../src/index';
+const { guiController } = require('../gui')();
 
 // Renderer
 const renderer = new Renderer({
@@ -21,10 +22,12 @@ document.body.appendChild(renderer.canvas);
 const scene = new Scene();
 
 // Camera
+// const camera = new PerspectiveCamera();
 const camera = new OrthographicCamera();
 camera.position.set(0, 0, 1);
+camera.lookAt();
 
-const geometry = new PlaneGeometry(1, 1);
+const geometry = new PlaneGeometry(2, 2);
 const material = new Shader({
 	name: 'Plane',
 	hookFragmentEnd: GL.webgl2 ?

examples/src/js/gui.js

@@ -4,17 +4,22 @@ import queryString from 'query-string';
 const gui = new dat.GUI();
 // dat.GUI.toggleHide();
 
-const options = ['webgl2', 'webgl'];
+module.exports = function (modes) {
+	const options = modes !== undefined ? modes : ['webgl2', 'webgl'];
 
-const queries = queryString.parse(location.search);
+	const queries = queryString.parse(location.search);
 
-export const guiController = {
-	context: queries.context || options[0],
-};
+	const guiController = {
+		context: queries.context || options[0],
+	};
 
-gui.add(guiController, 'context', options).onChange(val => {
-	const url = `${window.location.pathname}?context=${val}`;
-	window.location.href = url;
-});
+	gui.add(guiController, 'context', options).onChange(val => {
+		const url = `${window.location.pathname}?context=${val}`;
+		window.location.href = url;
+	});
 
-export default gui;
+	return {
+		gui,
+		guiController,
+	};
+}

examples/src/js/hdr/index.js

@@ -10,10 +10,8 @@ import {
 	OrbitControls,
 	AxisHelper,
 	Texture,
-} from 'index';
-import gui, {
-	guiController
-} from '../gui';
+} from '../../../../src/index';
+const { gui, guiController } = require('../gui')(['webgl2']);
 
 // Renderer
 const renderer = new Renderer({
@@ -35,17 +33,11 @@ camera.position.set(10, 5, 10);
 camera.lookAt();
 
 // Objects
-let colors = [];
-colors = colors.concat([1, 0, 0]);
-colors = colors.concat([0, 1, 0]);
-colors = colors.concat([0, 0, 1]);
-colors = colors.concat([1, 1, 0]);
-
 const texture0 = new Texture({
 	src: '/assets/textures/cube/pisa-hdr/nx.hdr',
 });
 
-const geometry = new PlaneGeometry(1, 1, colors);
+const geometry = new PlaneGeometry(1, 1);
 const material = new Shader({
 	name: 'Plane',
 	hookFragmentPre: `

examples/src/js/hdrcube/index.js

@@ -3,20 +3,14 @@ import {
 	Renderer,
 	Scene,
 	PerspectiveCamera,
-	// AxisHelper,
-	// GridHelper,
 	OrbitControls,
 	SphereGeometry,
 	Shader,
 	Mesh,
 	TextureCube,
 	ShaderChunks,
-	// BoxGeometry,
-	BoxGeometry,
-} from 'index';
-import gui, {
-	guiController
-} from '../gui';
+} from '../../../../src/index';
+const { gui, guiController } = require('../gui')(['webgl2']);
 
 // Renderer
 const renderer = new Renderer({
@@ -39,10 +33,6 @@ camera.lookAt();
 
 // Helpers
 const controls = new OrbitControls(camera, renderer.canvas);
-// const grid = new GridHelper(10);
-// scene.add(grid);
-// const axis = new AxisHelper(1);
-// scene.add(axis);
 controls.update();
 
 const environmentMap = new TextureCube({

examples/src/js/instancing/index.js

@@ -6,21 +6,17 @@ import {
 	Mesh,
 	Shader,
 	BoxGeometry,
-	GridHelper,
 	OrbitControls,
-	AxisHelper,
 	Color,
 	DirectionalLight,
 	ShaderChunks,
 	Lights,
-} from 'index';
+} from '../../../../src/index';
 import {
 	Sierpinski,
 	jerusalem,
 } from '../fractal';
-import gui, {
-	guiController
-} from '../gui';
+const { gui, guiController } = require('../gui')();
 
 // Renderer
 const renderer = new Renderer({
@@ -39,19 +35,12 @@ const camera = new PerspectiveCamera({
 	far: 500,
 });
 
-const s = 2;
-camera.position.set(20 * s, 5 * s, 20 * s);
+camera.position.set(0, 0, 50);
 camera.lookAt();
 
 // Helpers
 const controls = new OrbitControls(camera, renderer.canvas);
 
-// const grid = new GridHelper(10);
-// scene.add(grid);
-
-// const axis = new AxisHelper(1);
-// scene.add(axis);
-
 controls.update();
 
 // Content
@@ -154,12 +143,6 @@ scene.add(mesh);
 
 gui.add(mesh.shader.uniforms.uFogDensity, 'value', 0, 0.1);
 
-const grid = new GridHelper(10);
-scene.add(grid);
-
-const axis = new AxisHelper(1);
-scene.add(axis);
-
 function resize() {
 	const width = window.innerWidth;
 	const height = window.innerHeight;

examples/src/js/memory/index.js

@@ -8,10 +8,8 @@ import {
 	BoxGeometry,
 	OrbitControls,
 	Texture,
-} from 'index';
-import {
-	guiController
-} from '../gui';
+} from '../../../../src/index';
+const { guiController } = require('../gui')();
 
 // Renderer
 const renderer = new Renderer({

examples/src/js/obj/index.js

@@ -10,10 +10,8 @@ import {
 	Lights,
 	Color,
 	PointLight,
-} from 'index';
-import {
-	guiController
-} from '../gui';
+} from '../../../../src/index';
+const { guiController } = require('../gui')();
 
 // Renderer
 const renderer = new Renderer({

examples/src/js/pbr/index.js

@@ -17,10 +17,8 @@ import {
 	// BoxGeometry,
 	Lights,
 	DirectionalLight,
-} from 'index';
-import gui, {
-	guiController
-} from '../gui';
+} from '../../../../src/index';
+const { gui, guiController } = require('../gui')(['webgl2']);
 import { hookFragmentPre, hookFragmentMain } from './shader.glsl';
 
 // Renderer

examples/src/js/pbr/shader.glsl.js

@@ -1,4 +1,4 @@
-import { ShaderChunks } from 'index';
+import { ShaderChunks } from '../../../../src/index';
 
 export const hookFragmentPre = `
 	in vec3 vReflect;

examples/src/js/pointlights/index.js

@@ -11,10 +11,8 @@ import {
 	PointLight,
 	Color,
 	Lights,
-} from 'index';
-import {
-	guiController
-} from '../gui';
+} from '../../../../src/index';
+const { guiController } = require('../gui')();
 
 // Renderer
 const renderer = new Renderer({

examples/src/js/points/index.js

@@ -11,10 +11,8 @@ import {
 	Mesh,
 	Shader,
 	Constants,
-} from 'index';
-import {
-	guiController
-} from '../gui';
+} from '../../../../src/index';
+const { guiController } = require('../gui')();
 
 // Renderer
 const renderer = new Renderer({
@@ -46,9 +44,9 @@ const axis = new AxisHelper(1);
 scene.add(axis);
 
 // Objects
-const TOTAL_POINTS = 1000;
+const TOTAL_POINTS = 200;
 const bufferVertices = new Float32Array(TOTAL_POINTS * 3);
-const range = 10;
+const range = 3;
 
 let i3 = 0;
 for (let i = 0; i < TOTAL_POINTS; i += 1) {
@@ -61,20 +59,27 @@ for (let i = 0; i < TOTAL_POINTS; i += 1) {
 const geometry = new Geometry(bufferVertices);
 
 const hookVertexEndEs300 = `
-	vec4 mvPosition = uProjectionView.viewMatrix * uModelMatrix * vec4(aVertexPosition + transformed, 1.0);
+	vec4 mvPosition = uProjectionView.projectionMatrix * uProjectionView.viewMatrix * uModelMatrix * vec4(aVertexPosition + transformed, 1.0);
 	gl_PointSize = uSize * (100.0 / length(mvPosition.xyz));
+
 `;
 
 const hookVertexEndEs100 = `
-	vec4 mvPosition = uViewMatrix * uModelMatrix * vec4(aVertexPosition + transformed, 1.0);
+	vec4 mvPosition = uProjectionMatrix * uViewMatrix * uModelMatrix * vec4(aVertexPosition + transformed, 1.0);
 	gl_PointSize = uSize * (100.0 / length(mvPosition.xyz));
 `;
 
 const hookFragmentEndEs300 = `
+	if(length(gl_PointCoord - 0.5) > 0.5) {
+		discard;
+	}
 	outputColor = vec4(1.0);
 `;
 
 const hookFragmentEndEs100 = `
+	if(length(gl_PointCoord - 0.5) > 0.5) {
+		discard;
+	}
 	gl_FragColor = vec4(1.0);
 `;
 

examples/src/js/raycast/index.js

@@ -15,13 +15,11 @@ import {
 	SphereGeometry,
 	BoxGeometry,
 	Lights,
-} from 'index';
+} from '../../../../src/index';
 import {
 	vec2,
 } from 'gl-matrix';
-import {
-	guiController,
-} from '../gui';
+const { guiController } = require('../gui')();
 
 // Renderer
 const renderer = new Renderer({

examples/src/js/rendertarget/index.js

@@ -12,10 +12,8 @@ import {
 	PlaneGeometry,
 	OrthographicCamera,
 	ShaderChunks,
-} from 'index';
-import {
-	guiController
-} from '../gui';
+} from '../../../../src/index';
+const { guiController } = require('../gui')();
 
 // Renderer
 const renderer = new Renderer({
@@ -103,7 +101,7 @@ const material = new Shader({
 	`,
 });
 
-const plane = new Mesh(new PlaneGeometry(1, 1), material);
+const plane = new Mesh(new PlaneGeometry(2, 2), material);
 scene2.add(plane);
 
 function resize() {