このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

Archives Details

TypeScriptでStateMachine

AI・Bot・algorithm

2021.05.16

この記事は最終更新日から1年以上が経過しています。

どもです。

最近は、立場も変わりコーディングする機会もめっきり減っちゃってりして、プライベートでもGolang、Rust、C++、Dart,アセンブリ、etc..と、所謂フロントエンドの言語を触る機会も減って来ている今日このごろでありまして、久々TypeScriptを書こうとしたら「あれ、どう書くんだっけ」状態になっちゃたりする訳なんですよ。(そこまでないが)

という事で、今回は、こちらのゲームAIの書籍から(ちょっと古めですが)抜粋しC++の言語からTypeScriptに変換しつつ、コンソールログやコメントをすべて日本語化してみました。といったものです。

 

実例で学ぶゲームAIプログラミング

 

ソースに関しては、すべてGitHubにアップしております。

WestWorld project

題2章はStateMachineと言うことなんですが、3部構成になっております。

まず最初はシンプルなFSM(Finite State Machine 有限状態機械)で、登場人物も一人となっております。

 

StateMachineクラスもない状態のFSMで、ボブの状態が変化していきます。

 

GitHub

https://github.com/webcyou-org/FSM-ts-west-world

WestWorld With Woman project

続いて、主役のボブの奥さんエルザも登場し2人構成のStateMachineとなっております。

 

奥さんの行動(状態)もランダムに変化し、2人の状態それぞれ変化していきます。

 

 

GitHub

https://github.com/webcyou-org/FSM-ts-west-world-with-woman

WestWorld With Message project

最後はボブと奥さんのStateMachineに加え、2人間のメッセージパッシングが含まれたプログラムとなっております。

Telegramクラスも登場し、UML状態クラス図も複雑となってきます。

 

2人の状態がそれぞれ変化していくのに加え、お互いメッセージを送信し、受信したら状態が変化するプログラムとなっています。

 

GitHub

https://github.com/webcyou-org/FSM-ts-west-world-with-messaging

すべて、

$ node ./dist/index.js

でプログラム実行となっております。

という訳で、プログラム言語を覚える際にも、存在するプログラムを別言語で書き直すのもありかもしれないですね。

 

ではではぁ。

Comment

Related Article

【Claude Code】フル稼働。ToDo Appを様々なGUIフレームワーク用いて作らせる。

2026.05.24

効率の良い AI駆動開発について考える

2025.11.09

AIのために働け。AI リーダブルコーディングな未来。

2025.05.21

5分で覚える Flutter Flameで作る Wave Function Collapse – 波動関数崩壊アルゴリズム

2023.12.20

圧縮アルゴリズムの話 〜可逆と非可逆をざっくり整理してみる〜

2021.06.25

TypeScriptでStateMachine

2021.05.16

パックマン 解析プログラム動画から見る 追跡アルゴリズム

2020.09.23

5分で覚えるAI Minimax(ミニマックス)法とalpha-beta法

2016.05.14

JavaScriptでユークリッド距離とピアソン相関係数

2016.05.03

LINE BOT API Trial で WordPress + LINE BOT の Web帳BOT を作ってみました。

2016.04.30

CATEGORY LIST

LATEST NEWS

ラズパイが高騰しているのでストレス解消のためAliExpressで購入した電子パーツ達

電子工作

2026.08.02

【2026】【VMware Fusion】MacでWindowsを無料で扱う。

windows

2026.07.19

Raspberry Pi 5 でマインクラフトサーバーを立てる(Java版 × 統合版クロスプレイ対応)

RaspberryPi

2026.06.24

ラズパイが高い。

RaspberryPi

2026.05.26

【Claude Code】フル稼働。ToDo Appを様々なGUIフレームワーク用いて作らせる。

AI・Bot・algorithm

2026.05.24

Macで歩く「たのしいバイナリの歩き方」うさみみハリケーンの代わりに、Cheat Engine / Bit slicerを使用する

アセンブラ

2026.04.12

Macで歩く「たのしいバイナリの歩き方」

アセンブラ

2026.04.10

【Railway】ひたすら安く個人開発サービスを運用する計画

サーバー

2026.04.06

たびのきろく

イベント

2026.02.23

【Railway】MySQLサービスをコスト抑えて運用する

運用

2026.01.19

あけましておめでとうございますmm DjangoアプリをRailwayに移行する。

運用

2026.01.06

効率の良い AI駆動開発について考える

AI・Bot・algorithm

2025.11.09

RANKING

Follow

SPONSOR

現在、掲載募集中です。



Links

About Us

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。

Entry Profile

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、主に、ゲーム制作中心に港区六本木界隈で活動中。

FOLLOW US