使い方によっては、色んな事考えられるぞ。APIを使って表示できるようにする。Codeタイル画像の切り出しについてタイル1枚は、256*256pxらしい。FireBugで確認してみた画面↓ズームレベル0でタイル1*1枚ズームレベル1でタイル2*2枚ズームレベル2でタイル4*4枚ズームレベル3でタイル8*8枚ということらしい。横長や縦長の画像の場合は、どうなるんだ?とも思って実際に試してもみたが、ズームレベル0だとやはりタイル1枚のみが表示される状態。いうことは、タイル画像を作成するときに、正方形にちょうど収まるように作ってやればいいみたい。Sampleを見てみてください。オリジナルの画像をタイルレイヤーで表示Fireworksでの作業手順メモタイルの最大サイズを決めて、ファイル作成(Sampleは、8*8枚、2048*2048pxとした。)丁度メモリの容量みたいな数字ですね。最大サイズでスライスレイヤー(Webレイヤー)作るレイヤーフォルダ分けながら、半分のサイズにしながら、そのサイズの中でセンタリングする。※レイヤーの名前は、ズームレベルと合わせとくと、わかりやすいかも。スクリプトで、"tiles/"+zoom+"/"+x+"_"+y+".png"とかで画像を読み込ますので、それに合わせて、画像を書き出す。一度、Webレイヤーに名前を付けたファイルからコピペするもしくはFireworks-ファイル-書き出しのオプションを変更して、Webレイヤーを削除しながら書き出す画像の切り出しをやってくれるツールもあるみたいです。Analysis実際にオリジナルのマップを作成する場合には、文字を入れたりもするでしょうから、縮尺によって文字サイズを変更したい場合も出るはずです。オリジナルの画像をタイルレイヤーで表示スペシャルサンクスSampleで使用しているイラストは、高田さんに無理言って借りちゃいました。ありがとうございます。プロジェクト管理ツールBacklog(バックログ)の本体、告知サイト、Subversionページのインターフェースデザインも高田さんです。作ってて楽しいのは2系の方かもしれんねー。HTMLに書いてたし、直感的やもんねー。nishiaki2016-03-21BlogBlogはじめてのCoffeeScriptいまさらながらCoffeeScript書き出している。数行の動いているJavaScriptをCoffeeScriptにしようとしたら、動かなかった。基本的にやってることは、toggleだけというシンプルというか、ありきたりでつまらんモノ。検索この投稿へのコメントコメントはありません。コメントをキャンセルメールアドレスが公開されることはありません。※サイト上に表示された文字を入力してください。コメントデータの処理方法の詳細はこちらをご覧ください。この投稿へのトラックバックコメントはありません。