mirror of
https://github.com/flutter/flutter
synced 2024-10-13 11:42:54 +00:00
7da267c48b
This example will let us test basic animation performance. R=rafaelw@chromium.org Review URL: https://codereview.chromium.org/748853004
27 lines
482 B
Plaintext
27 lines
482 B
Plaintext
<sky>
|
|
<style>
|
|
square {
|
|
margin: 50px;
|
|
height: 100px;
|
|
width: 100px;
|
|
background-color: green;
|
|
}
|
|
</style>
|
|
<square></square>
|
|
<script>
|
|
var square = document.querySelector('square');
|
|
var timeBase = 0;
|
|
|
|
function animate(time) {
|
|
if (!timeBase)
|
|
timeBase = time;
|
|
var delta = time - timeBase;
|
|
var rotation = Math.floor(delta / 10);
|
|
square.style.transform = 'rotate(' + rotation + 'deg)';
|
|
requestAnimationFrame(animate);
|
|
}
|
|
|
|
requestAnimationFrame(animate);
|
|
</script>
|
|
</sky>
|