ちとマニアックだが、メモ的にご紹介。 Bounce.jsは、CSS3アニメーションをブラウザ上で簡単に設定できるツールだ。 回転、移動、拡大・縮小など、細かい設定をしていくこともできれば、プリセットのモーションをいじることもできる。 実行結果は常に画面上に表示されているので確認も簡単だ。 また作ったアニメーションはその場でCSSに書き出すこともできる。覚えておくと便利そうですな。
![CSS3アニメーションをブラウザ上で簡単に作成・編集できる『bounce.js』 | 100SHIKI](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e31d311d7da8673a2fb468c1dd7ce77c3948b93/height=288;version=1;width=512/http%3A%2F%2Fwww.100shiki.com%2Fdocs%2F201406%2F10_logo.gif)
By Night-thing 画像フォーマットの一つであるGIFファイルを使えば、複数の画像を連続で表示させてパラパラマンガの要領で動く画像ファイルを作ることができます。古くから使われているフォーマットなので慣れ親しんでいる人も多いと思いますが、簡単な工夫を加えるだけでいきなりGIFアニメーションの奥行き感を増すことができるテクニックがあることが判明しました。 Incredible 3D GIFs Created with a Simple Visual Effect - My Modern Metropolis http://www.mymodernmet.com/profiles/blogs/3d-gifs そのテクニックとは、画像の中に2本の白線を書き込み、画面の動きに合わせて白線を調整するというもの。百聞は一見にしかずと言うことで、実際のGIFアニメーションを見れば一発で理解するこ
CSS3アニメーションの基本:脱エンジニアっぽさ! クライアントの笑顔を引き出すCSS3アニメーション(1)(1/3 ページ) エンジニアの立場でデザインまで積み上げていくのは、なにかと難しいもの。脱エンジニアっぽさを演出し、クライアントの笑顔を引き出す、CSS3アニメーションを紹介する。 クライアントさんからのさまざまな難しい要求を解決し、ようやく納品にこぎ着けたのに、クライアントさんから出た言葉は「ちょっとやぼったいね……」というつぶやき。Webエンジニアの方からよく耳にする嘆きの声です。エンジニアの立場でデザインまで積み上げていくのは、やはり難しいですよね。 しかし、いわゆる外観としてのデザインの他に、クライアントさんを「おっ!」と思わせる便利な手法が1つあります。それは「アニメーション」です。 Webサイトでの小気味良いアニメーションは、そのユーザー体験を豊かなものにしてくれます。
大した話ではないけれど、GIFアニメをコマンドラインから作るならGraphicsMagickが便利なので共有します。 MP4の動画ファイルからGIFアニメを作ろうとすると、まずffmpegで動画を画像に分割してそれからimagemagickでGIFに結合するという方法があります。 % ffmpeg -i hoge.mp4 -r 2 %04d.png % convert *.png hoge.gif複数枚の画像をimagemagickでGIFに結合するのが実は結構時間がかかるため煩わしいことが多いです。場合によっては、数十秒かかったりする。 ImageMagickのfork版であるGraphicsMagickを使うと高速にGIFアニメを生成することができます。 GraphicsMagickのほうが3~4倍速い GraphicsMagickを使えばImageMagickよりも3~4倍高速にGI
少し前にAmazon.co.uk イギリスのアマゾンでアニメDVDが安いというのが話題に上ったのだが、 ブルーレイのアニメソフトに関しては実際購入してみようとなると Amazon.com アメリカのアマゾンの方が安心して購入出来るし、安い。 計算してみたらブルーレイ新品23本をアメリカのアマゾンで購入した場合、301,265円のお得になった。 アメリカの方がイギリスより安心できるし安い理由は イギリスのブルーレイのアニメはリージョンBである事がある。(Bの場合日本と異なり再生不可) アメリカのブルーレイのアニメはリージョンが日本と同じ アメリカのアマゾンは送料も改定され安くなった。 これはアメリカ、イギリスに共通だが、ソフトの値段は日本が4000円〜5000千円なのに対して1000円〜3000円ほど。 送料概略 (以下、レートと値段は全て2011/05/18 1ドル≒81.4円のものです。
村田峻治 @toshiharumurata 絵を描く人は皆さん、消失点というモノが有るのはご存知かと思います。では消失点とは?今回は基本的に地面に有るモノについて考察します。消失点とは英訳するとVanishing Pointとなります。地面に立っているモノは全て目線の高さから見れば地平線にむかって消失点があり 2010-12-28 22:14:00 村田峻治 @toshiharumurata その消失点から発生するパーススペクティブ(以後はパースと略します)に支配されている訳です。建物などはこれにキチンと乗せて描かないとたちまち画面が破綻します。この時意識しなければならないのが地平線、ホリゾンタル・ライン(アイレベルと呼ぶ人が居ますが、それは間違いです) 2010-12-28 22:17:36
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く