動作について
- うまいこと動作させるには JavaScript が有効になっている必要があります
- 縦横ともに 1000 ピクセル以下の画像を入力してください
- 面倒くさいので IE 推奨です
やってること
- アップロードした画像を他の画像を並べて再現します
- アップロードした画像を登録し、以降は他の画像を生成するのに使います
操作
- 「 ノイズ 」 はのっぺりした画像を少し華やかにするための値です
- 「 解像度 」 は生成する画像の細かさを設定します ( でも細かくすると画像の生成に失敗するかもしれません )
- 「追加しない」はアップロードした画像を登録したくない場合にチェックしてください
- 生成した画像は 「 zoom 」 で大きさを変えられます
- 薄目にするのも面倒なときは 「 blur 」 でボカシ機能を使ってください ( IE のみ )
- 画面左下にある 「 image list 」 ボタンを押すと、登録されている画像の一覧をポップアップします
感謝
- マイミクの方々にテストの協力をして頂きました
- 麻草さんにはロゴを作って頂くなど大変お世話になりました
- 「 image by images 」 は仮称のつもりだったけど、あんまりロゴが良い塩梅なのでこのままでいいと思ってます
やりたいこととか
- サーバが許せばもっと大きな画像を生成したい ( これみたいにピクセルを1行毎に別々に生成させればいい? ) ( Image Mosaic Generator は1行ロードする度に JavaScript で次の行を読み込むようにしているようだ ) ( だけど最初から1つの画像として出力したいなあ ) ( めんどいから )
- GIF や PNG は面倒くさいから対応させなくていいかな
メモ
- imagecopyresampled で 1×1 ピクセルに縮小すると画像の平均色が簡単に得られる
- IE に限った話だが、img タグの width と height プロパティで縮小したしてからフィルタでボカシを入れた場合は表示されている情報だけを使って blur を施すが、style.zoom で縮小してからフィルタでボカシを入れた場合は表示されていない部分のピクセルも用いて blur するので綺麗 ( 知らなかったー )
- img タグの width と height プロパティで縮小する場合、IE や Firefox ではニアレストネイバー法のようだが、どうやら Opera はバイリニア法か何かを使っているらしく綺麗
- でも IE の style.zoom で縮小+ボカシが一番綺麗かなぁと思う
- img 要素のスタイルで display:none とした場合、Opera だと画像の読み込み自体しないのか?
- ここに書いたメモは暇があれば分かり易くまとめる予定
バグ報告などは thrill.shock.suspense@gmail.com まで