stemcstudio · November 5, 2020 04:13
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>

 <head>
 </head>

 <body>
    <canvas id='canvas3D'></canvas>
 </body>

 </html>
diff --git a/index.ts b/index.ts
 import { Geometric3 as G3, Color } from 'eight'
 import { Engine, Capability, Scene } from 'eight'
 import { Facet, PerspectiveCamera, DirectionalLight } from 'eight'
 import { TrackballControls } from 'eight'
 import { Box } from 'eight'

 const e2 = G3.e2(true)
 const e3 = G3.e3(true)

 const engine = new Engine('canvas3D')
    .size(500, 500)
    .clearColor(0.1, 0.1, 0.1, 1.0)
    .enable(Capability.DEPTH_TEST)

 const scene = new Scene(engine)

 const ambients: Facet[] = []

 const camera = new PerspectiveCamera()
 camera.eye = e2 + 3 * e3
 ambients.push(camera)

 const dirLight = new DirectionalLight()
 ambients.push(dirLight)

 const trackball = new TrackballControls(camera)
 trackball.subscribe(engine.canvas)

 const box = new Box(engine, { color: Color.blue })
 scene.add(box)

 const animate = function(timestamp: number) {

    engine.clear()

    trackball.update()

    dirLight.direction.copyVector(camera.look).subVector(camera.eye)

    box.attitude.rotorFromAxisAngle(e2, timestamp * 0.001)

    scene.render(ambients)

    requestAnimationFrame(animate)
 }

 requestAnimationFrame(animate)
diff --git a/package.json b/package.json
 {
  "description": "Loading External Modules",
  "dependencies": {},
  "linting": true,
  "name": "loading-external-modules",
  "version": "1.0.0",
  "author": "David Geo Holmes",
  "keywords": [
    "loading",
    "unpkg",
    "external"
  ],
  "operatorOverloading": true
 }
diff --git a/style.css b/style.css
 body {
    background-color: white;
    font-family: Roboto, Arial, sans-serif;
    color: #333333;
 }

 h1 {
    font-family: Arial, sans-serif;
    color: #333333;
 }

 h2 {
    font-family: Arial, sans-serif;
    color: #333333;
 }

 h3 {
    font-family: Arial, sans-serif;
    color: #333333;
 }

 h4 {
    font-family: Arial, sans-serif;
    color: #333333;
 }

 h5 {
    font-family: Arial, sans-serif;
    color: #333333;
 }

 #errors {
    background: #ff99bb;
    color: #333333;
    display: 'none';
    margin: -20px -20px 20px;
    padding: 20px;
    white-space: 'pre-wrap';
 }

 #warnings {
    background: #ffffb3;
    color: #333333;
    display: 'none';
    margin: -20px -20px 20px;
    padding: 20px;
    white-space: 'pre-wrap';
 }

 #infos {
    background: #99ff99;
    color: #333333;
    display: 'none';
    margin: -20px -20px 20px;
    padding: 20px;
    white-space: 'pre-wrap';
 }
diff --git a/system.config.json b/system.config.json
 {
    "paths": {
        "cdn:": "https://unpkg.com/"  
    },
    "map": {
      "eight": "cdn:[email protected]/build/browser/index.js"
    },
    "packages": {
        "eight": {
            "defaultExtension": "js"
        }
    }
 }
diff --git a/tsconfig.json b/tsconfig.json
 {
    "allowJs": false,
    "declaration": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "jsx": "react",
    "module": "system",
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "preserveConstEnums": true,
    "removeComments": false,
    "sourceMap": true,
    "strictNullChecks": true,
    "suppressImplicitAnyIndexErrors": true,
    "target": "es5",
    "traceResolution": true
 }
diff --git a/tslint.json b/tslint.json
 {
    "rules": {
        "array-type": [
            true,
            "array"
        ],
        "curly": false,
        "comment-format": [
            true,
            "check-space"
        ],
        "eofline": true,
        "forin": true,
        "jsdoc-format": true,
        "new-parens": true,
        "no-conditional-assignment": false,
        "no-consecutive-blank-lines": true,
        "no-construct": true,
        "no-for-in-array": true,
        "no-inferrable-types": [
            true
        ],
        "no-magic-numbers": false,
        "no-shadowed-variable": true,
        "no-string-throw": true,
        "no-trailing-whitespace": [
            true,
            "ignore-jsdoc"
        ],
        "no-var-keyword": true,
        "one-variable-per-declaration": [
            true,
            "ignore-for-loop"
        ],
        "prefer-const": true,
        "prefer-for-of": true,
        "prefer-function-over-method": false,
        "prefer-method-signature": true,
        "radix": true,
        "semicolon": [
            true,
            "never"
        ],
        "trailing-comma": [
            true,
            {
                "multiline": "never",
                "singleline": "never"
            }
        ],
        "triple-equals": true,
        "use-isnan": true
    }
 }
