謎模様ジェネレータ２開発ふりかえり
謎模様ジェネレータ２開発ふりかえり
やったこと
ノイズ画像（低解像度、左右対称）したものを、三角形に切り抜けばインベーダーに出てきそうな戦闘機が作れるんじゃないかと 抜き型のバリエーション
正方形、円、三角形、インベーダ風（11:6の長方形）
セル数調整機能
画像サイズ調整機能
UIやサイトの見た目なんかも気にしてみる
カタログから気に入ったものを選ぶような操作感にする
無限スクロールで次々と生成されるように
スマホにおける用途が思いつかないので、あえてスマホ対応はしない
わかったこと
型抜きするだけでは不十分で、外縁部の透明と隣接する黒を消す事で、それっぽさが跳ね上がった
性能が良くないので、セル数の上限値に制限がある
性能が良くないので、延々スクロールしてるとブラウザ巻き込んで落ちる
友人に見せたらアバターの服の柄にしてくれて驚き。謎模様ジェネレータの可能性を感じる
https://gyazo.com/daaa917889bf7f3a1c4937bb38513f05
プレーンCSSはやっぱクソ
特にチェックボックスの見た目を整えるのが、ありものを一度消して、ゼロベースで組み立てる羽目になるのが面倒
つぎやること
柄をシャツにしてみる
性能改善
Canvasを1個にして、HTMLにはimgタグを並べる
仲間内で性能改善コンテスト（セル数Xを何秒で処理できるか）とか？
多色対応
多色版画みたく、ノイズ画像を色数分用意して合成するとか？ 普通にノイズ画像を多色にしても良いかも
横スクロールSTGを想定した用途
2等辺三角形型の抜き型を用意する
対称性を無くす
セルを連結を想定した3Dのメカブロックに置き換えれば、3Dの戦闘機無限生成出来るような気がする。レゴみたいな スマホ対応の再検討
スマホ未対応ですと表示するだけしておくとか？
身内に見せた第一声が「スマホじゃ動かないんです？」だったし
服の柄にすることを想定した作り
明色暗色、背景色を選べるように
Bootstrapも古いからナウでヤングなフレームワークが他にあるのではなかろうか
画像クリックで、向きを変えられると便利かも