ブラウザでプレイできるエージェント #1021

OkanoShinri · 2021-11-12T12:20:02Z

# serve.py
import agent
rulebased_agent = agent.RuleBasedAgent()
rulebased_agent.serve("127.0.0.1:9090", 1, 0, 0)

# serve2.py
import agent
human_control_agent = agent.HumanControlAgentOnBrowser()
human_control_agent.serve("127.0.0.1:9091", 1, 0, 0)

# run.py
import mjx
agents = {
    "player_0": "127.0.0.1:9091",  # human control
    "player_1": "127.0.0.1:9090",
    "player_2": "127.0.0.1:9090",
    "player_3": "127.0.0.1:9090",
}
mjx.run(agents, 1, 1, 1)

python serve.py
python serve2.py
python run.py
YOUR TURNと表示されたら http://127.0.0.1:5000/ へアクセス

OkanoShinri · 2021-11-12T12:32:06Z

OkanoShinri · 2021-11-12T14:20:32Z

修正予定

~~ShowPagesのクラス変数はインスタンス変数でもよいはず~~ 無理っぽかったのでそのまま
Queue周りの遅延を調べ、sleepを減らす
ダミーは表示しないようにする
コメント消す
htmlをもう少しいい感じにする(特にフォント)
選択肢をソート

OkanoShinri · 2021-11-16T12:24:16Z

赤牌の区別

OkanoShinri · 2021-11-16T12:47:40Z

進捗&デザイン

sotetsuk · 2021-11-17T05:09:45Z

動きました！ @OkanoShinri
選択肢のデザインは色々選択肢があるかと思うのですが、ひとまずこれでいい気はします
（あとは右隣とかに縦に列挙するとかがあるかなとは思います）

理想をいうと、選択肢は現在の選択がハイライトされていて、十字キーなどで選んでエンターで選ばれるのがいい気がします。
クリック時の挙動は現在のままでいいと思います！

sotetsuk · 2021-11-17T05:13:38Z

あと、リソース系（index.html, ttf, css)は全部同じ一箇所にまとめてくくれると楽なのでお願いします

static/index.html
static/xx.css
static/xx.tff

など

OkanoShinri · 2021-11-17T11:16:57Z

あと、リソース系（index.html, ttf, css)は全部同じ一箇所にまとめてくくれると楽なのでお願いします
* static/index.html

* static/xx.css

* static/xx.tff
など

これFlaskの仕様で、htmlとかcssをこの通りに置かないと動かないのです…

OkanoShinri · 2021-11-17T11:20:06Z

赤牌の区別

OkanoShinri · 2021-11-17T12:19:43Z

sotetsuk · 2021-11-17T12:26:50Z

いい感じですね！あとは細かい点しかないかもしれない

ツモ切りが一番上にくると嬉しいか
キーの長押しで連続で動けると嬉しいか
エンター押したあと、とりあえず選択肢が消えると安心するか（今は選ばれてるのか一瞬疑問に思う）

sotetsuk · 2021-11-17T12:27:51Z

赤が反映されてない？

OkanoShinri · 2021-11-17T12:41:22Z

TODO

ツモ切り一番上
キーの長押し
決定後選択肢を消す
鳴きの赤牌

OkanoShinri · 2021-11-24T12:25:22Z

次回までに

Post/Redirect/Get (PRG) パターンの実装

流れ

https://qiita.com/furi/items/a32c106e9d7c4418fc9d とかを参考に
今Pluggable Viewsを使っているので、簡単にはいかない

…/mjx into okano/feat/web-agent

OkanoShinri · 2021-11-30T12:40:03Z

処理の流れ

（黒丸:mjx側、白丸:flask側）

act関数実行時にobservationが渡される
observationをQueueに入れ、task_doneまでブロック
- Queueからobservationを取り出し、task_done
- 表示用ページへリダイレクト（≒ページ表示）
Queueからactionを取り出すまでブロック
- POST経由でactionを受け取る
- actionをQueueに入れ、task_doneまでブロック
Queueからactionを取り出し、task_done
actionをreturnしてact関数を抜ける
- Queueからobservationを取り出すまでブロック

何回か計測した感じではHTTPリクエストから表示すべきobservation取得までは0.1秒以下で済んでいるので、あとは通信速度を速める等か

sotetsuk · 2021-12-01T08:38:15Z

mjx/templates/index.html

+          case "ArrowUp":
+          case "ArrowLeft":
+          case "j":
+            keydown_counters[0]++;


この keydown_counters っていります？

連続で押したときのため？

sotetsuk · 2021-12-01T08:40:31Z

