[B! Flash] tamomomomoのブックマーク

tamomomomo id:tamomomomo

Flashに関するtamomomomoのブックマーク (2)

jQueryで背景に動画をフルスクリーンで表示する方法｜BLACKFLAG
海外のサイトなどで最近たまに見かける、背景に動画をフルスクリーン表示して見せる手法。背景全面に動画が流れることでページの演出をかなりダイナミックに見せることが出来ます。この背景動画を簡単に実装できるjQueryプラグインもありますが YouTubeにアップされている動画が対象だったりで、任意の動画ファイルを簡単に流すことができるものが見当たらなかったので簡単に実験的に作ってみたのを紹介してみます。動画を流す手法はHTML5の＜video＞タグとかも考えましたが今回は動画再生はFlashで流すパターンにしています。まずは動作のサンプルから。下記リンクよりサンプル画面を表示してみてください。（別枠で表示されます） jQueryで背景に動画をフルスクリーンで表示するサンプルを別枠で表示 ※サンプルでの動画ファイルは容量を軽減する為に少々粗いものになっています。ブラウザ枠をリサイ
tamomomomo 2013/08/23
動画

背景

flash

fullscreen

movie
リンク
FlashからCreateJSに出力されたCanvasアニメーションをスマフォ用に組み込んだ断片メモ
CreateJSのコードを組み込んでみた前提、ともかく現在の仕事においてアニメーションの導入という要件が出てきて、JavaScript書いてる者としてどのように解決しようかと相談した結果、下記の状況・前提からFlashのToolkit for CreateJSを利用することに決めた次第。自分でアニメーションの動きを作ったことないアニメーターな方がFlasher 取り急ぎカッコ良く動いて欲しいが、今後を考えるとCSSでFlashの動きから書き起こすのダルいという理由から下記のソリューションを導入する方向になりました。（今の時点で本当にデプロイまで至れるかは、まだ手探りなので参考までに） CreateJS | A suite of Javascript libraries and tools designed for working with HTML5 Flash to HTML5
tamomomomo 2013/02/06
アニメーション

Flash

CreateJS

Canvas

Android

JavaScript

HTML5

iPhone
リンク
1