Rythm.js - 音楽/音声に合わせてアニメーション MOONGIFT

2017/03/03 13 users マウスクリック 音声 音楽 アニメーション インタラクティブ性

Webは基本的に静的なものです。アニメーションを使うこともできますが、何度も繰り返したり、マウスクリックのタイミングでアニメーションが実行される程度です。よりインタラクティブ性が欲しいと思ったことはないでしょうか。 そこで紹介したいのがRythm.jsです。なんと音声に反応するアニメーションライブラリです。 Rythm.jsの使い方 こちらはWebサイト内にある音楽ファイルに反応して動きます。まる... 続きを読む

最速のアニメーションライブラリはこれだ!? JSライブラリの性能をDOMとWebGLで徹底検証 - ICS MEDIA

2017/02/21 61 users CPU アニメーション アニメーション実装 パフォーマンス

HTML5のアニメーション実装に役立つ様々なJavaScriptライブラリがあります。前回の記事「 ウェブのアニメーション制作に役立つ！ 流行りのJSライブラリのまとめ 」ではJSライブラリ7種類の特徴を紹介しましたが、本記事ではそれらのパフォーマンスを比較します。 JSライブラリのパフォーマンスが良いほど、たくさんのアニメーションがあっても滑らかに動きます 。また、パフォーマンスがよければCPU... 続きを読む

Objective-C - facebook/pop を使ってみた - Qiita

2014/05/07 60 users Facebook Qiita github.com POP

最近 FacebookがOSSとして公開した pop は Paperで使われているアニメーションライブラリです https://github.com/facebook/pop 少し触ってみたので基本的な使い方などをまとめてみます この記事はブログでも公開しています pop とは 公式ブログに記事があるのでそちらがとても参考になります Introducing Pop, the animation e... 続きを読む

JavaScript製の高度なアニメーションライブラリ「tween.js」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/07/24 135 users MOONGIFT 作法 アニメーション ITエンジニア 採用

かつてオンラインでアニメーションを表現しようと思ったならばFlashかGIFアニメーションを使うのが一般的でした。しかし今後JavaScriptの採用が増えていく中では別な作法を学ばなければなりません。そこで今回はJavaScript製のアニメーションライブラリtween.jsを紹介します。 0 続きを読む

CSS3を使った高度なアニメーションライブラリ「Animate.css」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/12/02 54 users MOONGIFT ハードウェアアクセラレーション 難点 利点

Animate.cssの特徴としてはjQueryのようなJavaScriptベースのアニメーションではないと言うことでしょう。利点としてCSS3でサポートされているネイティブな機能を使うことでハードウェアアクセラレーションが活かせるとのことです。なお動作するWebブラウザが限られてしまうという難点はあります。 0 続きを読む

Webの表現力はここまで来た。Canvasタグを使ったアニメーションライブラリ「CAKE（Canvas Animation Kit Experiment）」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイ

2011/11/29 51 users MOONGIFT CAKE Webデザイ canvasタグ

HTML5のCanvasタグによってWebの表現力は格段に増したと言えます。今回紹介するCAKE（Canvas Animation Kit Experiment）はCanvasタグを使ってアニメーションを実現します。多彩なデモがあるのでぜひ公式サイトでチェックしてみてください。 0 続きを読む

JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ:phpspot開発日誌

2009/03/15 245 users jQuery ライブラリ phpspot開発日誌 アドオン

GX - Full-Featured Javascript Animations Framework JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ。 jQueryと組み合わせて使うアニメーションライブラリです。 jQueryやscript.aculo.usにもアニメーション機能は備わっているけど、ここまでではないというアニメーションに特化したアドオンです。 勿論、jQ... 続きを読む