declare THREE as a global so jsfiddle will shuddup

.eslintrc.json

@@ -13,9 +13,6 @@
     "eslint-plugin-require-trailing-comma"
   ],
   "extends": "eslint:recommended",
-  "globals": {
-        "THREE": true
-  },
   "rules": {
     "no-alert": 2,
     "no-array-constructor": 2,

threejs/background.html

@@ -34,6 +34,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/lessons/resources/moon-orbit.html

@@ -33,9 +33,10 @@ p {
 <script src="../../resources/threejs-utils.js"></script>
 <script src="canvas-wrapper.js"></script>
 <script>
-/* global wrapCanvasRenderingContext2D, threejsUtils */
 'use strict';
 
+/* global wrapCanvasRenderingContext2D, threejsUtils */
+
 function main() {
 
   const root = {

threejs/lessons/resources/threejs-cameras.js

@@ -1,6 +1,6 @@
 'use strict';
 
-/* global threejsLessonUtils */
+/* global THREE, threejsLessonUtils */
 
 {
   function addShape(color, geometry) {

threejs/lessons/resources/threejs-fog.js

@@ -1,6 +1,6 @@
 'use strict';
 
-/* global threejsLessonUtils */
+/* global THREE, threejsLessonUtils */
 
 {
   function fogExample(scene, fog) {

threejs/lessons/resources/threejs-lesson-utils.js

@@ -1,5 +1,7 @@
 'use strict';
 
+/* global THREE */
+
 window.threejsLessonUtils = {
   init() {
     if (this.renderer) {

threejs/lessons/resources/threejs-lights.js

@@ -1,6 +1,6 @@
 'use strict';
 
-/* global threejsLessonUtils */
+/* global THREE, threejsLessonUtils */
 
 {
   function makeCheckerTexture(repeats) {

threejs/lessons/resources/threejs-materials.js

@@ -1,6 +1,6 @@
 'use strict';
 
-/* global threejsLessonUtils */
+/* global THREE, threejsLessonUtils */
 
 {
   function makeSphere(widthDivisions, heightDivisions) {

threejs/lessons/resources/threejs-primitives.js

@@ -1,6 +1,6 @@
 'use strict';
 
-/* global threejsLessonUtils */
+/* global THREE, threejsLessonUtils */
 
 {
   const diagrams = {

threejs/lessons/resources/threejs-textures.js

@@ -1,6 +1,6 @@
 'use strict';
 
-/* global threejsLessonUtils */
+/* global THREE, threejsLessonUtils */
 
 {
   const loader = new THREE.TextureLoader();

threejs/lessons/threejs-fundamentals.md

@@ -42,6 +42,8 @@ and pass it to three.js.
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-cameras-logarithmic-depth-buffer.html

@@ -26,7 +26,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-cameras-orthographic-2-scenes.html

@@ -42,7 +42,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-cameras-orthographic-canvas-top-left-origin.html

@@ -38,6 +38,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-cameras-perspective-2-scenes.html

@@ -42,7 +42,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-cameras-perspective.html

@@ -26,7 +26,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-cameras-z-fighting.html

@@ -26,7 +26,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-fog-gui.html

@@ -24,7 +24,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-fog.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-fundamentals-3-cubes.html

@@ -13,6 +13,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-fundamentals-with-animation.html

@@ -13,6 +13,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-fundamentals-with-light.html

@@ -13,6 +13,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-fundamentals.html

@@ -13,6 +13,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-lights-ambient.html

@@ -26,7 +26,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-lights-directional-w-helper.html

@@ -26,7 +26,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-lights-directional.html

@@ -26,7 +26,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-lights-hemisphere.html

@@ -26,7 +26,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-lights-point-physically-correct.html

@@ -26,7 +26,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-lights-point.html

@@ -26,7 +26,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-lights-rectarea.html

@@ -27,7 +27,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-lights-spot-w-helper.html

@@ -26,7 +26,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-primitives-text.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-primitives.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-responsive-hd-dpi.html

@@ -24,6 +24,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-responsive-no-resize.html

@@ -24,6 +24,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-responsive-update-camera.html

@@ -24,6 +24,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-responsive.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-responsive.js

@@ -1,5 +1,7 @@
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-scenegraph-car.html

@@ -24,6 +24,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-scenegraph-sun-earth-moon-axes-grids.html

@@ -50,7 +50,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-scenegraph-sun-earth-moon-axes.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-scenegraph-sun-earth-moon.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-scenegraph-sun-earth-orbit-fixed.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-scenegraph-sun-earth-orbit.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-scenegraph-sun-earth.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-scenegraph-sun.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-textured-cube-6-textures.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-textured-cube-adjust.html

@@ -24,7 +24,7 @@
 <script>
 'use strict';
 
-/* global dat */
+/* global THREE, dat */
 
 function main() {
   const canvas = document.querySelector('#c');

threejs/threejs-textured-cube-wait-for-all-textures.html

@@ -48,6 +48,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-textured-cube-wait-for-texture.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});

threejs/threejs-textured-cube.html

@@ -23,6 +23,8 @@
 <script>
 'use strict';
 
+/* global THREE */
+
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas: canvas});