Skip to content

Commit db549d3

Browse files
Merge branch 'master' into effects
Conflicts: bower.json
2 parents 163df22 + cae0926 commit db549d3

2 files changed

Lines changed: 11 additions & 1 deletion

File tree

README.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,15 @@ Rasterization API
5555
-----------------
5656
In order to improve technology we are trying to promote standardized native Rasterization API for JavaScript. Help us to be better and to add this cool feature to browsers by spreading the [article](http://pixelscommander.com/en/javascript/state-of-html-content-rasterization-draw-html-to-canvas-image/) and [proposal draft](https://gist.github.com/PixelsCommander/a0b5882139cbb8a1781c#file-proposal-md).
5757

58+
Fast way to animate
59+
-------------------
60+
The most performant way to animate HTML-GL tags is to operate on tag's `styleGL.transform` in the same way you operate on `style.transform`. E.g. `style.transform = 'translateX(100px) translateY(50px)'`.
61+
Velocity.js copy from HTML-GL repository (https://github.com/PixelsCommander/HTML-GL/blob/master/demo/js/vendor/velocity.js) have this optimization built-in. Feel free to use it in the way described in official Velocity.js documentation.
62+
63+
Animating HTML-GL tag children
64+
------------------------------
65+
Since it is very efficient to make transformations (move, rotate, scale, change opacity) on HTML-GL tags it becomes very slow to animate it's children until they are HTML-GL tags too. This happens because of necessity to rasterize and send HTML-GL tag texture to GPU.
66+
5867
License
5968
-------
6069
MIT: http://mit-license.org/

bower.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,5 +18,6 @@
1818
"promise-polyfill": "~2.0.0",
1919
"jquery": "~2.1.3",
2020
"tween.js": "git@github.com:sole/tween.js.git"
21-
}
21+
},
22+
"keywords": ["web-components"]
2223
}

0 commit comments

Comments
 (0)