タグ

JavaScriptと写真に関するarajinのブックマーク (3)

  • スクロールさせると動く動画 :: デイリーポータルZ

    なにげなく画面をスクロールした時、ふと写真が動いて見える(ような気がした)ことが何度かあった。そこである時こう考えた。「連続写真を縦に並べてスクロールさせたら、動いて見えるんじゃないか?」 なんで?って思ったかたはよく考えてみてほしい。 映画だって、連続写真が何枚も縦に繋がってて、それをリールに巻きつけてダーっと流す。言ってみればスクロールさせてるようなものだろう。そもそも、スクロールって「巻物」って意味だし。 (T・斎藤)

    arajin
    arajin 2012/04/09
    「if(key=="37") { scrollBy(0,-240); } 」240は画像の高さ。
  • 写真に埋め込まれたメタデータ、ExifをJavaScriptで読み取る·Javascript EXIF Reader MOONGIFT

    Javascript EXIF ReaderはJavaScriptを使った写真のExifデータ読み取りライブラリ。 Javascript EXIF ReaderはJavaScript製のオープンソース・ソフトウェア。HTML5のCanvasタグを使い、JavaScriptでバイナリ解析を行うのが流行っている(?)昨今、皆様はいかがお過ごしでしょうか。元気にバイナリ解析をしているでしょうか。 デモの写真 今までであれば、バイナリファイルをサーバに送信して解析結果をWebブラウザで受け取って表示する、そんなやり方が当たり前だった。しかし今は違う。クライアントサイドで解析してその結果をサーバに送るのだ。その一つ、Exif解析を行うのがJavascript EXIF Readerだ。 Exifというのは写真などのJPEG画像に入ったメタ情報だ。撮影した時間や場所、カメラ、シャッター、絞り等カメラと

  • Flickr風スライドショーをJavaScriptで再現 (1/5)

    Webサイトで写真画像をいかに美しく、魅力的に見せるか――。そう考えたときに参考になるのが、多くのユーザーが利用しているオンライン・フォトアルバムです。中でも、世界中のブロガーが愛用する「Flickr(フリッカー)」は、思わずため息をつくような美しい写真が大量にアップロードされている代表的なサービスです。 Flickrが多くのユーザーに支持されている理由は、コミュニティ機能の充実や外部利用のしやすさなどいくつもありますが、1つにはユーザーインターフェイス(UI)の美しさ、使い勝手のよさがあげられます。今回は、このFlickrUIの一部を参考に、自分のWebサイトをブラッシュアップしてみましょう。 今回のお手サイト:『Flickr』 米ヤフーが運営するオンライン・フォトアルバムサービス。特に他のユーザーが自由にコメントをつけたり、タグをつけて分類したりできるコミュニティ機能や、使い勝手の

    Flickr風スライドショーをJavaScriptで再現 (1/5)
  • 1