change examples to render using a fixed resolution

2024-12-23 13:19:01 -05:00 · 2017-07-08 13:28:19 +01:00 · 2017-07-08 13:28:19 +01:00 · 0895d81fa1
commit 0895d81fa1
parent 6108a31f27
44 changed files with 89 additions and 87 deletions
--- 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',
--- 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
        }
    });
--- 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
        }
    });
--- 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
        }
    });
--- 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
        }
    });
--- 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
        }
--- 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
        }
--- 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
--- 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
--- 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
        }
    });
--- 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
        }
    });

--- 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'
        }
--- 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
        }
    });
--- 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
        }
--- 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
        }
    });
--- 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
        }
    });

--- 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
        }
    });
--- 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'
        }
--- 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
        }
    });
--- 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
        }
    });
--- 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
        }
--- 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
        }
    });
--- 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
--- 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,
        }
    });

--- 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
        }
    });
--- 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
        }
    });
--- 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'
        }
--- 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
        }
    });
--- 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
--- 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
        }
    });
--- 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'
        }
--- 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
        }
    });
--- 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
        }
    });
--- 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
        }
    });
--- 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
--- 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
        }
    });
--- a/examples/staticFriction.js
+++ b/examples/staticFriction.js
@ -21,8 +21,8 @@ Example.staticFriction = 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
        }
    });
--- a/examples/stress.js
+++ b/examples/stress.js
@ -19,8 +19,8 @@ Example.stress = 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
        }
    });

--- a/examples/stress2.js
+++ b/examples/stress2.js
@ -19,8 +19,8 @@ Example.stress2 = 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
        }
    });

--- a/examples/svg.js
+++ b/examples/svg.js
@ -21,8 +21,8 @@ Example.svg = 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
        }
    });

--- a/examples/terrain.js
+++ b/examples/terrain.js
@ -22,8 +22,8 @@ Example.terrain = 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
        }
    });

--- a/examples/timescale.js
+++ b/examples/timescale.js
@ -23,8 +23,8 @@ Example.timescale = 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
        }
    });
--- a/examples/views.js
+++ b/examples/views.js
@ -23,8 +23,8 @@ Example.views = 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,
            hasBounds: true,
            showAngleIndicator: true
        }
--- a/examples/wreckingBall.js
+++ b/examples/wreckingBall.js
@ -20,8 +20,8 @@ Example.wreckingBall = 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
        }
    });