[JS]Flashでもない、HTML5でもない、タイムラインベースの複雑なアニメーションを作成できるスクリプト -Mashi

ぱっと見た瞬間「Flashだな」と思ってしまったくらいの、Flashで実装したような複雑なアニメーションやムービーを作成できるスクリプトを紹介します。

使用するのはHTML, CSS, JavaScriptで、こういったものにありがちなHTML5, Canvas, CSS3には頼っていません。jQueryなど他のスクリプトにも依存していません。
※CSS3のエフェクトなどオプションとして利用が可能です。

デモのキャプチャ

Mashi
デモ

[ad#ad-2]

「Mashi」はIE6をはじめとする主要ブラウザへの対応だけでなく、iPhone, iPadなどのデバイスにも対応しています。

デモのキャプチャ

Mashiの主な特徴

  • スタンダードなHTML, CSS, JavaScriptでFlashのようなムービー、アニメーションを作成できます。(X)HTMLコンテンツに設置が簡単にできます。
  • 41KB/13KB(CDN+GZip)と非常に軽量で、オブジェクト指向、モジュール式です。
  • 基本的な利用では、追加のプラグインは必要ありません。
  • IE6をはじめ、すべての主要なブラウザをサポートしています。
  • iPad, iPhoneなどのモバイルデバイスもサポートしています。
  • jQueryなど他のスクリプトに依存していないので、好きなものと一緒に利用できます。
  • 開発は継続して行われています。

[ad#ad-2]

Mashiの実装

Mashiの実装方法をまとめたドキュメントが用意されています。

サイトのキャプチャ

Mashi API Doc

Mashiのライセンス

Mashiはフリーソフトウェアで、ライセンスはGPLです。
詳しくは下記ライセンスのテキストを参照ください。

sponsors

top of page

©2018 coliss