bower_components/web-animations-js/test/perf/updating-inline-style-during-animation.html - Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions

Unified Diff: bower_components/web-animations-js/test/perf/updating-inline-style-during-animation.html

Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master

Patch Set: Created 5 years, 12 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « bower_components/web-animations-js/test/perf/perf.js ('k') | bower_components/web-animations-js/test/test-generator.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: bower_components/web-animations-js/test/perf/updating-inline-style-during-animation.html

diff --git a/bower_components/web-animations-js/test/perf/updating-inline-style-during-animation.html b/bower_components/web-animations-js/test/perf/updating-inline-style-during-animation.html

deleted file mode 100644

index 51f9f67a66cd31db6c9ffe0eb36a20147ec8c536..0000000000000000000000000000000000000000

--- a/bower_components/web-animations-js/test/perf/updating-inline-style-during-animation.html

+++ /dev/null

@@ -1,165 +0,0 @@

-<!--

-Licensed under the Apache License, Version 2.0 (the "License");

-you may not use this file except in compliance with the License.

-You may obtain a copy of the License at

- http://www.apache.org/licenses/LICENSE-2.0

-Unless required by applicable law or agreed to in writing, software

-distributed under the License is distributed on an "AS IS" BASIS,

-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

-See the License for the specific language governing permissions and

-limitations under the License.

-This test is based on code written by Cameron Adams and imported from

- http://themaninblue.com/experiment/AnimationBenchmark/html

--->

-<!doctype html>

-<head>

-<style>

-.ball {

- position: absolute;

- width: 12px;

- height: 12px;

- border-radius: 100%;

-</style>

-</head>

-<script src="perf.js"></script>

-<script src="../../web-animations.js"></script>

-<script>

-'use strict';

-var stageWidth = 600;

-var stageHeight = 600;

-var particleCount = 2500;

-var minVelocity = 50;

-var maxVelocity = 500;

-var particleRadius = 6;

-var colors = ['#cc0000', '#ffcc00', '#aaff00', '#0099cc', '#194c99', '#661999'];

-var animationDuration = 10;

-var particles = [];

-var player;

-var testing = true;

-var Particle = function() {

- this.element = document.createElement('div');

- this.element.className = 'ball';

- this.element.style.backgroundColor = colors[Math.floor(Perf.random() * colors.length)];

- document.body.appendChild(this.element);

-};

-Particle.prototype.generateAnimation = function(duration) {

- var keyframes = [];

- var angle = Math.PI * 2 * Perf.random();

- var velocity = minVelocity + ((maxVelocity - minVelocity) * Perf.random());

- var x = stageWidth / 2;

- var y = stageHeight / 2;

- var dx = Math.cos(angle) * velocity;

- var dy = Math.sin(angle) * velocity;

- var nextCollision = function(lineX, normalX, lineY, normalY) {

- var dtx = Infinity;

- var dty = Infinity;

- if (dx * normalX < 0)

- dtx = (lineX - x) / dx;

- if (dy * normalY < 0)

- dty = (lineY - y) / dy;

- var dt = Math.min(dtx, dty);

- var hitX = (dtx < dty);

- return {

- dt: dt,

- x: hitX ? lineX : x + (dx * dt),

- y: hitX ? y + (dy * dt) : lineY,

- dx: hitX ? -dx : dx,

- dy: hitX ? dy : -dy,

- };

- var t = 0;

- keyframes.push(this.createKeyframe(0, x, y));

- while (t < duration) {

- var collisionA = nextCollision(0, 1, 0, 1);

- var collisionB = nextCollision(stageWidth, -1, stageHeight, -1);

- var collision = collisionA.dt < collisionB.dt ? collisionA : collisionB;

- if (t + collision.dt > duration) {

- var dt = duration - t;

- t = duration;

- x += dx * dt;

- y += dy * dt;

- } else {

- t += collision.dt;

- x = collision.x;

- y = collision.y;

- dx = collision.dx;

- dy = collision.dy;

- }

- keyframes.push(this.createKeyframe(t / duration, x, y));

- }

- return new Animation(this.element, keyframes, duration);

-};

-Particle.prototype.createKeyframe = function(offset, x, y) {

- return {

- composite: 'add',

- offset: offset,

- left: x + 'px',

- top: y + 'px',

- };

-};

-Particle.prototype.destroy = function() {

- document.body.removeChild(this.element);

-};

-var cleanUp = function() {

- player.source = null;

- for (var i = 0; i < particles.length; i++) {

- particles[i].destroy();

- }

- particles = [];

-};

-var raf = window.requestAnimationFrame ||

- window.webkitRequestAnimationFrame ||

- window.mozRequestAnimationFrame ||

- function(callback) { setTimeout(callback, 1000 / 60); };

-var shake = 0;

-var shakeParticles = function() {

- shake = 20 - shake;

- for (var i = 0; i < particles.length; i++) {

- particles[i].element.style.setProperty('left', shake + 'px');

- particles[i].element.style.setProperty('top', shake + 'px');

- }

- if (testing) {

- raf(shakeParticles);

- }

-};

-window.addEventListener('load', function () {

- var spacing = document.createElement('div');

- spacing.style.display = 'inline-block';

- spacing.style.width = '600px';

- document.body.appendChild(spacing);

- var animationGroup = new AnimationGroup([], {iterations: Infinity, direction: 'alternate'});

- for (var i = 0; i < particleCount; i++) {

- var particle = new Particle();

- animationGroup.append(particle.generateAnimation(animationDuration));

- particles.push(particle);

- }

- player = document.timeline.play(animationGroup);

- raf(shakeParticles);

- Perf.oncomplete = cleanUp;

- Perf.start();

-});

-</script>