タグ

animationとJavaScriptに関するsugawaramasayaのブックマーク (4)

  • AnimateImage – attosoft.info

    目次 概要 特徴 使い方 ダウンロード API 仕様 記述例 デモ FAQ アニメーション機能を持つほかのスクリプト 画像関連のアニメーション規格 サポートする? 概要 AnimateImage は複数の画像をアニメーション GIF のように連続表示する JavaScript ライブラリ。 ※ アニメーション機能を実現するスクリプトはいくつかあるが、要求に合ったものがなかなか見つからなかったため自分で作成。 特徴 複数の画像をアニメーション GIF のように連続表示する。連番または任意のファイル名に対応。 Web ブラウザーがサポートするすべての画像形式に対応 PNG, JPEG, GIF, BMP, TIFF, WebP など 透過 PNG 画像によってアニメーション画像の背景を透過できる 256 色を超える高画質の写真やイラストをアニメーションできる アニメーション間隔を指定できる (

  • アニメーションgifならぬアニメーションjpg/png

    今日(2011/5/11)のgoogleロゴはダンスのアニメーションになってて、 それがとてもキレイでかっこいいアニメーションだったので、 自分もアニメーション用のjsをちょこっと書いてみた。 「Google」の6文字が踊る――マーサ・グレアムさん生誕記念のホリデーロゴ この人がロゴのアニメーション作ってた人。 ほんと細部までキレイなアニメーション。このアニメーターのモーション技術すっげぇ。。 んで、googleロゴの中身見てみると、gifアニメかと思いきやpngのポジションをずらす方法を取ってて これがネタばらしの一枚絵。 そういえば、一昨日公開された、thaのFRAMED*のページでも使われてたなぁ、これ。と思い、 普通にjs書ける人には一瞬でできるだろうから関係ないけど、 この1枚絵さえ作れれば、誰でもアニメーションgifならぬ、 アニメーションjpgとか、アニメーションpngつくれ

  • The Portfolio of Hakim El Hattab

    I'm Hakim El Hattab, a Swedish front-end developer and interface designer. I co-founded and am working on Slides. +++ Slides is a platform for creating, presenting and sharing slide decks. Sign up for free or check out this demo presentation. ResumeFilter.AI Upload a job description + resumes and ResumeFilter will tell you who's the best fit. Plus, get an individual report including strengths, wea

  • afekenholm.se – Att synas online

    Som medborgare i det moderna samhället har du troligen inte kunnat undgå att se hur tillvaron har förändrats. Det gäller i så gott som samtliga områden – men det är särskilt sant när det kommer till företagande och försäljning. Tidigare gick det att hålla sig någorlunda i skymundan som företag så länge det fanns en lojal kundkrets eller en traditionell affärsmodell som gick ut på långsiktiga klien

    sugawaramasaya
    sugawaramasaya 2010/05/07
    すげー。マウスオーバー時にクロスフェード+トゥイーンでURLなどを表示。
  • 1