Drkcore

27 10 2011 HTML5 Tweet

HTML5 CANVAS 6章終了

videoタグの使い方。動画の制御をやったあと、もう少し高度な使い方としてCanvas要素をつかった動画の扱いを学ぶという章。

最後のほう(6-10)でビデオのパズルを作る。ちなみに揃えるとPyConJPのシールを映した動画が出てきます。

html5 video

基本的にCanvasをうまく使う。

  1. video要素をjavascriptでつくってスタイルシートのdisplay属性をnoneにして表示させない
  2. playしたらcanvasの描画をsetIntervalで30FPSになるようにして
  3. video要素をcanvasに描画する
  4. ついでにcanvasの要素をいじれば画像いじるのと同じことができる。

ProductName HTML5 Canvas: Native Interactivity and Animation for the Web
Steve Fulton
Oreilly & Associates Inc / 2922円 ( 2011-05-13 )


About

  • もう5年目(wishlistありマス♡)
  • 最近はPythonとDeepLearning
  • 日本酒自粛中
  • ドラムンベースからミニマルまで
  • ポケモンGOゆるめ

Tag

Python Deep Learning javascript chemoinformatics Emacs sake and more...

Ad

© kzfm 2003-2021