mjx/agent.py

+        super().__init__()
+        self.q = Queue()
+
+        self.sub = threading.Thread(target=self.flask, args=(self.q,))


threadingよりmultiprocessingの方がよいと思う（PythonのthreadはGILで止まると思う）

sotetsuk · 2021-12-01T08:42:51Z

mjx/agent.py

+        page2 = PostPage()
+        ShowPage.q = q
+        app = Flask(__name__)
+        app.config["SECRET_KEY"] = "8888"


SECRET_KEYは何のためにある？

OkanoShinri · 2021-12-01T12:54:57Z

revertがうまく行かなかったのでresetで戻してしまいました。

sotetsuk · 2021-12-08T09:22:03Z

mjx/agent.py

@@ -156,6 +165,113 @@ def act(self, observation: Observation) -> Action:  # type: ignore
        )


+class ShowPage(View):


このクラスは mjx/visualizer 以下とかに移しますか

sotetsuk · 2021-12-08T09:22:47Z

mjx/templates/index.html

@@ -0,0 +1,93 @@
+<!doctype html>
+<html lang="ja">


これもstatic以下に移しましょう

mjx/templates/index.html => mjx/static/index.html

sotetsuk · 2021-12-08T09:24:01Z

あとはmasterをこのPRにマージして、動作に問題ないか確認もお願いします

sotetsuk · 2021-12-10T09:11:58Z

なんか常に一段目までで止まっちゃうんですけど、そんなことないです？ @OkanoShinri

sotetsuk · 2021-12-15T11:23:18Z

やっぱり固まるなあ。。。（タブがローディングで止まってる）

YOUR TURNは表示されている

OkanoShinri · 2021-12-21T12:13:43Z

実行が遅いとか固まる系の問題はmultiprocessingを導入することで解決されるかもしれないですが、よく分からないエラーが出て止まってしまいます。

from multiprocessing import Pipe, Process
class MinimumWebAgent(Agent):  # type: ignore
    def __init__(self) -> None:
        super().__init__()
        self.conn, child_conn = Pipe()
        self.sub = Process(target=self.hoge, args=(child_conn,), daemon=True)

    def act(self, observation: Observation) -> Action:
        print("main: YOUR TURN")
        self.sub.start()
        print("main: Sub prosess started")
        self.conn.send(observation)
        action = self.conn.recv()
        return action

    def hoge(self, conn):
        print("sub: Waiting...")
        observation = conn.recv()
        print("sub: Recieved!")
        action = Action()
        conn.send(action)

に対して他のAgentと同じように動かすと

127.0.0.1:9091
main: YOUR TURN
main: Sub prosess started
sub: Waiting...
terminate called without an active exception
Aborted

sub: Recieved!が出ないので、プロセス間で何かをやり取りするとダメみたいです

OkanoShinri · 2021-12-21T12:29:15Z

threading x Queue 動くが遅い&固まる（条件不明）
threading x multiprocessing.Pipe 動かない（Agentのコンストラクタは抜けているが、actが呼び出されない？）
multiprocessing x Queue 動かない（actまで呼び出されるが、プロセス間でデータをやり取りできない）
multiprocessing x multiprocessing.Pipe 上と同じ

OkanoShinri · 2021-12-21T12:34:33Z

あとterminate called without an active exceptionでググってもC++ばっかり出てくる（std::threadのエラーコードみたい）ので、mjxのC++部分が関係しているんだろうなあというざっくりした考えです

OkanoShinri added 3 commits November 12, 2021 12:12

Merge remote-tracking branch 'origin/master' into okano/test/web-agent

15cd721

add flask

3c9149c

requirements

5121955

rm unused import

45f4f34

OkanoShinri mentioned this pull request Nov 12, 2021

ブラウザでプレイできるエージェントを作る #1012

Open

OkanoShinri added 2 commits November 16, 2021 11:11

update html

96c8e5a

sort action

cb71bb0

update html

0364937

fix html

3b13877

rei hai

cc40298

OkanoShinri added 3 commits November 17, 2021 11:31

tate

18cc93f

focus move

712891b

autofocus

de1f04f

nagaoshi

78a0baf

OkanoShinri added 4 commits November 24, 2021 11:09

display none

2b78091

red_hai

d51701d

rm

2e1ec3b

rm

1186a54

OkanoShinri and others added 5 commits November 24, 2021 22:34

fix action_idx

1d2bf45

prg

63df5a4

Merge branch 'okano/feat/web-agent' of https://github.com/mjx-project…

01e903e

…/mjx into okano/feat/web-agent

update css

c63d2be

resolve conflict

b9601e4

