{"id":12300,"date":"2025-07-06T17:57:10","date_gmt":"2025-07-06T08:57:10","guid":{"rendered":"https:\/\/www.webcyou.com\/?p=12300"},"modified":"2025-07-06T17:58:11","modified_gmt":"2025-07-06T08:58:11","slug":"godot-4-webassembly%e3%81%a7%e6%a7%98%e3%80%85%e3%81%aa%e3%83%87%e3%83%bc%e3%82%bf%e3%83%95%e3%82%a9%e3%83%bc%e3%83%9e%e3%83%83%e3%83%88%e3%82%92%e5%87%a6%e7%90%86","status":"publish","type":"post","link":"https:\/\/www.webcyou.com\/?p=12300","title":{"rendered":"Godot 4 & WebAssembly\u3067\u69d8\u3005\u306a\u30c7\u30fc\u30bf\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092\u51e6\u7406"},"content":{"rendered":"\n

\u3069\u3082\u3067\u3059\u3002<\/p>\n

\u524d\u56de\u300cGodot 4 & WebAssembly\u3067\u3001Hello WebAssembly! \u2013 godot-wasm<\/a>\u300d\u306e\u8a18\u4e8b\u3092\u66f8\u304d\u307e\u3057\u305f\u304c\u3001\u3082\u3046\u3061\u3087\u3063\u3068\u8e0f\u307f\u8fbc\u3093\u3060\u5185\u5bb9\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n

godot-wasm\u3092\u7528\u3044\u305f\u30b5\u30f3\u30d7\u30eb\u306f\u3001\u3053\u3061\u3089\u306e\u30da\u30fc\u30b8<\/a>\u306b\u8272\u3005\u306a\u30c7\u30e2\u304c\u3042\u308a\u307e\u3059\u306e\u3067\u3001\u53c2\u8003\u306b\u3059\u308b\u3068\u826f\u3044\u304b\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n

WebAssembly\u5316\u3055\u308c\u305fDoom\u3082\u3001\u30cc\u30eb\u30cc\u30eb\u52d5\u3044\u3066\u697d\u3057\u3044\u3067\u3059\u3002<\/p>\n

\"\"<\/p>\n

Godot\u5074\u306eGDScript\u306f\u3001\u308f\u305a\u304b34\u884c\u3002<\/p>\n

extends Control\n\n@onready var wasm = Wasm.new()\n@onready var memory = WasmMemory.new()\nvar image = Image.new()\nvar keys = { KEY_ENTER: 13, KEY_BACKSPACE: 127, KEY_SPACE: 32, KEY_LEFT: 0xac, KEY_RIGHT: 0xae, KEY_UP: 0xad, KEY_DOWN: 0xaf, KEY_CTRL: 0x80+0x1d, KEY_ALT: 0x80+0x38, KEY_ESCAPE: 27, KEY_TAB: 9, KEY_SHIFT: 16 }\n\nfunc _ready():\n    for k in range(KEY_A, KEY_Z + 1).map(func(x): return { x: x + 32 }) + range(KEY_0, KEY_9 + 1).map(func(x): return { x: x }) + range(KEY_F1, KEY_F12 + 1).map(func(x): return { x: 187 + x - KEY_F1 }): keys.merge(k)\n    image = Image.create(640, 400, false, Image.FORMAT_RGBA8)\n    $TextureRect.texture.set_image(image)\n    memory.grow(108)\n    var imports = {\n        \"functions\": { \"js.js_console_log\": [self, \"stdout\"], \"js.js_draw_screen\": [self, \"draw_screen\"], \"js.js_milliseconds_since_start\": [Time, \"get_ticks_msec\"], \"js.js_stdout\": [self, \"stdout\"], \"js.js_stderr\": [self, \"stderr\"] },\n        \"memory\": memory,\n    }\n    wasm.load(FileAccess.get_file_as_bytes(\"res:\/\/doom.wasm\"), imports)\n    wasm.function(\"main\", [0, 0])\n\nfunc _process(_delta):\n    wasm.function(\"doom_loop_step\")\n\nfunc _input(event):\n    if event is InputEventKey and !event.is_echo(): wasm.function(\"add_browser_event\", [int(!event.is_pressed()), keys.get(event.keycode, 0)])\n\nfunc draw_screen(offset):\n    image.set_data(640, 400, false, Image.FORMAT_RGBA8, memory.seek(offset).get_data(640 * 400 * 4)[1])\n    $TextureRect.texture.update(image)\n\nfunc stdout(offset, length):\n    print(memory.seek(offset).get_utf8_string(length))\n\nfunc stderr(offset, length):\n    push_warning(memory.seek(offset).get_utf8_string(length))<\/pre>\n
\u5b9f\u30bd\u30fc\u30b9<\/a><\/p>\n
WebAssembly\u306e\u6d41\u7528\u6027\u304c\u308f\u304b\u308a\u307e\u3059\u306d\u3002<\/p>\n
WebAssembly\u306e\u4ed5\u69d8\u306b\u95a2\u3057\u3066\u306f\u3044\u305a\u308c\u307e\u3068\u3081\u305f\u3044\u306a\u3068\u601d\u3044\u3064\u3064\u3001\u4eca\u56de\u306f\u300cwasm32-unknown-unknown<\/span>\u300d\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3067\u51fa\u529b\u3055\u308c\u305fWebAssembly\u3092Godot\u306bimport\u3057\u3066\u3001\u69d8\u3005\u306a\u30c7\u30fc\u30bf\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u306e\u30c7\u30fc\u30bf\u306e\u3084\u308a\u53d6\u308a\u3057\u3088\u3046\u3002\u3068\u3044\u3063\u305f\u3068\u3053\u308d\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n
\u4ee5\u524d\u306f\u3001Web\u7528\u3068\u3057\u3066\u51fa\u529b\u3059\u308b\u305f\u3081\u306b\u3001wasm-bindgen\u3092\u7528\u3044\u3066\u3044\u305f\u306e\u3067\u3059\u304c\u3001wasm32-unknown-unknown\u3060\u3068\u307e\u3042\u307e\u3042\u624b\u9593\u304c\u304b\u304b\u308a\u307e\u3059\u306d\u3002\u305b\u3081\u3066\u3001WebAssembly Component Model \u3067\u6271\u3048\u308c\u3070\u826f\u3044\u306a\u3068\u601d\u3044\u307e\u3057\u305f\u3002<\/span><\/p>\n
<\/p>\n
\u69d8\u3005\u306a\u30c7\u30fc\u30bf\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3092WASM\u306b\u9001\u4fe1\u30fb\u53d6\u5f97<\/h4>\n
\u3067\u306f\u65e9\u901f\u3002<\/p>\n
\u5148\u306b\u30bd\u30fc\u30b9\u306a\u3069\u3092\u53c2\u7167\u3057\u305f\u3044\u65b9\u306f\u3053\u3061\u3089<\/a>\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n
\"\"<\/p>\n
\u524d\u56de\u540c\u69d8\u300cgodot-wasm<\/a>\u300d\u3092\u5229\u7528\u3057\u307e\u3059\u3002<\/p>\n
\u5de6\u5074\u306eInput\u306b\u3066\u3001String\u3001Int\u3001ByteArray\u3001JSON\u306e\u4efb\u610f\u306e\u5024\u3092\u5165\u529b\u3057\u300cSubmit\u300d\u3092\u62bc\u4e0b\u3059\u308b\u3068\u7d50\u679c\u304c\u51fa\u529b\u3055\u308c\u307e\u3059\u3002<\/p>\n
\u51fa\u529b\u306b\u95a2\u3057\u3066\u3001<\/p>\n