change examples to render using a fixed resolution

liabru · Jul 8, 2017 · 0895d81 · 0895d81
1 parent 6108a31
commit 0895d81
Show file tree

Hide file tree

Showing 44 changed files with 89 additions and 87 deletions.
diff --git a/demo/js/Demo.js b/demo/js/Demo.js
@@ -27,6 +27,8 @@
         inline: false,
         preventZoom: true,
         resetOnOrientation: true,
+        routing: true,
+        startExample: 'mixed',
         examples: [
             {
                 name: 'Air Friction',

diff --git a/examples/airFriction.js b/examples/airFriction.js
@@ -18,8 +18,8 @@ Example.airFriction = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showVelocity: true
         }
     });

diff --git a/examples/avalanche.js b/examples/avalanche.js
@@ -25,8 +25,8 @@ Example.avalanche = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });

diff --git a/examples/ballPool.js b/examples/ballPool.js
@@ -25,8 +25,8 @@ Example.ballPool = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });

diff --git a/examples/bridge.js b/examples/bridge.js
@@ -22,8 +22,8 @@ Example.bridge = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });

diff --git a/examples/broadphase.js b/examples/broadphase.js
@@ -20,8 +20,8 @@ Example.broadphase = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true,
             showBroadphase: true
         }

diff --git a/examples/car.js b/examples/car.js
@@ -19,8 +19,8 @@ Example.car = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true,
             showCollisions: true
         }

diff --git a/examples/catapult.js b/examples/catapult.js
@@ -22,8 +22,8 @@ Example.catapult = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true,
             showCollisions: true,
             showVelocity: true

diff --git a/examples/chains.js b/examples/chains.js
@@ -22,8 +22,8 @@ Example.chains = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true,
             showCollisions: true,
             showVelocity: true

diff --git a/examples/circleStack.js b/examples/circleStack.js
@@ -19,8 +19,8 @@ Example.circleStack = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });

diff --git a/examples/cloth.js b/examples/cloth.js
@@ -20,8 +20,8 @@ Example.cloth = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600)
+            width: 800,
+            height: 600
         }
     });
 

diff --git a/examples/collisionFiltering.js b/examples/collisionFiltering.js
@@ -21,8 +21,8 @@ Example.collisionFiltering = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             wireframes: false,
             background: '#111'
         }

diff --git a/examples/compositeManipulation.js b/examples/compositeManipulation.js
@@ -21,8 +21,8 @@ Example.compositeManipulation = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });

diff --git a/examples/compound.js b/examples/compound.js
@@ -20,8 +20,8 @@ Example.compound = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAxes: true,
             showConvexHulls: true
         }

diff --git a/examples/compoundStack.js b/examples/compoundStack.js
@@ -20,8 +20,8 @@ Example.compoundStack = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });

diff --git a/examples/concave.js b/examples/concave.js
@@ -21,8 +21,8 @@ Example.concave = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600)
+            width: 800,
+            height: 600
         }
     });
 

diff --git a/examples/constraints.js b/examples/constraints.js
@@ -21,8 +21,8 @@ Example.constraints = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });

diff --git a/examples/doublePendulum.js b/examples/doublePendulum.js
@@ -24,8 +24,8 @@ Example.doublePendulum = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             wireframes: false,
             background: '#0f0f13'
         }

diff --git a/examples/events.js b/examples/events.js
@@ -23,8 +23,8 @@ Example.events = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             wireframes: false
         }
     });

diff --git a/examples/friction.js b/examples/friction.js
@@ -18,8 +18,8 @@ Example.friction = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showVelocity: true
         }
     });

diff --git a/examples/gravity.js b/examples/gravity.js
@@ -20,8 +20,8 @@ Example.gravity = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showVelocity: true,
             showAngleIndicator: true
         }

diff --git a/examples/gyro.js b/examples/gyro.js
@@ -20,8 +20,8 @@ Example.gyro = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });

diff --git a/examples/manipulation.js b/examples/manipulation.js
@@ -20,8 +20,8 @@ Example.manipulation = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAxes: true,
             showCollisions: true,
             showConvexHulls: true

diff --git a/examples/mixed.js b/examples/mixed.js
@@ -20,9 +20,9 @@ Example.mixed = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
-            showAngleIndicator: true
+            width: 800,
+            height: 600,
+            showAngleIndicator: true,
         }
     });
 

diff --git a/examples/newtonsCradle.js b/examples/newtonsCradle.js
@@ -19,8 +19,8 @@ Example.newtonsCradle = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showVelocity: true
         }
     });

diff --git a/examples/pyramid.js b/examples/pyramid.js
@@ -19,8 +19,8 @@ Example.pyramid = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });

diff --git a/examples/ragdoll.js b/examples/ragdoll.js
@@ -25,8 +25,8 @@ Example.ragdoll = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true,
             background: '#0f0f13'
         }

diff --git a/examples/raycasting.js b/examples/raycasting.js
@@ -24,8 +24,8 @@ Example.raycasting = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });

diff --git a/examples/restitution.js b/examples/restitution.js
@@ -18,8 +18,8 @@ Example.restitution = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true,
             showCollisions: true,
             showVelocity: true

diff --git a/examples/rounded.js b/examples/rounded.js
@@ -18,8 +18,8 @@ Example.rounded = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAxes: true
         }
     });

diff --git a/examples/sensors.js b/examples/sensors.js
@@ -19,8 +19,8 @@ Example.sensors = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             wireframes: false,
             background: '#111'
         }

diff --git a/examples/sleeping.js b/examples/sleeping.js
@@ -23,8 +23,8 @@ Example.sleeping = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });

diff --git a/examples/slingshot.js b/examples/slingshot.js
@@ -21,8 +21,8 @@ Example.slingshot = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });

diff --git a/examples/softBody.js b/examples/softBody.js
@@ -19,8 +19,8 @@ Example.softBody = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: false
         }
     });

diff --git a/examples/sprites.js b/examples/sprites.js
@@ -20,8 +20,8 @@ Example.sprites = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             background: '#0f0f13',
             showAngleIndicator: false,
             wireframes: false

diff --git a/examples/stack.js b/examples/stack.js
@@ -19,8 +19,8 @@ Example.stack = function() {
         element: document.body,
         engine: engine,
         options: {
-            width: Math.min(document.documentElement.clientWidth, 800),
-            height: Math.min(document.documentElement.clientHeight, 600),
+            width: 800,
+            height: 600,
             showAngleIndicator: true
         }
     });