1. Arrange the size of the images and select the first and second images
GIFMAGAZINEに画像からGIFを作成してダウンロードできる機能をベータ版として追加しました。 GIFMAGAZINE - 画像からGIF作成 画像からGIFアニメを作成できるサイトは結構ありますよね。 ただ今回追加した機能はそれらのサイトとは違って、画像の処理からダウンロードまでクライアントサイドの処理だけで実装されています。 通常だと、 ①画像を複数枚追加 ②サーバーに画像をPOST ③サーバー側でimagemagick等を利用してgifの作成 ④ファイルサーバーに作成した画像をアップロード ⑤ダウンロードリンクを作成 という手順になると思います。 一方、GIFMAGAZINEに追加したgif作成の実装では ①画像を複数枚追加 ②画像をcanvasに書き出しjavascriptでgifを作成(antimatter15/jsgif · GitHubを利用) ③ダウンロードリンク作成
jsgifはGIFアニメーションを解析し、一時停止したりリバース再生したりできるJavaScriptライブラリです。 GIFアニメーションは動画が当たり前になった現在、廃れるかと思ったのですが未だに好んで使われています。特にちょっとしたお笑い系動画をGIFアニメーションにしていると面白いです。そんなGIFアニメーションを再生、リバース再生など自由に操作できるようにするJavaScriptがjsgifです。 まず最初の表示です。全てGIFアニメーションになっています。 ブックマークレットを実行すると、赤い枠が表示されます。クリックするとフレームの解析が行われます。HTML5対応ブラウザ向けですが、Google Chromeではコントローラーがうまく表示されませんでした(SafariはOKでした)。 画像の下に操作するコントローラーが表示されます。 フレームに関する情報を表示しています。 色々
GIF アニメ分解して Canvas で再生するやつ GifVJ これがクールだったのでどうにかこれを JavaScript で作れないか頑張ってみた(頑張ってる途中) 実験途中経過報告 Burrn! ランダムで GIF アニメを全画面表示 Enter で再生/停止 Space 2回以上押してスピード調整 停止中は矢印キーまたは j/k で次/前のフレームに進む データの取り扱い方が上手くいってなくて崩れてるものが多い 追記:直した 透過処理の判定部分がミスってた ついでなので元の coffee も置いとく やってること GIF アニメ分解して Canvas で切り替え jsgif GIF アニメの解析は jsgif を使った jsgif gif.js がパーサー, html.js がパーサーの呼び出しとプレイヤーの構築をしている この html.js を参考にしながら作った その他 Gi
追記情報: 早速この流れで、GifVJをWeb アプリケーションに移植したものを作られた方がいましたのでご紹介。 http://gifvj.co/ ブログはこちら。 http://mitukiii.jp/2012/02/09/tumblr-gifvj/ Tumblrでの毎日のように面白いものからカッコイイものまで沢山のGifアニがあったり、これでVJできんじゃね?ってみんな思ったはず。 ということで「GifVJ」というアプリを作られた方がいました。 ダウンロードして、TumblrのID入れて操作する簡単なもの、早速入れてみたのですが遊べますねー、なんかのイベントで使ってみたい。 GifアニVJ用のアカウント作って、オモシロとカッコイイ系をバランス良く入れておくのもいいかも。 スペースバーを叩いて、Gifアニの速度をBPMと同期できるのはナイス。Gifアニは速度で表情がガラっと変わりますから
Domain Suspension This domain has expired and is now suspended. If you would like to restore it please contact the registrar used to register your domain. You can check the registrar used for your domain at whois.CO. Este dominio ha expirado y está ahora suspendido. Si usted es el titular del dominio y quisera recuperarlo, por favor contacte el registrador que fue usado para registrar el dominio.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く