まさかここまで簡単だったとは！あなただけのスペースインベーダーが作れる驚きの方法

俺もSpace Invaderジェネレーターを作ってみたよ！
ライブ版はこちら: https://abetusk.github.io/iao/vadfad_1gen/
ソース: https://github.com/abetusk/iao/tree/main/vadfad_1gen
Jared Tarbellにインスパイアされたんだ。いい結果を出すのが意外と簡単だったよ。主要な構成要素は目、左右対称、そして小さな長方形内のランダムなピクセルだった気がする。

Jared Tarbellにインスパイアされたって、すごく共感するな。初期のコンピュータいじりの大部分を占めてたよ。初期のインターネットの宝石だよね。後のhttp://complexification.netもそう。残念ながら、FlashやJavaの終焉でほとんどの例が動かなくなっちゃったけど、ComplexificationならProcessingの.pdeソースをhttps://hello.processing.org/editor/#editorにコピペすれば動かせるよ。

これ、ブロック印刷の漢字やひらがな・カタカナみたいに見えるね。蛍光灯で照らされたビルの側面とかにぶら下がってそうな感じ。めっちゃクールだよ！対称じゃなかったら、もっと文字っぽく見えただろうな。

UIとランダムなカラーパレットが最高！素晴らしい作品だね。

この記事、モバイルで読んだ体験の中で一番良かったよ。

そうそう、キャンバスが「拾われる」感じ、ちょっとした喜びだったね！

お二人ともありがとう、本当に嬉しいよ。クリーンだけど、楽しくてパーソナルなものにしようと心がけてるんだ。

そこまで設定した努力は報われたって言えるね。ジェネレーターを作ったことと、それをシェアしてくれたこと、両方に拍手！

うわー、結果がめっちゃ良いね！ https://muffinman.io/invaders/
記事から想像してたよりずっといいね。あと、oklchについても今日知ったよ！ https://developer.mozilla.org/en-US/docs/Web/CSS/color_value…

Thanks, when I started experimenting I was pleasantly surprised with results I was getting. After some polishing and adding UI I think it really came together nicely.As for OKLCH, it is a big upgrade. Working with color from code is hard, and it really makes things easier. I also like HSLuv [1], but unfortunately it is not supported natively in browsers.
[1] https://www.hsluv.org/

The uniform lightness looks nice, but it’s a shame that the easily memorable hue values of HSL (0 = red, 120 = green, 240=blue) are lost.

Nice, just the other day I coded up some quick 2d shooter demo and realized I have no idea how to draw interesting sprites for it. What you’re doing here with drawing the generated vector onto different sizes of grid is brilliant. A sort of structured pulsation. Same simple technique can be used for both ”breathing” animation of a critter and for animating it into bigger, badder forms. Bravo.At this point (actually before even writing the comment) If your blog had a RSS feed I’d have subscribed to it… but (at least according to my RSS plugin) it doesn’t, so I fear I will miss out on your next inspiring writeups. Consider adding one, if you feel like it :-)
https://muffinman.io/invaders/#/size:15/main-seed:began-ever… is a favorite so far

Thank you! You can also think of the vector shapes as a kind of skeleton. I think that is one of the reasons it works well. Moving the limbs or increasing the size creates the illusion of movement and breathing. But it works well only while the grid is smaller and can hide the underlying shapes. Once the vectors start to emerge, it breaks the illusion. You could definitely improve it to work better at larger sizes, but I think you would need to introduce more constraints, which limits the random factor of the generator.If you end up using something similar in your game, I would love to see it!edit: It seems that I need to make the RSS link more prominent :)

There is an RSS feed, the link is in the top hamburger menu, but here it is:
https://muffinman.io/atom.xml

Sick, +1 sub from me. Thanks!

Apparently someone drew a space invader on this pigeon walking in front of me the other week ;-)
https://files.catbox.moe/pzwgr8.jpg

If you refresh the page the invader that gets generated as you read changes.

Stop it.ChecksOh my god. 11/10.

Haha I love your comment. I’ll let you in on a little secret - you can add a seed parameter to the URL to get a specific invader. It has to be an integer, otherwise it will be ignored.For example:
https://muffinman.io/blog/invaders/?seed=1234

いいね。皮肉な話だけど、これは侵略者を作って地球を救うみたいなものだね。ブルートフォースAIを使わない、まさにハッカーらしいやり方！高評価に値するよ。

ありがとう！AIって、こういうプロジェクトの楽しさを全部奪っちゃうと思うんだよね。創作過程の魔法がなくなっちゃうじゃん。

せっかくだからさ、rayvenをGitHubに公開しない？（実質的に）魅力的なベクターハッチングに使ったアルゴリズム、すっごく興味あるんだよね。

公開する計画はあるんだけどさ、あれって終わらないプロジェクトの一つなんだよね。今年中にはやっとリリースできるといいなと思ってるよ。

AIのせいで俺たちが消えるって言う人もいるけど、あれはただコーディングが嫌いなだけなんだよ。

言わせてもらうとさ、このウェブサイトは今まで見た中で一番素敵で、一番読みやすいサイトの一つだよ。

ありがとう、本当に嬉しいよ！

俺もこれに賛成！これは本当に良くできてて、いじってて楽しいよ。全体的に最高の出来だね！

すっごく興味深い記事だし、8ビットの美学とかレトロコンピューティング好きな人にはかなり楽しいよ。これを読んでて思ったんだけどさ、これって母なる自然がすべてをカニの形に進化させたいって願望の、人間によるデジタルの表れなんじゃない？スペースインベーダーの付属物の対称性とか機能を見てよ。結局、全部カニみたいに見えるじゃん。これってマトリックスの合流点を見てるのかな？

これ、ランダムアバタージェネレーターとしてめちゃくちゃ良さそう！

GliderっていうアプリでHacker News読んでるんだけど、これほとんどインベーダーみたいなゲームでさ、惜しいんだよね！