javascriptライブラリ「mootools」でパズルを作成するに関するコメントはまだありません。
ご遠慮なくコメントしてください。
javascriptライブラリ「mootools」でパズルを作成する
Slide Puzzle in JavaScript (mootools)では簡単に画像からパズルを作成するjavascriptを公開しています。

使用方法
Slide Puzzle in JavaScript (mootools)から、puzzle.js、puzzle.cssをダウンロードします。
<link rel="stylesheet" href="http://yourdomain/puzzle.css" media="all" type="text/css">
<script src="http://yourdomain/mootools.js" type="text/javascript"></script>
<script src="http://yourdomain/puzzle.js" type="text/javascript"></script>
あとは、画像とパズルのナビゲーションを以下のように記述すれば完成です。
<div id="puzzle"><img src="画像パス"></div>
<a href="#shuffle" onclick="return Puzzle.make(3)">開始</a> |
<a href="#shuffle" onclick="return Puzzle.shuffle()">シャッフル</a> |
<a href="#shuffle" onclick="return Puzzle.fix()">答え</a>
javascriptライブラリ「mootools」でパズルを作成するサンプル
2008年01月05日
前の記事:リンクにサムネイルを表示できるjavascript「Link Thumbnail」
次の記事:javascriptライブラリ「mootools」でtextareaの文字数を制限する
関連記事
- 超簡単にパズルを作成するjavascript「Creating A Sliding Image Puzzle」
- BOMBERMAN JAVASCRIPT GAME by mootools.js
- [mootools]mooVRotatingMenu
- [mootools]AJAX image crop
- [mootools]click the birds
コメント投稿
- jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
- ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
- BOMBERMAN JAVASCRIPT GAME by mootools.js
- 3ステップで表をソート&値を検索できるjavascript「dataTables」
- Movable Type 4.2にバージョンアップ
- ページの目次を自動で作成するjavascript「jqTOC」
- JavaScriptライブラリ「raphael」で図を描く
- ニューデザイン
- Widgetboxで手軽にRSS型ウィジェット(ガジェット)を作る
- 奥から手前にズームするJavaScript「Spacegallery.js」













