CSSとJavaScriptによるタイムラインベースの高度なアニメーションコンテンツを実装するライブラリ・「Scene.js」

Ads

Scene.js


Scene.jsはCSSとJavaScriptによるタイムラインベースの高度なアニメーションコンテンツを実装するライブラリです

CSSとJSの両方をサポート、SVGサポート、時間の制御、タイムラインベースで複数要素を同時に制御、アニメーションエフェクトを手軽に付与できるプリセットなどを特徴としています

アイデアと応用次第で高度なアニメーションコンテンツを実装する事が可能です

Ads

サンプル


このような高度なアニメーション(だと僕は思いましたが感覚は個人差あると思います)の実装をサポートしてくれます

<script src="http://daybrush.com/scenejs/release/latest/dist/scene.js"></script>

CDNも用意されています。ちょっと学習コストは高いですが、覚えればいろいろなアニメーションコンテンツが作れそうです

開発者は本家NAVERのフロントエンドエンジニアさんのようですね。ライセンスはMITとの事。

Scene.js