example lint

Author: gkjohnson

example/SkinWeightsShaderMixin.js

@@ -1,19 +1,20 @@
 import { Color, UniformsUtils } from 'three';
 
-function cloneShader(shader, uniforms, defines) {
+function cloneShader( shader, uniforms, defines ) {
 
-	const newShader = Object.assign({}, shader);
-	newShader.uniforms = UniformsUtils.merge([
+	const newShader = Object.assign( {}, shader );
+	newShader.uniforms = UniformsUtils.merge( [
 		newShader.uniforms,
 		uniforms
-	]);
-	newShader.defines = Object.assign({}, defines);
+	] );
+	newShader.defines = Object.assign( {}, defines );
 
 	return newShader;
 
 }
 
-export function SkinWeightMixin(shader) {
+export function SkinWeightMixin( shader ) {
+
 	const defineKeyword = 'ENABLE_SKIN_WEIGHTS';
 	const newShader = cloneShader(
 		shader,
@@ -23,7 +24,7 @@ export function SkinWeightMixin(shader) {
 			skinWeightIndex: { value: - 1 }
 		},
 		{
-			[defineKeyword]: 1,
+			[ defineKeyword ]: 1,
 		},
 	);
 
@@ -43,20 +44,21 @@ export function SkinWeightMixin(shader) {
 			#endif
 		}
 		`
-	)
+	);
 
 	newShader.fragmentShader = `
 			uniform vec3 skinWeightColor;
 			varying float skinWeightColorRatio;
 			${newShader.fragmentShader}
 		`.replace(
-			/vec4 diffuseColor = vec4\( diffuse, opacity \);/,
-			v => `${v}
+		/vec4 diffuseColor = vec4\( diffuse, opacity \);/,
+		v => `${v}
 			#ifdef ENABLE_SKIN_WEIGHTS
 				diffuseColor = vec4( skinWeightColor, smoothstep( 0.1, 0.3, skinWeightColorRatio ) * opacity );
 			#endif
 			`,
-		);
+	);
 
 	return newShader;
+
 }

example/index.js

@@ -26,8 +26,8 @@ import { TransformControls } from 'three/examples/jsm/controls/TransformControls
 import { SkinWeightMixin } from './SkinWeightsShaderMixin.js';
 
 // globals
-var stats;
-var params = {
+let stats;
+const params = {
 
 	showSkeleton: false,
 	skin: 0,
@@ -52,17 +52,17 @@ const MODELS = {
 
 };
 
-var camera, scene, renderer, controls;
-var directionalLight, ambientLight, ground;
-var skeletonHelper, model, skeleton, gui;
-var transformControls;
-var mouse = new Vector2();
-var mouseDown = new Vector2();
-var unselectableBones = [];
-var movingControls = false;
-
-var SkinWeightShader = SkinWeightMixin( ShaderLib.phong );
-var skinWeightsMaterial = new ShaderMaterial( SkinWeightShader );
+let camera, scene, renderer, controls;
+let directionalLight, ambientLight, ground;
+let skeletonHelper, model, skeleton, gui;
+let transformControls;
+const mouse = new Vector2();
+const mouseDown = new Vector2();
+const unselectableBones = [];
+let movingControls = false;
+
+const SkinWeightShader = SkinWeightMixin( ShaderLib.phong );
+const skinWeightsMaterial = new ShaderMaterial( SkinWeightShader );
 skinWeightsMaterial.lights = true;
 skinWeightsMaterial.skinning = true;
 skinWeightsMaterial.transparent = true;
@@ -139,7 +139,7 @@ const raycastBones = ( function () {
 						.map( ( [ key, value ] ) => ( { weight: value, index: key } ) )
 						.sort( ( a, b ) => b.weight - a.weight );
 
-				let boneIndex = sorted[ 0 ].index;
+				const boneIndex = sorted[ 0 ].index;
 				let bone = skeleton.bones[ boneIndex ];
 				const parentIndex = skeleton.bones.findIndex( b => b === bone.parent );
 
@@ -404,7 +404,7 @@ function init() {
 	directionalLight.castShadow = true;
 	directionalLight.shadow.mapSize.setScalar( 1024 );
 
-	var dlShadowCam = directionalLight.shadow.camera;
+	const dlShadowCam = directionalLight.shadow.camera;
 	dlShadowCam.left = dlShadowCam.bottom = - 100;
 	dlShadowCam.top = dlShadowCam.right = 100;
 	scene.add( directionalLight );
@@ -452,15 +452,15 @@ function init() {
 
 		switch ( e.key ) {
 
-			case 'w':
-				transformControls.mode = 'translate';
-				break;
-			case 'e':
-				transformControls.mode = 'rotate';
-				break;
-			case 'r':
-				transformControls.mode = 'scale';
-				break;
+		case 'w':
+			transformControls.mode = 'translate';
+			break;
+		case 'e':
+			transformControls.mode = 'rotate';
+			break;
+		case 'r':
+			transformControls.mode = 'scale';
+			break;
 
 		}
 
@@ -506,8 +506,8 @@ function rebuildGui() {
 
 function onWindowResize() {
 
-	var width = window.innerWidth;
-	var height = window.innerHeight;
+	const width = window.innerWidth;
+	const height = window.innerHeight;
 
 	camera.aspect = width / height;
 	camera.updateProjectionMatrix();

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "start": "cd example && parcel serve ./*.html --dist-dir ../dist/ --no-cache --no-hmr",
     "build": "parcel build --no-content-hash ./example/index.html --public-url ./ --no-cache",
-    "lint": "eslint ./src/**.js"
+    "lint": "eslint ./{src,example}/**.js"
   },
   "repository": {
     "type": "git",