Troika Physics

package.json

@@ -8,11 +8,15 @@
     "node": "=8.16.0",
     "npm": "=6.4.1"
   },
+  "standard": {
+    "parser": "babel-eslint"
+  },
   "devDependencies": {
     "@ampproject/rollup-plugin-closure-compiler": "^0.10.0",
     "@babel/core": "^7.6.2",
     "@babel/preset-env": "^7.6.2",
     "@babel/preset-react": "^7.0.0",
+    "babel-eslint": "^10.0.3",
     "babel-jest": "^24.9.0",
     "buble": "0.19.4",
     "jest": "^24.9.0",
@@ -30,7 +34,7 @@
     "rollup-plugin-serve": "^1.0.1",
     "rollup-plugin-string": "^3.0.0",
     "rollup-watch": "^4.3.1",
-    "standard": "^13.1.0"
+    "standard": "^14.3.1"
   },
   "scripts": {
     "postinstall": "npm run bootstrap",
@@ -39,12 +43,13 @@
     "build-opentype": "npm run bootstrap && lerna exec --scope=troika-3d-text -- npm run build-opentype",
     "build-typr": "lerna exec --scope=troika-3d-text -- npm run build-typr",
     "build-yoga": "npm run bootstrap && lerna exec --scope=troika-3d-ui -- npm run build-yoga",
+    "build-physics-ammo": "npm run bootstrap && lerna exec --scope=troika-physics -- npm run build-ammo",
     "test": "jest",
     "build-examples": "lerna exec --scope=troika-examples -- npm run build",
     "serve-examples": "lerna exec --scope=troika-examples -- npm run serve",
     "examples": "npm run serve-examples",
     "serve-docs": "cd website && npm start",
     "clean": "lerna exec -- rm -rf dist",
-    "lint": "lerna exec -- standard src/**/*.js src/**/*.jsx"
+    "lint": "lerna exec --no-bail -- standard src/**/*.js src/**/*.jsx --parser babel-eslint"
   }
 }

packages/troika-3d/src/facade/Scene3DFacade.js

@@ -68,6 +68,20 @@ class Scene3DFacade extends Object3DFacade {
     this.threeObject.fog = fogObj
   }
 
+  /**
+   * Sets the ThreeJS Scene's `background` property.
+   * 
+   * Parameters supported:
+   * - Color
+   * - Texture
+   * - CubeTexture
+   *
+   * @memberof Scene3DFacade
+   */
+  set background(backgroundDef) {
+    this.threeObject.background = backgroundDef
+  }
+
   getBoundingSphere() {
     return INFINITE_SPHERE
   }

packages/troika-3d/src/facade/World3DFacade.js

@@ -87,6 +87,7 @@ class World3DFacade extends WorldBaseFacade {
       facade: Scene3DFacade,
       lights: this.lights,
       objects: this.objects,
+      background: this.background,
       fog: this.fog,
       onClick: this.onBackgroundClick ? this._onBgClick : null
     }

packages/troika-3d/src/react/Canvas3D.jsx

@@ -28,6 +28,7 @@ class Canvas3D extends ReactCanvasBase {
             antialias: props.antialias,
             rendererClass: props.rendererClass,
             backgroundColor: props.backgroundColor,
+            background: props.background,
             shadows: props.shadows,
             camera: props.camera,
             lights: props.lights,

packages/troika-core/src/facade/WorldBaseFacade.js

@@ -484,6 +484,9 @@ WorldBaseFacade.prototype._notifyWorldHandlers = {
   removeAllEventListeners(source) {
     this.eventRegistry.removeAllListenersForFacade(source)
   },
+  dispatchEvent(source, data) {
+    this.eventRegistry.forEachFacadeListenerOfType(data.targetFacade, data.type, data.handler, null)
+  },
   addHtmlOverlay(source) {
     this._htmlOverlays[source.$facadeId] = source
   },

packages/troika-examples/index.css

@@ -75,4 +75,9 @@ a {
   right: 0;
   padding: 10px 20px;
   background: rgba(255,255,255,.1);
+}
+
+.example_desc.dark {
+  color: rgba(0,0,0,.7);
+  background: rgba(0,0,0,.1);
 }