タグ

gifに関するtyruのブックマーク (15)

  • pure JavaScriptでアニメーションGIFを作る - 海峡

    こんばんは、国民的スポーツのアニメGIFについてのニュースをお届けします。 今回はクライアントサイドのJavaScriptだけでアニメーションGIFを作る方法を共有させて頂きます。 ふつうアニメGIFを作ろうと思うとimagemagickなどを使ってサーバーサイドで処理させると思いますが、今回紹介するのはブラウザだけでアニメGIFを作る方法です。 jsgif antimatter15/jsgif · GitHub jsgifというJavaScriptでCanvasをアニメGIFに変換してくれる超絶便利ライブラリがあるのでこれを使います。 同名でアニメGIFをCanvasで制御再生できるライブラリがあって、そっちのほうが有名ですがそれとは別です。 どうやらAS3のライブラリをJSに移植したものみたいでソースコードを読もうとしても全然分からないけど、便利すぎるので全面の信頼をおいて使います。

    pure JavaScriptでアニメーションGIFを作る - 海峡
  • ふわとろの恐怖、動画の読み込みエラーを利用して作った「異様な形相」のGIFアニメ : カラパイア

    動画を再生中にエンコしたりエラーしたりで映像が乱れることってありがちだよね。あの現象を手玉にとって、それに手を加えることでより一層の恐怖を演出した「異様な形相」のGIFアニメを作成しているサイトがあったみたいなんだ。 それはまさに悪霊に取り付かれたかのごとく、どろーんと顔が変形し崩れ落ちていくというもので、ひょっとしたら心のクーラースイッチが入っちゃう節電効果をもたらしてくれるかもしれないし、そうでもないかもしれないんだ。 ソース:Glitch Faces! フラッシュタイプで保存されているものもあるので、全部見てみたいという人は上記リンク先を訪れるといいよ。 ■1. ■2. ■3. ■4. ■5. ■6. ■7. ■8. ■9. ■10. ■11. ■12. ■13. ■14. ■15. 関連記事: 出口が見えないときに更に自分を追い込んでしまうかもしれない、無限地獄のGIFアニメ画像

    ふわとろの恐怖、動画の読み込みエラーを利用して作った「異様な形相」のGIFアニメ : カラパイア
  • パスワード認証

    ラジック 気軽に楽しめるブログメディア「ラジック」は2ちゃんねるを中心にエンタメ情報をお届け!

  • jsgif

    jsgif: A GIF player in JavaScript Problem You look up a sorting algorithm on Wikipedia, and there's a handy animated GIF on the page; but it's hard to follow because it goes at a strange pace. Alas! If only you had some way of stopping the animation and going through it frame-by-frame... Problem You have this hilarious animation of a cat doing a funny thing; but it would be 3½ times as hilarious i

    tyru
    tyru 2011/04/07
    > GIF アニメーションを解析・デコードして canvas へ描画.独自にアニメーションを実装し,巻戻しをはじめとするさまざまな操作を可能に.
  • 高速に動くアニメーションGIFを作るときに知るべきたった一つの真実 - hitode909の日記

    高速に動くアニメーションGIFを作りたいとき,delayは0にしてしまいがちだけど,それでは当に速いアニメーションGIFは作れない. クライアントの性能によると思うけど,0や1ではdelayが短かすぎて正しく描画されない. delayは3か4くらいが一番速く見える. delayをちょっとずつ変えて並べたページを作った. http://hitode909.appspot.com/agif/

    高速に動くアニメーションGIFを作るときに知るべきたった一つの真実 - hitode909の日記
  • 動く東方の画像ください2 : 2ch東方スレ観測所

    動く東方の画像ください2

    動く東方の画像ください2 : 2ch東方スレ観測所
  • ウェブページ上のアニメーションGIFを停止させる方法 (IE, Firefox)

    ウェブページ上のアニメーションGIFを停止させる方法 (IE, Firefox) 最近では一昔前のようなアニメーションGIFによるコッテコテのウェブページの装飾などはあまり見られなくなりましたが、それでも未だにアニメーションGIFだらけでウンザリさせられるページもあったりします(特に一部の国に多いような)。 そんな時にはキーボードの「Esc」キー一発で停止できます。 ちなみにこれはIEかFirefoxのみに有効な方法ですが、ご使用のブラウザがIEかFirefoxならば上のアニメーションGIFでお試しあれ。 From: [ Digital Inspiration ]

    ウェブページ上のアニメーションGIFを停止させる方法 (IE, Firefox)
    tyru
    tyru 2010/11/21
    知らなかった...
  • すくいぬ 手の込んだgif画像とかあったらくれ

    2024 01 ≪ 1234567891011121314151617181920212223242526272829≫ 2024 03 1 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2010/05/07(金) 18:50:28.08 ID:M412Gbq/0 こんな感じの 4 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2010/05/07(金) 18:52:38.18 ID:8SE9mfhu0 7 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2010/05/07(金) 18:55:29.49 ID:M412Gbq/0 >>4 うわああああああああああああああああああ 5 名前:以下、名無しにかわりましてVIPがお送りします[] 投稿日:2010/05/07(金) 18:53:26.22 ID:oX1voaDF0 6 名

  • GIFアニメーション化した明治時代のステレオ写真いろいろ

    ステレオ写真とはレンズが2つ付いたカメラで、両目からの見た目で同時に2枚の写真が撮れるカメラのことです。 その歴史は結構古く、明治時代にこれを使って撮影された写真も公開されています。 このカメラで撮影された写真は、来特殊な見方(浮き出る写真のような)によって立体化させるものですが、それをアニメーション化することで、より手軽に立体化して見せることができるというものです。 2つの写真を交互に表示するだけで、グッと奥行き感が出てくるのが分かります。(画像をクリックするとアニメーションGIFが開きます)

    GIFアニメーション化した明治時代のステレオ写真いろいろ
  • 【Fireworks】GIFで支給されたロゴを簡単に白抜きに加工する方法 | バシャログ。

    例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。 「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。 使用した画像加工ソフトは Fireworks です。 ↑支給された(というか Web サイトからコピーした)ロゴの例。透明化もされていないし、切り抜くのも面倒。 STEP 1 ロゴ画像をグレースケールで保存します。 STEP 2 グレースケール化したロゴ画像を背景の上に配置。 STEP 3 ロゴ画像を選択して「フィルタ」→「カラー調整」→「カラーの塗り」を設定。 カラーは何色でも良いですが、ブレンドモードは「反転」に

    【Fireworks】GIFで支給されたロゴを簡単に白抜きに加工する方法 | バシャログ。
  • How some mechanisms work (14 gifs)

    We care about our visitors and respect personal information which you share with us. It is important to us that you are aware of data we are collecting about you and how we are doing it. Due to this we are updating our Privacy Policy and Cookie Policy. These updates will come into effect starting from May 25, 2018. By using the site izismile.com after May 25, 2018 you are acknowledging that you ag

    How some mechanisms work (14 gifs)
    tyru
    tyru 2009/07/09
    おもしろい
  • 暇だから安価でAAをアニメにする:ハムスター速報 2ろぐ

    重かったので縮小してます、クリックすると元サイズの拡大gifが見れます。 1 :以下、名無しにかわりましてVIPがお送りします:2009/05/27(水) 18:53:27.50 ID:nMSVRC/I0 だっておwwwwwwwwwwww 描くの遅いけどがんばるよ! >>15 2 :以下、名無しにかわりましてVIPがお送りします:2009/05/27(水) 18:54:49.34 ID:sR6PORpaP             _ ___          ,. :'´: :,. -―‐-ミ:ヽ、         /: : : :厶ィ': ´ ̄ ̄ヾ : :\        /: : : : : :.!: :M: : : : : }、: ヽト、:.\       i: : :.!: : : レ‐' ` ̄⌒ ⌒" トヘ:ハ!     ト--|: : :.!: : 、|  ー‐'' ´ `'ー

  • LZWに震え上がった10年前の人たち

    温故知新――過去の出来事は時を越えて現代のわたしたちにさまざまな知恵を与えてくれる。この連載では、日曜日に読みたい歴史コンテンツをお届けします。今回は、GIFファイルの運命に大きな影響を与えたLZW特許について振り返ってみましょう。 歯車が狂うとき 1990年代、ソフトウェア業界では1つの大きな出来事が起こっていました。その中心には、開発者3名(Lempel、Ziv、Welch)の頭文字を取って名付けられた圧縮アルゴリズム「LZW」がありました。 「LZ77/LZ78」アルゴリズムを改良して生まれたLZWは、1983年6月に出願、1985年に特許として登録されています。もともとSperryがその権利を保有していたのですが(WelchはSperryの社員でしたので)、SperryがBurroughsと合併して生まれたUnisysがその権利を引き継ぐことになりました。Unisysは当初、LZW

    LZWに震え上がった10年前の人たち
  • GIFLIB

    BambooHR is all-in-one HR software made for small and medium businesses and the people who work in them—like you. Our software makes it easy to collect, maintain, and analyze your people data, improve the way you hire talent, onboard new employees, manage compensation, and develop your company culture. It’s designed to set you free to focus on what matters most—your people.

  • ユニシス特許に抵触しないGIF画像のデコード

    最近、GIFのライセンス問題が再び世間を混乱の渦に巻き込んでいる。初めて騒がれるようになったのは記憶が正しければ1995年の事だったと思うが、このところの騒ぎの大きさと言ったら当時の比ではあるまい。 一体何があったのだろうか? 実はこれにはライセンス供与元の米ユニシス・コーポレーション社(以下ユニシス)の対応が深く関わっている。そもそもユニシスはGIFフォーマットに採用されているLZWという圧縮法に関わる特許を取得している。この特許は国ではもちろんのこと、我が日においても1984年に出願され、1997年に登録されている。そして特許成立を期に、この圧縮法を利用しているソフトウェアに対してライセンス料を徴収するという手段に出た。これが世に言う第一期GIF騒動である。 ちなみに、このときの騒動をご存じ無い方もかなりの割合でいらっしゃるのでは無いかと思う。それもそのはず、当時のユニシス側の対

  • 1