ピクセルビューア（pixel viewer）

ピクセルビューアとは

主にドット絵をブラウザ上で閲覧できる画像ビューアです。別にドット絵じゃなくても表示できますが、ドット絵閲覧用につくっているので、普通の画像には不向きです。

某所用につくったものですが、ほかにも何かしら使い道があるかもしれないので公開しておきます。

ソース一式

Flex3 SDK/ActionScript3.0で作成されています。いまはバージョン1.1です

ソースと画像一式を公開しています。興味のある方は好きに使ってください。（ただし、書き方はわりと適当なのであまり参考にしてはいけない）。アイコンも自由に使っていいです。

つかいかた（閲覧）

画像を閲覧できます

画像をドラッグすることで移動させられます

下に表示されたアイコンをクリックすると画像を変形したりビューアを変形させたりできます

拡大
絵を拡大します。ドット絵を想定しているので2の乗数（1/2,2,4,8…）でしか拡大しません。Flashはサイズ制限があるので幅か高さを2880px以上にはできません
縮小
拡大の反対です。
画像サイズを合わせる
画像をビューアのサイズに合わせます
反転
左右反転します
回転
左回転します
背景色の切り替え
背景色を白と黒で入れ替えます
背景色の選択
背景色変更ウィンドウが左上に現れたり消えたりします
ウィンドウサイズを合わせる
ビューアをブラウザウィンドウのサイズに合わせます。Javascriptを有効にする必要があります
ビューアを閉じる
ビューアを閉じて画像のみを表示します。画像の大きさはビューアで拡縮された大きさです。Javascriptを有効にする必要があります

アイコン説明に出る()内の文字はショートカットキーです。キーを押せばアイコンを押したのと同じ効果が現れます。

つかいかた（設置）

一部機能はJavascriptを使用しています。

pixelviewer.jsをダウンロードしてheadタグ内で読み込んでください

<div id='img'></div>
<div id='swf'>
<object 〜 >Flashのタグ</object>
</swf>

といった感じに埋め込んでください。まあここのソース見たほうがわかりやすいかもしれません

連絡先

なにかあればadmin@heriet.infoにメール送るなりその他何らかの方法で連絡してください

もどる