左右矢印キーでスタートして移動、降ってくる岩を避けて下さい。 wasm-game-by-hand コードは以下。 game.wat ブラウザ上のアセンブリ言語ことWebAssemblyがChromeやFirefoxで動くようになってきたので何か作ろうと思った。普通はUnityとかRustとかのWebAssemblyを出力できるエンジンや言語を使って生成するのだが、せっかくだから直に書いてみた。 WebAssemblyはS式で書ける（wast形式）。 Understanding WebAssembly text format WebAssemblyはスタックマシンなので、2つの値を足す場合、それら値をスタックに順に積んでAddを呼び出す、というふうに書く。 get_local $p get_local $p i32.add でも引数が先に来て後に命令がくるのはあまり直感的な感じはしない。なの

最近はゲームもAIがプレイしてくれる時代だ。 ゲーム攻略で人間を超えた人工知能、その名は「DQN」 有名なDQN。フルネームはdeep Q-networkと呼ばれる強化学習の一種だ。こういう機械学習系の仕組みはマシンパワーでもって学習をぶん回して動かさないといけないので、それなりの準備が必要なのが普通だ。だけど最近はこの手の物をブラウザ上で簡単に試せるようになっている。 REINFORCEjs 例えばREINFORCEjs。これはDQNをJavaScriptで実装したもの。使い方もえらく簡単。 // DQNエージェントにゲームの状態を与えると var action = agent.act(state); // アクションとしてどう行動すればよいかが帰ってくるので // それに従って行動して // その行動が正しかったどうかを示す報酬をDQNエージェントに教える agent.learn(re

「コーディング不要でゲーム開発！」っていうウリのツールはあるが「デザイン不要！全てをコードでねじ伏せる」ツールはなかなか見かけない— ABA (@abagames) 2016年11月5日 グラフィックスもサウンドもコードでなんとかしてもらいたい— ABA (@abagames) 2016年11月5日 テキストエディタだけでグラフィックス作ろうと思ったら何が使えるだろう。SVG, 3D API／シェーダ各種, LOGO, PostScriptとか？サウンドだとMML, ByteBeat。あまり思いつかんな— ABA (@abagames) 2016年11月6日 と書いたが要はテキストエディタだけを入力として完結したゲーム開発環境が欲しいなという話。グラフィカルなドット絵エディタや3Dモデラー、ミュージックシーケンサなどは無し、さらにいうと外部リソースインポートも無し、ゲームに必要なリソースは

セルオートマトンプログラミングパズルゲームconsomatonというのを作った。 consomaton screenshot ブラウザで遊べます ソースコードはこちら (GitHub) ゲームプログラミングを趣味としている者として、昔から作ってみたかったのがプログラミングパズルゲームだった。プログラミングパズルゲームってのはたとえばGoogleがアランチューリング生誕100周年で公開していたチューリングマシンのロジックパズルとかメイドイン俺のくみたて道場とかTIS-100とか。カルネージハートとかよりはよりプログラミング感が全面に出ているタイプのゲーム。 ゲームとしてプログラミングを扱うにはなるべく簡単にコードが書けることが望ましい。スクラッチとかのパネルを置くタイプもいいんだけどこれですらちょっと面倒。なのでライフゲームに代表されるセル・オートマトンのルールを書くものにした。 ルールの書

ゲームを作る時にモノリシックなゲームエンジンを使う方法の他に、ブラウザゲームのプロトタイピングに役立つJavaScriptライブラリで述べたようなライブラリ群を機能ごとに組み合わせて作る、っていうアプローチも考えられる。そうした方が、グラフィックスはこれ、物理エンジンはこれ、という具合に自分が好きなAPIを使ってゲームを作れるし、一度に覚えなければならないことも少なくてすむ。 そういったライブラリを探すには、例えばhughsk/game-modulesというページがあって、ここにはゲーム向けの小さなライブラリがいっぱい挙げられている。これらから好きなモノをチョイスをして組み合わせれば、自分好みにカスタマイズしたゲームエンジンの出来上がりだ。 といけば簡単なのだが、実際はそんなに簡単ではない。ゲーム関連のライブラリは、requestAnimationFrame周りのフレームごとのアップデート

