要約: Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話
2012 年 9 月 26 日 追記しました。 要約エントリー。 元記事 : iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> アップルのサイトの iPhone5 のページにある「スライドしてアンロック」のアニメーションが、信じられない実装になっている、という話。簡単に要約してみた。（ミスなどの指摘は @lowply までお願いします） もともと h.264 と WebM の動画フォーマット戦争でブラウザ互換性の問題がまだ残っている上、iPhone などは「再生ボタン」を押さないと再生できなかったりするので、こうした短いアニメーションに video タグを使うことは最適解ではなかったらしい。 そこで発想の転換をして、Retina MBP のページでは、蓋が開くたった 2
GoogleのChromeブラウザの構成モジュールのそれぞれのバイナリ・サイズの表 - [モ]Modern Syntax
フェナキストスコープってのは、Wikipediaによりますと、 一般的なフェナキストスコープは、軸に垂直に取り付けられた回転する円板である。円板にはアニメーションのコマに相当する絵が順に描かれており、コマとコマの間にスリットがある。この円板を回転させ、絵を鏡に映し、動くスリットから透かして見る。仮現運動を利用し、スリットを通すことでブレがなくなり、絵が動いているように見えるのである。 というものなのですが、これはまあ以下のビデオを見れば一発で理解できるかと思います。 使用しているマーカーは、パイロットコーポレーションの「ボードマスター極太」だそうです。 右に回転させると棒人間が階段を昇り、左に回すと降りているように見えます。 こういうのって自分でもできそうな気はするんだけど、結局うまくできないんだよなあ。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
