From 9c25c44a8a7dc9660e2b3e6c8b6919868ad9a3ea Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Mon, 27 Apr 2026 16:58:01 +0900
Subject: [PATCH] wip

---
 locales/ja-JP.yml                    |  2 ++
 packages/frontend/src/pages/room.vue | 10 ++++++++++
 packages/i18n/src/autogen/locale.ts  |  8 ++++++++
 3 files changed, 20 insertions(+)

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 5b3c9463f5..8ea125274b 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -3562,3 +3562,5 @@ _room:
   graphicsQuality: "グラフィックの品質"
   frameRate: "フレームレート"
   resolution: "解像度"
+  yourDeviceNotSupported_title: "お使いのデバイスはMisskeyRoomをサポートしていません。"
+  yourDeviceNotSupported_description: "MisskeyRoomを動作させるには、WebGPUをサポートするデバイスが必要です。"
diff --git a/packages/frontend/src/pages/room.vue b/packages/frontend/src/pages/room.vue
index c000b089ed..a2fd8a1eb5 100644
--- a/packages/frontend/src/pages/room.vue
+++ b/packages/frontend/src/pages/room.vue
@@ -163,6 +163,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <script lang="ts" setup>
 import { computed, defineAsyncComponent, nextTick, onMounted, onUnmounted, ref, shallowRef, useTemplateRef, watch } from 'vue';
+import * as BABYLON from '@babylonjs/core';
 import XObjectCustomizeForm from './room.object-customize-form.vue';
 import type { RoomControllerOptions } from '@/world/room/controller.js';
 import { definePage } from '@/page.js';
@@ -275,6 +276,15 @@ const roomControllerOptions = computed<RoomControllerOptions>(() => ({
 const controller = new RoomController(data, roomControllerOptions.value);
 
 onMounted(async () => {
+	if (!await BABYLON.WebGPUEngine.IsSupportedAsync) {
+		os.alert({
+			type: 'warning',
+			title: i18n.ts._room.yourDeviceNotSupported_title,
+			text: i18n.ts._room.yourDeviceNotSupported_description,
+		});
+		return;
+	}
+
 	controller.init(canvas.value!);
 
 	canvas.value!.focus();
diff --git a/packages/i18n/src/autogen/locale.ts b/packages/i18n/src/autogen/locale.ts
index a3d10575b3..9f3f9619f5 100644
--- a/packages/i18n/src/autogen/locale.ts
+++ b/packages/i18n/src/autogen/locale.ts
@@ -13291,5 +13291,13 @@ export interface Locale extends ILocale {
          * 解像度
          */
         "resolution": string;
+        /**
+         * お使いのデバイスはMisskeyRoomをサポートしていません。
+         */
+        "yourDeviceNotSupported_title": string;
+        /**
+         * MisskeyRoomを動作させるには、WebGPUをサポートするデバイスが必要です。
+         */
+        "yourDeviceNotSupported_description": string;
     };
 }