がまだ私には難しすぎる気がするよ…… Elm - functional web programming (http://elm-lang.org/) ElmというFRPやろう (http://qiita.com/jooex/items/89ab4bf7c953a6f40069) elmはHaskellに似た構文を持つ関数型言語のAltJS。コンパイルするとJavaScriptが生成されるのでブラウザ上で動くゲームも作れる。なのでごく簡単なミニゲームをelmで作ってみた。 Sine Jump (http://abagames.sakura.ne.jp/elm/sj/) ゲームライブラリ相当の部分を除くと250行強というところなので、コードの分量的にはCoffeeScriptで書くのと似たようなものかちょい長めというところかなあ。でもコードを書く際には関数型言語ならではのかなり違う発想が求めら

なんてのは無いということが。 I Have Created 50 Games in 2014 (http://www.asahi-net.or.jp/~cs8k-cyu/blog/2014/12/12/games-in-2014/) 作ったものは上のページにまとめた。全ゲームのスクリーンショットがアニメGIFになっていて、クリックすればそのゲームが遊べる。個人的な意見としては、左上の方が楽しめて、右下のほうが退屈できます。 すべてブラウザで遊べる昔ながらのミニゲーム。半分Flash、半分HTML5。HaxeとCoffeeScriptで書いた。ソースも置いてあります。 1年で50作れば年の終わり頃には余裕で面白いゲームを狙って作れるようになるかなあと思ったけど、脳内で面白そうと思ったゲームが実際に作るとひどくつまらないということは相変わらず多発するので、やはりイケてるゲームを作る簡単なセオリ

今年自分で作ったゲームと遊んで面白かったゲームを書いてみた。 作ったゲーム ミニゲームばかり30個少し。ほとんどFlashでプチコン少し。wonderflにはお世話になりまくりです。Haxeにも対応いただけませんかね。 一応自分で気に入っている順に書いた。上の方がお気に入り。 ブラウザゲーム ufast (http://wonderfl.net/c/8Ylg) undermine (http://wonderfl.net/c/bv3w) TANK FIRES BLOCK (http://wonderfl.net/c/dxL8) boxinbox (http://wonderfl.net/c/2D7T) commandmissile (http://wonderfl.net/c/kqI2) timebomb (http://wonderfl.net/c/tuh0C) carpieces (h

原始、ゲームは乱数とともにあった。インベーダーが弾を打つタイミングはでたらめで、ゲーム＆ウォッチのパラシュートがどこに着水するかは誰も知りえなかった。 近年、ゲームは乱数を必要としない。きちんとしたストーリー、練りに練られたレベルデザインに沿って遊ぶゲームにおいて、コンピュータの気まぐれで展開が変わるなどもってのほかだ。 昔のゲームがなんで好んで乱数を使っていたかというと、そうした方が何度も遊んでもらえたからだ。乱数を使えば、遊ぶたびにゲームの展開が変わり、新たなチャレンジが楽しめる。特に昔のゲームは1プレイ5分とか非常に短い時間で終わるものが多かったため、乱数で変わる新たなチャレンジを何度も遊び、ハイスコアを更新しては自分の上達を確認するというのが普通だった。 最近のゲームはそういった遊び方はしない。1プレイ40時間とかいうゲームでは、乱数に頼らなくても同じ展開にめぐりあうことはない。乱

ちょっと前に自作ゲームを動かせる環境・デバイスとしてどんなものがあるのかな？と思ってリストアップしたことがあった。 ちょっと前じゃなかったわ。2009年だから13年前だったわ。 ちょうどスマホが出てきたところで、PDAはもう消えた頃。携帯コンシューマ機としてのWonderWitchや、オープンなゲーム機としてGP32シリーズやP/ECEがあった。懐かしすぎるな。 2022年の今、同じようなリストを作ろうとした場合、世の中はだいぶ様変わりしている。Arduinoを代表とするワンボードマイコンをコアとし、それにディスプレイやボタンを追加したハンドヘルドゲーム機をDIYで作るというトレンドになった。 自分好みのゲーム機を自由に作れるのが利点である一方、様々なデバイスが乱立するために、それらで動作するゲームも個別の作りこみが必要な部分が増えているようにも思える。 それらに対して共通的なゲームライブ

今まで色々なアクションミニゲームを作ってきたが、作るときに一番難しく、かつ楽しいのがゲームのアイデア、ルール、内容を考える部分だ。ゲームを遊んだ、作った経験などから、行き当たりばったりにゲームアイデアを考えるのはそれはそれで楽しいが、もうちょっと系統立てて考える方法はないだろうか。 例えば、今まで作ったゲームが、どのような仕組みから出来上がっていて、その仕組みがプレイヤーにとってどのような楽しさや難しさを提供しているかを整理し、それら仕組みを組み合わせて新たなゲームを作るのはどうだろう。 試しにやってみた。 今まで作ったゲームが、どのようなプレイヤーキャラクタ、武器、障害物、フィールド、ルール、操作から構成されているかを、カテゴリごとのタグで整理した。上記ページでタグが一覧できる。各タグの詳細（Detail）ボタンを押すと、それぞれのタグの説明、およびそのタグが付加されたゲームの一覧が見ら

昇順に並べたいクイックソートと降順に並べたい挿入ソートが殴り合う動画です pic.twitter.com/YxsN1aSI0A— ABA (@abagames) 2020年1月18日 コードとライブデモはこちら。 アルゴリズムの王道ソートアルゴリズムでコードバトリングをしてみたかったので作った。左（赤）のコードが昇順に、右（青）のコードが降順に同一の配列をソートしようとして戦う。昇順に揃ったら左の勝ち、降順に揃ったら右の勝ち。 コードは普通のJavaScriptとして書く。以下の2つの特殊な関数がある。 get(i): 配列からi番目の要素を取得する swap(i, j): 配列のi番目とj番目の要素を交換する setはできない。setを許すとコード内のメモリに配列を逃しておいてソート、一気に書き込むというインチキができるから。右の降順側のgetは要素のマイナスの値が帰ってくるので、右のコ

自作ライブラリcrisp-game-libを使ったミニゲーム作りは、まだ継続して行っている。 そんな中、最近作ったゲームの評判が良かった。 タイミングよくトラックにひかれて異世界転生して両方の世界のダイヤを逃さず集めよう https://t.co/OpNsgnQWOC pic.twitter.com/UMiA4PRrXD— ABA (@abagames) 2021年6月16日 評判が良かった理由は、 このゲーム性を「異世界転生」に結びつける説明文で世界観をユーザーの頭に生じさせるセンスがすごい https://t.co/tmGYmJPTCC— てっちゃん@ぐだぐだ (@tkatsuta) 2021年6月16日 死と転生のメタファーなのを没入して忘れ、思い出し、その不謹慎な状態の自分を俯瞰する瞬間がゲームオーバーで訪れるのが面白い。そして没入感をプレイリズムとSEで自分が楽器になったみたいな

昔ってのはゼビウスとかディグダグとか、1980年代前半までさかのぼるくらいの昔。この頃のレトロアーケードゲームのBGMは、4～8小節くらいの短いフレーズを繰り返すものがあった。 自作ミニゲームのBGMとしてそういったBGMが欲しい、できれば自動生成したい、というもくろみが前々からあって、いくつかそういった技術を探していた。 一つはWolframTones。セルラオートマタを切り出してメロディにする手法。これはお手軽でよさそうなのだが、16分音符で完全五度で往復するベースとか、昔のゲームでよく見るフレーズが再現できないのが弱点に見える。 最新のものだとOpenAIのJukeboxがあるが、これは楽譜ではなく音楽の波形を生成するものなので、レトロゲーム向けではない。 そこでMagentaだ。MagentaはGoogleがやっている、機械学習を音楽や絵に応用するリサーチプロジェクト。ブラウザで動

たくさん作ることかな！ 上記のページに作ったワンボタンミニゲームの一覧がある。Twitterにゲームを放流した時に付いたFavとRTの合計でソートして、左上から多い順に並べている。なので、ある程度客観的に面白い順に並んでいる、はず。この上位に上がっているものをもう一度見直せば、面白いゲームを作る方法が分かるかも。 タイミングよくトラックにひかれて異世界転生して両方の世界のダイヤを逃さず集めよう https://t.co/OpNsgnQWOC pic.twitter.com/UMiA4PRrXD— ABA (@abagames) 2021年6月16日 トラックに当たって2つの世界を行き来しダイヤを集めるゲーム。これは単純に異世界転生というワードに頼って面白さを出した感じだなあ。この辺の話は以下の記事に書いた。 ヒヨコを引き連れて弾をよけながら床に飛び移ろう。たくさん引き連れるほど高得点。ヒヨ

ChatGPTはいろんなことができるが、私が興味があるのは、ChatGPTは私のためにアクションミニゲームを作ってくれるのか、ということだ。 コンピュータに自動的にアクションミニゲームを作ってもらうための試みは、だいぶ前にやった。 ChatGPTの登場によって、今度は大規模言語モデルを使うという新しいアプローチが手軽に試せるようになった。モデルに新しいゲームのアイデアを考えてもらい、そのアイデアを実現するソースコードを実装してもらえばゲームの出来上がりだ。 だが、少なくとも現状のChatGPT（今のところ私はGPT-3.5でしか試していないが）では以下の問題があるように思える。 ChatGPTに、実装可能なアルゴリズムのレベルまで詳細化された、新しいゲームのアイデアを考えさせるのは難しい ChatGPTは、今までにない新しいアルゴリズムを、ソースコードとして実装することを不得意としている

1次元ゲームとは、ゲームフィールドが1ラインしかなく、キャラクターが左右（もしくは上下）にしか動けないタイプのゲームを指す。非常に窮屈なフィールドで、どのようなルールにすればゲームが成り立つかを考えることは、新しいゲームアイデアを考える際に役立つ、こともある。 既存の2次元ゲームを1次元ゲームに落とし込むことで、元のゲームの基本ルールだけを際立たせた、よりプリミティブなゲームを作るという方法もある。この前はパックマンの１次元ゲーム化をやってみた。 パックマンの１ボタン化＋１D化をしてみた。左右のワープトンネルを使ってうまくモンスターを翻弄してください https://t.co/rClQ3H67y7 pic.twitter.com/l4IuZbQSOY— ABA (@abagames) 2023年2月1日 左右にあるワープトンネルを使ってモンスターを避ける、パワーエサを食べてイジケモンスター

ツイートやタイムラインが、Twitterにログインしないと見られなくなった。 BREAKING: Twitter now BLOCKS ALL ACCESS FROM SIGNED OUT USERS pic.twitter.com/tCl3isILf2— Theo - t3.gg (@t3dotgg) 2023年6月30日 前からログアウトした状態での検索ができなくなっていたが、これで本格的にTwitterはlogin wallの向こう側へ行ってしまい、インターネットから切り離されてしまった。上の埋め込みツイートだって今は見えているが、この調子だといつ見えなくなってもおかしくない。 インターネット上にログを残す用途にTwitterが使えなくなった今、代替手段として何があるだろう。昔に立ち戻るのであれば、ミニでない普通のブログに記録し、RSSリーダなどのアグリゲータで更新情報を得る、という

を目指してまた自作ゲームライブラリを作っている。 ゲーム制作体力が無いならゲーム作りをやめればいいのだが、ウン十年とゲームを作り続けているゲーム制作ジャンキーはそんなことでは立ち止まれないので、より短時間で体力が尽きる前にゲームを完成させるためのライブラリを再発明し、今日もゲーム制作RTAを走るのだ。1時間くらいで完走できるのが理想。 crisp-game-libは短時間で手軽にブラウザゲームを作るためのJavaScriptライブラリだ。2014年に50個のミニゲームを作ったが、そのときにはそれらゲームを作るためHaxeライブラリmglとCoffeeScriptライブラリmgl.coffeを合わせて作った。その後も懲りずにミニゲームとライブラリ作りを続けた経験を活かし、クラシックでアーケードライクなミニゲームを作るために必要最小限な機能を備えたライブラリを目指して、crisp-game-l

ABA Games 前々から今まで作ったゲームを整理して、その一覧が見られるようにしたいと思っていたので、覚悟を決めてホームページのリニューアルをした。作ったゲーム（一部ゲームじゃないのもあるけど）は250個くらい。ミニゲームを量産していたのでそれなりの数はあるだろうな、と思っていたけど、思ったより多かった。 ゲームはその動作プラットフォーム別に分けて見られるようにした。 ABA Games - Windows うちのゲームで比較的ちゃんとしているたぐいのものはだいたいWindows用だから、ここがメインページ。 ABA Games - Browser 最近作っている、ブラウザで遊べて数分で終わるミニゲーム群はこのページ。アニメーションGIFでだいたいどんなゲームか分かるようにしているつもり。 ABA Games - Flash 今は亡きFlashのページ。ミニゲームとはいえ、それなりの数