【レポート】

あのmoo.fxがバージョン2に - 滑らかで超軽量のエフェクトはこれ!

2 デモンストレーション

    後藤大地  [2006/11/07]

    9月11日(米国時間)にmootoolsが公開された段階ではデモンストレーションが公開されていなかったが、すでにデモンストレーションが提供されている。mootools wiki demosを実行してほしい。

    図2 デモサイトにはエフェクトデモや高度な動作例、解説を含んだデモなどが用意されている

    図3 Effects in Fx.js – div要素のフェードアウト、左右の移動、場所の移動やサイズの変更、内部の文字サイズや色のスムースな変更

    図4 Effects in Fxpack.js – div要素内テキストのスクロール、div要素自身のスクロース、div要素および内部文字列のフェード効果付き色変更

    図5 Effects in Fxutils.js – div要素のサイズ変更、透明度の変更

    図6 Mootools Physics simulation – mootoolsで実現する放物運動

    図7 element demo – elementの活用例

    div要素やdiv要素内のテキストに対するデモンストレーションが用意されているが、mootoolsを使うことでどのようなエフェクトを実現できるかがよくわかる。動作はスムースで、ページのロードもはやい。テキストを活用するタイプのAjaxシステムであればmootoolsでかなりクールなページを構築できるといえるだろう。

    テキストのエフェクトならmoo.fx2/mootoolsを

    moo.fx2/mootoolsのエフェクトは滑らかだ。成果物のうち必要な効果だけを圧縮率を変更してダウンロードできるため、用途に応じた超軽量なエフェクトライブラリとして活用できる点も魅力的。ライセンスもThe MIT Licenseを採用しているため組み込んで活用しやすい。テキストにエフェクトを実施する用途であればmoo.fx2/mootoolsはお勧めできるだろう。

    関連記事

    関連サイト

    新着記事

    特設サイトの情報

      求人情報

      人気記事

      一覧

      イチオシ記事

      新着記事

      特別企画

      転職ノウハウ

      あなたの仕事適性診断

      4つの診断で、自分の適性を見つめなおそう!

      Heroes File ~挑戦者たち~

      働くこと・挑戦し続けることへの思いを綴ったインタビュー

      はじめての転職診断

      あなたにピッタリのアドバイスを読むことができます。

      転職Q&A

      転職に必要な情報が収集できます

      スカウト転職する

      企業からアプローチのメッセージが届きます。

      マイナビニュースマガジン