sotetsuk reviewed Dec 1, 2021

View reviewed changes

OkanoShinri added 2 commits December 1, 2021 12:33

resolve conflict

966eda6

before prg

c13f7e0

sotetsuk reviewed Dec 8, 2021

View reviewed changes

OkanoShinri added 3 commits December 8, 2021 10:21

move view class

2b7a5bf

Merge remote-tracking branch 'origin/master' into okano/feat/web-agent

a8c460f

rm secret key

7d6b247

add sleep(0.1)

884a05a

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

ブラウザでプレイできるエージェント #1021

ブラウザでプレイできるエージェント #1021

OkanoShinri commented Nov 12, 2021 •

edited

Loading

OkanoShinri commented Nov 12, 2021

OkanoShinri commented Nov 12, 2021 •

edited

Loading

OkanoShinri commented Nov 16, 2021 •

edited

Loading

OkanoShinri commented Nov 16, 2021

sotetsuk commented Nov 17, 2021

sotetsuk commented Nov 17, 2021

OkanoShinri commented Nov 17, 2021

OkanoShinri commented Nov 17, 2021

OkanoShinri commented Nov 17, 2021

sotetsuk commented Nov 17, 2021

sotetsuk commented Nov 17, 2021

OkanoShinri commented Nov 17, 2021 •

edited

Loading

OkanoShinri commented Nov 24, 2021 •

edited

Loading

OkanoShinri commented Nov 30, 2021

sotetsuk Dec 1, 2021

sotetsuk Dec 1, 2021

sotetsuk Dec 1, 2021

sotetsuk Dec 1, 2021

OkanoShinri commented Dec 1, 2021

sotetsuk Dec 8, 2021

sotetsuk Dec 8, 2021 •

edited

Loading

sotetsuk commented Dec 8, 2021

sotetsuk commented Dec 10, 2021 •

edited

Loading

sotetsuk commented Dec 15, 2021 •

edited

Loading

OkanoShinri commented Dec 21, 2021

OkanoShinri commented Dec 21, 2021

OkanoShinri commented Dec 21, 2021

		@@ -156,6 +165,113 @@ def act(self, observation: Observation) -> Action: # type: ignore
		)


		class ShowPage(View):

ブラウザでプレイできるエージェント #1021

Are you sure you want to change the base?

ブラウザでプレイできるエージェント #1021

Conversation

OkanoShinri commented Nov 12, 2021 • edited Loading

OkanoShinri commented Nov 12, 2021

OkanoShinri commented Nov 12, 2021 • edited Loading

OkanoShinri commented Nov 16, 2021 • edited Loading

OkanoShinri commented Nov 16, 2021

進捗&デザイン

sotetsuk commented Nov 17, 2021

sotetsuk commented Nov 17, 2021

OkanoShinri commented Nov 17, 2021

OkanoShinri commented Nov 17, 2021

OkanoShinri commented Nov 17, 2021

sotetsuk commented Nov 17, 2021

sotetsuk commented Nov 17, 2021

OkanoShinri commented Nov 17, 2021 • edited Loading

OkanoShinri commented Nov 24, 2021 • edited Loading

次回までに

流れ

OkanoShinri commented Nov 30, 2021

処理の流れ

sotetsuk Dec 1, 2021

Choose a reason for hiding this comment

sotetsuk Dec 1, 2021

Choose a reason for hiding this comment

sotetsuk Dec 1, 2021

Choose a reason for hiding this comment

sotetsuk Dec 1, 2021

Choose a reason for hiding this comment

OkanoShinri commented Dec 1, 2021

sotetsuk Dec 8, 2021

Choose a reason for hiding this comment

sotetsuk Dec 8, 2021 • edited Loading

Choose a reason for hiding this comment

sotetsuk commented Dec 8, 2021

sotetsuk commented Dec 10, 2021 • edited Loading

sotetsuk commented Dec 15, 2021 • edited Loading

OkanoShinri commented Dec 21, 2021

OkanoShinri commented Dec 21, 2021

OkanoShinri commented Dec 21, 2021

OkanoShinri commented Nov 12, 2021 •

edited

Loading

OkanoShinri commented Nov 12, 2021 •

edited

Loading

OkanoShinri commented Nov 16, 2021 •

edited

Loading

OkanoShinri commented Nov 17, 2021 •

edited

Loading

OkanoShinri commented Nov 24, 2021 •

edited

Loading

sotetsuk Dec 8, 2021 •

edited

Loading

sotetsuk commented Dec 10, 2021 •

edited

Loading

sotetsuk commented Dec 15, 2021 •

edited

Loading