Openclaw용 웹 게임 개발

이 스킬의 경로를 초기화하기 위해 필요한 환경 변수를 구성하세요:

export CODEX_HOME="${CODEX_HOME:-$HOME/.codex}"
export WEB_GAME_CLIENT="$CODEX_HOME/skills/develop-web-game/scripts/web_game_playwright_client.js"
export WEB_GAME_ACTIONS="$CODEX_HOME/skills/develop-web-game/references/action_payloads.json"

Playwright가 전역적으로 설치되었는지 또는 프로젝트 종속성으로 설치되었는지 확인하세요:

# npx 사용 가능 여부 확인, 그렇지 않으면 전역 설치
command -v npx >/dev/null 2>&1 || npm install -g @playwright/mcp@latest

지정된 작업 payload 파일을 사용하여 테스트 클라이언트를 실행하세요:

node "$WEB_GAME_CLIENT" --url http://localhost:5173 --actions-file "$WEB_GAME_ACTIONS" --click-selector "#start-btn" --iterations 3 --pause-ms 250

텍스트 상태 출력

게임은 활성 상태를 나타내는 간결한 JSON 문자열을 반환하는 전역 렌더링 후크를 노출해야 합니다:

{
  "mode": "playing",
  "player": { "x": 100, "y": 150, "r": 15 },
  "entities": [
    { "x": 200, "y": 220, "r": 10 }
  ],
  "score": 500
}

작업 Payloads

JSON으로 단계 구조를 정의하여 다단계 상호작용을 시뮬레이션합니다:

{
  "steps": [
    { "buttons": ["left_mouse_button"], "frames": 2, "mouse_x": 120, "mouse_y": 80 },
    { "buttons": [], "frames": 6 },
    { "buttons": ["right"], "frames": 8 },
    { "buttons": ["space"], "frames": 4 }
  ]
}

핵심 파일 및 로그