diff --git a/types.config.json b/types.config.json
 {
    "map": {
        "eight": "https://unpkg.com/[email protected]/build/browser/index.d.ts"
    }
 }
	<!DOCTYPE html>
	<html>

	<head>
	</head>

	<body>
	<canvas id='canvas3D'></canvas>
	</body>

	</html>
	import { Geometric3 as G3, Color } from 'eight'
	import { Engine, Capability, Scene } from 'eight'
	import { Facet, PerspectiveCamera, DirectionalLight } from 'eight'
	import { TrackballControls } from 'eight'
	import { Box } from 'eight'

	const e2 = G3.e2(true)
	const e3 = G3.e3(true)

	const engine = new Engine('canvas3D')
	.size(500, 500)
	.clearColor(0.1, 0.1, 0.1, 1.0)
	.enable(Capability.DEPTH_TEST)

	const scene = new Scene(engine)

	const ambients: Facet[] = []

	const camera = new PerspectiveCamera()
	camera.eye = e2 + 3 * e3
	ambients.push(camera)

	const dirLight = new DirectionalLight()
	ambients.push(dirLight)

	const trackball = new TrackballControls(camera)
	trackball.subscribe(engine.canvas)

	const box = new Box(engine, { color: Color.blue })
	scene.add(box)

	const animate = function(timestamp: number) {

	engine.clear()

	trackball.update()

	dirLight.direction.copyVector(camera.look).subVector(camera.eye)

	box.attitude.rotorFromAxisAngle(e2, timestamp * 0.001)

	scene.render(ambients)

	requestAnimationFrame(animate)
	}

	requestAnimationFrame(animate)
	{
	"description": "Loading External Modules",
	"dependencies": {},
	"linting": true,
	"name": "loading-external-modules",
	"version": "1.0.0",
	"author": "David Geo Holmes",
	"keywords": [
	"loading",
	"unpkg",
	"external"
	],
	"operatorOverloading": true
	}
	body {
	background-color: white;
	font-family: Roboto, Arial, sans-serif;
	color: #333333;
	}

	h1 {
	font-family: Arial, sans-serif;
	color: #333333;
	}

	h2 {
	font-family: Arial, sans-serif;
	color: #333333;
	}

	h3 {
	font-family: Arial, sans-serif;
	color: #333333;
	}

	h4 {
	font-family: Arial, sans-serif;
	color: #333333;
	}

	h5 {
	font-family: Arial, sans-serif;
	color: #333333;
	}

	#errors {
	background: #ff99bb;
	color: #333333;
	display: 'none';
	margin: -20px -20px 20px;
	padding: 20px;
	white-space: 'pre-wrap';
	}

	#warnings {
	background: #ffffb3;
	color: #333333;
	display: 'none';
	margin: -20px -20px 20px;
	padding: 20px;
	white-space: 'pre-wrap';
	}

	#infos {
	background: #99ff99;
	color: #333333;
	display: 'none';
	margin: -20px -20px 20px;
	padding: 20px;
	white-space: 'pre-wrap';
	}
	{
	"paths": {
	"cdn:": "https://unpkg.com/"
	},
	"map": {
	"eight": "cdn:[email protected]/build/browser/index.js"
	},
	"packages": {
	"eight": {
	"defaultExtension": "js"
	}
	}
	}
	{
	"allowJs": false,
	"declaration": true,
	"emitDecoratorMetadata": true,
	"experimentalDecorators": true,
	"jsx": "react",
	"module": "system",
	"noImplicitAny": true,
	"noImplicitReturns": true,
	"noImplicitThis": true,
	"noUnusedLocals": true,
	"noUnusedParameters": true,
	"preserveConstEnums": true,
	"removeComments": false,
	"sourceMap": true,
	"strictNullChecks": true,
	"suppressImplicitAnyIndexErrors": true,
	"target": "es5",
	"traceResolution": true
	}
	{
	"rules": {
	"array-type": [
	true,
	"array"
	],
	"curly": false,
	"comment-format": [
	true,
	"check-space"
	],
	"eofline": true,
	"forin": true,
	"jsdoc-format": true,
	"new-parens": true,
	"no-conditional-assignment": false,
	"no-consecutive-blank-lines": true,
	"no-construct": true,
	"no-for-in-array": true,
	"no-inferrable-types": [
	true
	],
	"no-magic-numbers": false,
	"no-shadowed-variable": true,
	"no-string-throw": true,
	"no-trailing-whitespace": [
	true,
	"ignore-jsdoc"
	],
	"no-var-keyword": true,
	"one-variable-per-declaration": [
	true,
	"ignore-for-loop"
	],
	"prefer-const": true,
	"prefer-for-of": true,
	"prefer-function-over-method": false,
	"prefer-method-signature": true,
	"radix": true,
	"semicolon": [
	true,
	"never"
	],
	"trailing-comma": [
	true,
	{
	"multiline": "never",
	"singleline": "never"
	}
	],
	"triple-equals": true,
	"use-isnan": true
	}
	}
	{
	"map": {
	"eight": "https://unpkg.com/[email protected]/build/browser/index.d.ts"
	}
	}