| OLD | NEW |
| 1 // Copyright 2011 the V8 project authors. All rights reserved. | 1 // Copyright 2011 the V8 project authors. All rights reserved. |
| 2 // Redistribution and use in source and binary forms, with or without | 2 // Redistribution and use in source and binary forms, with or without |
| 3 // modification, are permitted provided that the following conditions are | 3 // modification, are permitted provided that the following conditions are |
| 4 // met: | 4 // met: |
| 5 // | 5 // |
| 6 // * Redistributions of source code must retain the above copyright | 6 // * Redistributions of source code must retain the above copyright |
| 7 // notice, this list of conditions and the following disclaimer. | 7 // notice, this list of conditions and the following disclaimer. |
| 8 // * Redistributions in binary form must reproduce the above | 8 // * Redistributions in binary form must reproduce the above |
| 9 // copyright notice, this list of conditions and the following | 9 // copyright notice, this list of conditions and the following |
| 10 // disclaimer in the documentation and/or other materials provided | 10 // disclaimer in the documentation and/or other materials provided |
| (...skipping 24 matching lines...) Expand all Loading... |
| 35 return window.webkitRequestAnimationFrame || | 35 return window.webkitRequestAnimationFrame || |
| 36 window.mozRequestAnimationFrame || | 36 window.mozRequestAnimationFrame || |
| 37 window.oRequestAnimationFrame || | 37 window.oRequestAnimationFrame || |
| 38 window.msRequestAnimationFrame || | 38 window.msRequestAnimationFrame || |
| 39 function(callback, element) { | 39 function(callback, element) { |
| 40 window.setTimeout( callback, 1000 / 60 ); | 40 window.setTimeout( callback, 1000 / 60 ); |
| 41 }; | 41 }; |
| 42 } )(); | 42 } )(); |
| 43 } | 43 } |
| 44 | 44 |
| 45 |
| 46 |
| 47 |
| 45 var kNPoints = 8000; | 48 var kNPoints = 8000; |
| 46 var kNModifications = 20; | 49 var kNModifications = 20; |
| 47 var kNVisiblePoints = 200; | 50 var kNVisiblePoints = 200; |
| 48 var kDecaySpeed = 20; | 51 var kDecaySpeed = 20; |
| 49 | 52 |
| 50 var kPointRadius = 4; | 53 var kPointRadius = 4; |
| 51 var kInitialLifeForce = 100; | 54 var kInitialLifeForce = 100; |
| 52 | 55 |
| 53 var livePoints = void 0; | 56 var livePoints = void 0; |
| 54 var dyingPoints = void 0; | 57 var dyingPoints = void 0; |
| 55 var scene = void 0; | 58 var scene = void 0; |
| 56 var renderingStartTime = void 0; | 59 var renderingStartTime = void 0; |
| 60 var omitFrameDueToVisibilityChange = false; |
| 57 var scene = void 0; | 61 var scene = void 0; |
| 58 var pausePlot = void 0; | 62 var pausePlot = void 0; |
| 59 var splayTree = void 0; | 63 var splayTree = void 0; |
| 60 | 64 |
| 65 handleVisibilityChange(); |
| 66 |
| 67 function handleVisibilityChange() { |
| 68 console.log("visibility change"); |
| 69 omitFrameDueToVisibilityChange = true; |
| 70 document.addEventListener("webkitvisibilitychange", handleVisibilityChange); |
| 71 document.addEventListener("msvisibilitychange", handleVisibilityChange); |
| 72 document.addEventListener("mozvisibilitychange", handleVisibilityChange); |
| 73 document.addEventListener("visibilitychange", handleVisibilityChange); |
| 74 } |
| 75 |
| 61 | 76 |
| 62 function Point(x, y, z, payload) { | 77 function Point(x, y, z, payload) { |
| 63 this.x = x; | 78 this.x = x; |
| 64 this.y = y; | 79 this.y = y; |
| 65 this.z = z; | 80 this.z = z; |
| 66 | 81 |
| 67 this.next = null; | 82 this.next = null; |
| 68 this.prev = null; | 83 this.prev = null; |
| 69 this.payload = payload; | 84 this.payload = payload; |
| 70 this.lifeForce = kInitialLifeForce; | 85 this.lifeForce = kInitialLifeForce; |
| (...skipping 275 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 346 function render() { | 361 function render() { |
| 347 if (typeof renderingStartTime === 'undefined') { | 362 if (typeof renderingStartTime === 'undefined') { |
| 348 renderingStartTime = Date.now(); | 363 renderingStartTime = Date.now(); |
| 349 } | 364 } |
| 350 | 365 |
| 351 ModifyPointsSet(); | 366 ModifyPointsSet(); |
| 352 | 367 |
| 353 scene.draw(); | 368 scene.draw(); |
| 354 | 369 |
| 355 var renderingEndTime = Date.now(); | 370 var renderingEndTime = Date.now(); |
| 356 var pause = renderingEndTime - renderingStartTime; | 371 if (!omitFrameDueToVisibilityChange) { |
| 357 pausePlot.addPause(pause); | 372 var pause = renderingEndTime - renderingStartTime; |
| 373 pausePlot.addPause(pause); |
| 374 } |
| 358 renderingStartTime = renderingEndTime; | 375 renderingStartTime = renderingEndTime; |
| 376 omitFrameDueToVisibilityChange = false; |
| 359 | 377 |
| 360 pausePlot.draw(); | 378 pausePlot.draw(); |
| 361 | 379 |
| 362 div.innerHTML = | 380 div.innerHTML = |
| 363 livePoints.count + "/" + dyingPoints.count + " " + | 381 livePoints.count + "/" + dyingPoints.count + " " + |
| 364 pause + "(max = " + pausePlot.maxPause + ") ms" ; | 382 pause + "(max = " + pausePlot.maxPause + ") ms" ; |
| 365 | 383 |
| 366 // Schedule next frame. | 384 // Schedule next frame. |
| 367 requestAnimationFrame(render); | 385 requestAnimationFrame(render); |
| 368 } | 386 } |
| 369 | 387 |
| 370 | 388 |
| 371 function init() { | 389 function init() { |
| 372 livePoints = new PointsList; | 390 livePoints = new PointsList; |
| 373 dyingPoints = new PointsList; | 391 dyingPoints = new PointsList; |
| 374 | 392 |
| 375 splayTree = new SplayTree(); | 393 splayTree = new SplayTree(); |
| 376 | 394 |
| 377 scene = new Scene(640, 480); | 395 scene = new Scene(640, 480); |
| 378 | 396 |
| 379 div = document.createElement("div"); | 397 div = document.createElement("div"); |
| 380 document.body.appendChild(div); | 398 document.body.appendChild(div); |
| 381 | 399 |
| 382 pausePlot = new PausePlot(480, 240, 160); | 400 pausePlot = new PausePlot(480, 240, 160); |
| 383 } | 401 } |
| 384 | 402 |
| 385 | 403 |
| 386 init(); | 404 init(); |
| 387 render(); | 405 render(); |
| OLD | NEW |