diff --git a/packages/frontend/src/pages/room.default-heya-options.vue b/packages/frontend/src/pages/room.default-heya-options.vue
index e69de29bb2..fa75f672c5 100644
--- a/packages/frontend/src/pages/room.default-heya-options.vue
+++ b/packages/frontend/src/pages/room.default-heya-options.vue
@@ -0,0 +1,56 @@
+<!--
+SPDX-FileCopyrightText: syuilo and misskey-project
+SPDX-License-Identifier: AGPL-3.0-only
+-->
+
+<template>
+<div :class="$style.root">
+	<div class="_gaps">
+		<MkFolder>
+			<template #label>Wall N</template>
+			<XWallOption :options="options.walls.n" @update="v => { emit('update', { ...options, walls: { ...options.walls, n: v } }); }"></XWallOption>
+		</MkFolder>
+		<MkFolder>
+			<template #label>Wall S</template>
+			<XWallOption :options="options.walls.s" @update="v => { emit('update', { ...options, walls: { ...options.walls, s: v } }); }"></XWallOption>
+		</MkFolder>
+		<MkFolder>
+			<template #label>Wall W</template>
+			<XWallOption :options="options.walls.w" @update="v => { emit('update', { ...options, walls: { ...options.walls, w: v } }); }"></XWallOption>
+		</MkFolder>
+		<MkFolder>
+			<template #label>Wall E</template>
+			<XWallOption :options="options.walls.e" @update="v => { emit('update', { ...options, walls: { ...options.walls, e: v } }); }"></XWallOption>
+		</MkFolder>
+	</div>
+</div>
+</template>
+
+<script lang="ts" setup>
+import { computed, defineAsyncComponent, nextTick, onMounted, onUnmounted, ref, shallowRef, useTemplateRef, watch } from 'vue';
+import XWallOption from './room.default-heya-wall-options.vue';
+import type { ObjectDef } from '@/world/room/object.js';
+import type { SimpleHeyaOptions } from '@/world/room/heya.js';
+import { i18n } from '@/i18n.js';
+import MkButton from '@/components/MkButton.vue';
+import MkSelect from '@/components/MkSelect.vue';
+import * as os from '@/os.js';
+import MkInput from '@/components/MkInput.vue';
+import MkSwitch from '@/components/MkSwitch.vue';
+import MkRange from '@/components/MkRange.vue';
+import { getHex, getRgb } from '@/world/utility.js';
+import MkFolder from '@/components/MkFolder.vue';
+
+const props = defineProps<{
+	options: SimpleHeyaOptions;
+}>();
+
+const emit = defineEmits<{
+	(ev: 'update', v: SimpleHeyaOptions): void;
+}>();
+</script>
+
+<style lang="scss" module>
+.root {
+}
+</style>
diff --git a/packages/frontend/src/pages/room.default-heya-wall-options.vue b/packages/frontend/src/pages/room.default-heya-wall-options.vue
new file mode 100644
index 0000000000..c630d851b6
--- /dev/null
+++ b/packages/frontend/src/pages/room.default-heya-wall-options.vue
@@ -0,0 +1,74 @@
+<!--
+SPDX-FileCopyrightText: syuilo and misskey-project
+SPDX-License-Identifier: AGPL-3.0-only
+-->
+
+<template>
+<div :class="$style.root">
+	<div class="_gaps">
+		<MkSelect
+			:items="[
+				{ label: 'None', value: null },
+				{ label: 'Wood', value: 'wood' },
+				{ label: 'Concrete', value: 'concrete' },
+			]" :modelValue="options.material" @update:modelValue="v => { update({ material: v }); }"
+		>
+			<template #label>wallpaper</template>
+		</MkSelect>
+		<MkInput :modelValue="getHex(options.color)" type="color" @update:modelValue="v => { const c = getRgb(v); if (c != null) update({ color: c }); }">
+			<template #label>color</template>
+		</MkInput>
+		<hr>
+		<MkSwitch :modelValue="options.withHari" @update:modelValue="v => { update({ withHari: v }); }">
+			<template #label>with Hari</template>
+		</MkSwitch>
+		<MkSelect
+			:items="[
+				{ label: 'None', value: null },
+				{ label: 'Wood', value: 'wood' },
+				{ label: 'Concrete', value: 'concrete' },
+			]" :modelValue="options.hariMaterial" @update:modelValue="v => { update({ hariMaterial: v }); }"
+		>
+			<template #label>hari material</template>
+		</MkSelect>
+		<MkInput :modelValue="getHex(options.hariColor)" type="color" @update:modelValue="v => { const c = getRgb(v); if (c != null) update({ hariColor: c }); }">
+			<template #label>hari color</template>
+		</MkInput>
+		<hr>
+		<MkSwitch :modelValue="options.withHabaki" @update:modelValue="v => { update({ withHabaki: v }); }">
+			<template #label>with Habaki</template>
+		</MkSwitch>
+	</div>
+</div>
+</template>
+
+<script lang="ts" setup>
+import { computed, defineAsyncComponent, nextTick, onMounted, onUnmounted, ref, shallowRef, useTemplateRef, watch } from 'vue';
+import type { ObjectDef } from '@/world/room/object.js';
+import type { SimpleHeyaOptions } from '@/world/room/heya.js';
+import { i18n } from '@/i18n.js';
+import MkButton from '@/components/MkButton.vue';
+import MkSelect from '@/components/MkSelect.vue';
+import * as os from '@/os.js';
+import MkInput from '@/components/MkInput.vue';
+import MkSwitch from '@/components/MkSwitch.vue';
+import MkRange from '@/components/MkRange.vue';
+import { getHex, getRgb } from '@/world/utility.js';
+
+const props = defineProps<{
+	options: SimpleHeyaOptions['walls']['n' | 's' | 'w' | 'e'];
+}>();
+
+const emit = defineEmits<{
+	(ev: 'update', v: SimpleHeyaOptions['walls']['n' | 's' | 'w' | 'e']): void;
+}>();
+
+function update(v: Partial<SimpleHeyaOptions['walls']['n' | 's' | 'w' | 'e']>) {
+	emit('update', { ...props.options, ...v });
+}
+</script>
+
+<style lang="scss" module>
+.root {
+}
+</style>
diff --git a/packages/frontend/src/pages/room.vue b/packages/frontend/src/pages/room.vue
index 146549fba4..f4f4e313eb 100644
--- a/packages/frontend/src/pages/room.vue
+++ b/packages/frontend/src/pages/room.vue
@@ -84,146 +84,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				</MkSelect>
 
 				<template v-if="controller.roomState.value.heya.type === 'simple'">
-					<div>
-						<div>Wall N</div>
-						<MkSelect
-							:items="[
-								{ label: 'None', value: null },
-								{ label: 'Wood', value: 'wood' },
-								{ label: 'Concrete', value: 'concrete' },
-							]" :modelValue="controller.roomState.value.heya.options.wallN.material" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallN: { ...controller.roomState.value.heya.options.wallN, material: v } }); }"
-						>
-							<template #label>wallpaper</template>
-						</MkSelect>
-						<MkInput :modelValue="getHex(controller.roomState.value.heya.options.wallN.color)" type="color" @update:modelValue="v => { const c = getRgb(v); if (c != null) controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallN: { ...controller.roomState.value.heya.options.wallN, color: c } }); }">
-							<template #label>color</template>
-						</MkInput>
-						<hr>
-						<MkSwitch :modelValue="controller.roomState.value.heya.options.wallN.withHari" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallN: { ...controller.roomState.value.heya.options.wallN, withHari: v } }); }">
-							<template #label>with Hari</template>
-						</MkSwitch>
-						<MkSelect
-							:items="[
-								{ label: 'None', value: null },
-								{ label: 'Wood', value: 'wood' },
-								{ label: 'Concrete', value: 'concrete' },
-							]" :modelValue="controller.roomState.value.heya.options.wallN.hariMaterial" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallN: { ...controller.roomState.value.heya.options.wallN, hariMaterial: v } }); }"
-						>
-							<template #label>hari material</template>
-						</MkSelect>
-						<MkInput :modelValue="getHex(controller.roomState.value.heya.options.wallN.hariColor)" type="color" @update:modelValue="v => { const c = getRgb(v); if (c != null) controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallN: { ...controller.roomState.value.heya.options.wallN, hariColor: c } }); }">
-							<template #label>hari color</template>
-						</MkInput>
-						<hr>
-						<MkSwitch :modelValue="controller.roomState.value.heya.options.wallN.withHabaki" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallN: { ...controller.roomState.value.heya.options.wallN, withHabaki: v } }); }">
-							<template #label>with Habaki</template>
-						</MkSwitch>
-					</div>
-					<div>
-						<div>Wall E</div>
-						<MkSelect
-							:items="[
-								{ label: 'None', value: null },
-								{ label: 'Wood', value: 'wood' },
-								{ label: 'Concrete', value: 'concrete' },
-							]" :modelValue="controller.roomState.value.heya.options.wallE.material" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallE: { ...controller.roomState.value.heya.options.wallE, material: v } }); }"
-						>
-							<template #label>wallpaper</template>
-						</MkSelect>
-						<MkInput :modelValue="getHex(controller.roomState.value.heya.options.wallE.color)" type="color" @update:modelValue="v => { const c = getRgb(v); if (c != null) controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallE: { ...controller.roomState.value.heya.options.wallE, color: c } }); }">
-							<template #label>color</template>
-						</MkInput>
-						<hr>
-						<MkSwitch :modelValue="controller.roomState.value.heya.options.wallE.withHari" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallE: { ...controller.roomState.value.heya.options.wallE, withHari: v } }); }">
-							<template #label>with Hari</template>
-						</MkSwitch>
-						<MkSelect
-							:items="[
-								{ label: 'None', value: null },
-								{ label: 'Wood', value: 'wood' },
-								{ label: 'Concrete', value: 'concrete' },
-							]" :modelValue="controller.roomState.value.heya.options.wallE.hariMaterial" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallE: { ...controller.roomState.value.heya.options.wallE, hariMaterial: v } }); }"
-						>
-							<template #label>hari material</template>
-						</MkSelect>
-						<MkInput :modelValue="getHex(controller.roomState.value.heya.options.wallE.hariColor)" type="color" @update:modelValue="v => { const c = getRgb(v); if (c != null) controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallE: { ...controller.roomState.value.heya.options.wallE, hariColor: c } }); }">
-							<template #label>hari color</template>
-						</MkInput>
-						<hr>
-						<MkSwitch :modelValue="controller.roomState.value.heya.options.wallE.withHabaki" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallE: { ...controller.roomState.value.heya.options.wallE, withHabaki: v } }); }">
-							<template #label>with Habaki</template>
-						</MkSwitch>
-					</div>
-					<div>
-						<div>Wall S</div>
-						<MkSelect
-							:items="[
-								{ label: 'None', value: null },
-								{ label: 'Wood', value: 'wood' },
-								{ label: 'Concrete', value: 'concrete' },
-							]" :modelValue="controller.roomState.value.heya.options.wallS.material" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallS: { ...controller.roomState.value.heya.options.wallS, material: v } }); }"
-						>
-							<template #label>wallpaper</template>
-						</MkSelect>
-						<MkInput :modelValue="getHex(controller.roomState.value.heya.options.wallS.color)" type="color" @update:modelValue="v => { const c = getRgb(v); if (c != null) controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallS: { ...controller.roomState.value.heya.options.wallS, color: c } }); }">
-							<template #label>color</template>
-						</MkInput>
-						<hr>
-						<MkSwitch :modelValue="controller.roomState.value.heya.options.wallS.withHari" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallS: { ...controller.roomState.value.heya.options.wallS, withHari: v } }); }">
-							<template #label>with Hari</template>
-						</MkSwitch>
-						<MkSelect
-							:items="[
-								{ label: 'None', value: null },
-								{ label: 'Wood', value: 'wood' },
-								{ label: 'Concrete', value: 'concrete' },
-							]" :modelValue="controller.roomState.value.heya.options.wallS.hariMaterial" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallS: { ...controller.roomState.value.heya.options.wallS, hariMaterial: v } }); }"
-						>
-							<template #label>hari material</template>
-						</MkSelect>
-						<MkInput :modelValue="getHex(controller.roomState.value.heya.options.wallS.hariColor)" type="color" @update:modelValue="v => { const c = getRgb(v); if (c != null) controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallS: { ...controller.roomState.value.heya.options.wallS, hariColor: c } }); }">
-							<template #label>hari color</template>
-						</MkInput>
-						<hr>
-						<MkSwitch :modelValue="controller.roomState.value.heya.options.wallS.withHabaki" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallS: { ...controller.roomState.value.heya.options.wallS, withHabaki: v } }); }">
-							<template #label>with Habaki</template>
-						</MkSwitch>
-					</div>
-					<div>
-						<div>Wall W</div>
-						<MkSelect
-							:items="[
-								{ label: 'None', value: null },
-								{ label: 'Wood', value: 'wood' },
-								{ label: 'Concrete', value: 'concrete' },
-							]" :modelValue="controller.roomState.value.heya.options.wallW.material" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallW: { ...controller.roomState.value.heya.options.wallW, material: v } }); }"
-						>
-							<template #label>wallpaper</template>
-						</MkSelect>
-						<MkInput :modelValue="getHex(controller.roomState.value.heya.options.wallW.color)" type="color" @update:modelValue="v => { const c = getRgb(v); if (c != null) controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallW: { ...controller.roomState.value.heya.options.wallW, color: c } }); }">
-							<template #label>color</template>
-						</MkInput>
-						<hr>
-						<MkSwitch :modelValue="controller.roomState.value.heya.options.wallW.withHari" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallW: { ...controller.roomState.value.heya.options.wallW, withHari: v } }); }">
-							<template #label>with Hari</template>
-						</MkSwitch>
-						<MkSelect
-							:items="[
-								{ label: 'None', value: null },
-								{ label: 'Wood', value: 'wood' },
-								{ label: 'Concrete', value: 'concrete' },
-							]" :modelValue="controller.roomState.value.heya.options.wallW.hariMaterial" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallW: { ...controller.roomState.value.heya.options.wallW, hariMaterial: v } }); }"
-						>
-							<template #label>hari material</template>
-						</MkSelect>
-						<MkInput :modelValue="getHex(controller.roomState.value.heya.options.wallW.hariColor)" type="color" @update:modelValue="v => { const c = getRgb(v); if (c != null) controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallW: { ...controller.roomState.value.heya.options.wallW, hariColor: c } }); }">
-							<template #label>hari color</template>
-						</MkInput>
-						<hr>
-						<MkSwitch :modelValue="controller.roomState.value.heya.options.wallW.withHabaki" @update:modelValue="v => { controller.updateHeyaOptions({ ...controller.roomState.value.heya.options, wallW: { ...controller.roomState.value.heya.options.wallW, withHabaki: v } }); }">
-							<template #label>with Habaki</template>
-						</MkSwitch>
-					</div>
+					<XDefaultHeyaOptions :options="controller.roomState.value.heya.options" @update="v => controller.updateHeyaOptions(v)"></XDefaultHeyaOptions>
 				</template>
 			</div>
 		</div>
@@ -239,6 +100,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 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 XDefaultHeyaOptions from './room.default-heya-options.vue';
 import type { RoomControllerOptions } from '@/world/room/controller.js';
 import { definePage } from '@/page.js';
 import { i18n } from '@/i18n.js';
@@ -311,21 +173,39 @@ const data = localStorage.getItem('roomData') != null ? JSON.parse(localStorage.
 		options: {
 			dimension: [300, 300],
 			window: 'demado',
-			wallN: {
-				material: null,
-				color: [0.9, 0.9, 0.9],
-			},
-			wallE: {
-				material: null,
-				color: [0.9, 0.9, 0.9],
-			},
-			wallS: {
-				material: null,
-				color: [0.9, 0.9, 0.9],
-			},
-			wallW: {
-				material: null,
-				color: [0.9, 0.9, 0.9],
+			walls: {
+				n: {
+					material: null,
+					color: [0.9, 0.9, 0.9],
+					withHari: false,
+					hariMaterial: null,
+					hariColor: [0.8, 0.8, 0.8],
+					withHabaki: false,
+				},
+				e: {
+					material: null,
+					color: [0.9, 0.9, 0.9],
+					withHari: false,
+					hariMaterial: null,
+					hariColor: [0.8, 0.8, 0.8],
+					withHabaki: false,
+				},
+				s: {
+					material: null,
+					color: [0.9, 0.9, 0.9],
+					withHari: false,
+					hariMaterial: null,
+					hariColor: [0.8, 0.8, 0.8],
+					withHabaki: false,
+				},
+				w: {
+					material: null,
+					color: [0.9, 0.9, 0.9],
+					withHari: false,
+					hariMaterial: null,
+					hariColor: [0.8, 0.8, 0.8],
+					withHabaki: false,
+				},
 			},
 			flooring: {
 				material: 'wood',
@@ -341,10 +221,42 @@ const data = localStorage.getItem('roomData') != null ? JSON.parse(localStorage.
 };
 
 // 後方互換性のため
-if (data.heya.options.wallE.hariColor == null) data.heya.options.wallE.hariColor = [0.8, 0.8, 0.8];
-if (data.heya.options.wallN.hariColor == null) data.heya.options.wallN.hariColor = [0.8, 0.8, 0.8];
-if (data.heya.options.wallS.hariColor == null) data.heya.options.wallS.hariColor = [0.8, 0.8, 0.8];
-if (data.heya.options.wallW.hariColor == null) data.heya.options.wallW.hariColor = [0.8, 0.8, 0.8];
+if (data.heya.options.walls == null) {
+	data.heya.options.walls = {
+		n: {
+			material: null,
+			color: [0.9, 0.9, 0.9],
+			withHari: false,
+			hariMaterial: null,
+			hariColor: [0.8, 0.8, 0.8],
+			withHabaki: false,
+		},
+		e: {
+			material: null,
+			color: [0.9, 0.9, 0.9],
+			withHari: false,
+			hariMaterial: null,
+			hariColor: [0.8, 0.8, 0.8],
+			withHabaki: false,
+		},
+		s: {
+			material: null,
+			color: [0.9, 0.9, 0.9],
+			withHari: false,
+			hariMaterial: null,
+			hariColor: [0.8, 0.8, 0.8],
+			withHabaki: false,
+		},
+		w: {
+			material: null,
+			color: [0.9, 0.9, 0.9],
+			withHari: false,
+			hariMaterial: null,
+			hariColor: [0.8, 0.8, 0.8],
+			withHabaki: false,
+		},
+	};
+}
 
 let latestData = deepClone(data);
 
diff --git a/packages/frontend/src/world/room/heya.ts b/packages/frontend/src/world/room/heya.ts
index 6e3af00568..3fc184df5d 100644
--- a/packages/frontend/src/world/room/heya.ts
+++ b/packages/frontend/src/world/room/heya.ts
@@ -38,10 +38,12 @@ type SimpleHeyaWallBase = {
 export type SimpleHeyaOptions = {
 	dimension: [number, number];
 	window: 'none' | 'kosidakamado' | 'demado' | 'hakidasimado';
-	wallN: SimpleHeyaWallBase;
-	wallE: SimpleHeyaWallBase;
-	wallS: SimpleHeyaWallBase;
-	wallW: SimpleHeyaWallBase;
+	walls: {
+		n: SimpleHeyaWallBase;
+		s: SimpleHeyaWallBase;
+		w: SimpleHeyaWallBase;
+		e: SimpleHeyaWallBase;
+	};
 	flooring: {
 		material: null | 'wood' | 'concrete';
 		color: [number, number, number];
@@ -59,18 +61,24 @@ export type JapaneseHeyaOptions = {
 export class SimpleHeyaManager extends HeyaManager<SimpleHeyaOptions> {
 	private loaderResult: BABYLON.ISceneLoaderAsyncResult | null = null;
 	private meshes: BABYLON.Mesh[] = [];
-	private wallNRoot: BABYLON.TransformNode | null = null;
-	private wallSRoot: BABYLON.TransformNode | null = null;
-	private wallWRoot: BABYLON.TransformNode | null = null;
-	private wallERoot: BABYLON.TransformNode | null = null;
-	private wallNMaterial: BABYLON.PBRMaterial | null = null;
-	private wallSMaterial: BABYLON.PBRMaterial | null = null;
-	private wallWMaterial: BABYLON.PBRMaterial | null = null;
-	private wallEMaterial: BABYLON.PBRMaterial | null = null;
-	private wallNHariMaterial: BABYLON.PBRMaterial | null = null;
-	private wallSHariMaterial: BABYLON.PBRMaterial | null = null;
-	private wallWHariMaterial: BABYLON.PBRMaterial | null = null;
-	private wallEHariMaterial: BABYLON.PBRMaterial | null = null;
+	private wallRoots: {
+		n: BABYLON.TransformNode;
+		s: BABYLON.TransformNode;
+		w: BABYLON.TransformNode;
+		e: BABYLON.TransformNode;
+	} | null = null;
+	private wallMaterials: {
+		n: BABYLON.PBRMaterial;
+		s: BABYLON.PBRMaterial;
+		w: BABYLON.PBRMaterial;
+		e: BABYLON.PBRMaterial;
+	} | null = null;
+	private wallHariMaterials: {
+		n: BABYLON.PBRMaterial;
+		s: BABYLON.PBRMaterial;
+		w: BABYLON.PBRMaterial;
+		e: BABYLON.PBRMaterial;
+	} | null = null;
 
 	constructor(onMeshUpdatedCallback?: ((meshes: BABYLON.AbstractMesh[]) => void) | null) {
 		super(onMeshUpdatedCallback);
@@ -104,47 +112,36 @@ export class SimpleHeyaManager extends HeyaManager<SimpleHeyaOptions> {
 			}
 		}
 
-		this.wallNRoot = this.loaderResult.transformNodes.find(t => t.name.includes('__WALL_N__'))!;
-		this.wallSRoot = this.loaderResult.transformNodes.find(t => t.name.includes('__WALL_S__'))!;
-		this.wallWRoot = this.loaderResult.transformNodes.find(t => t.name.includes('__WALL_W__'))!;
-		this.wallERoot = this.loaderResult.transformNodes.find(t => t.name.includes('__WALL_E__'))!;
+		this.wallRoots = {
+			n: this.loaderResult.transformNodes.find(t => t.name.includes('__WALL_N__'))!,
+			s: this.loaderResult.transformNodes.find(t => t.name.includes('__WALL_S__'))!,
+			w: this.loaderResult.transformNodes.find(t => t.name.includes('__WALL_W__'))!,
+			e: this.loaderResult.transformNodes.find(t => t.name.includes('__WALL_E__'))!,
+		};
 
 		const wallMaterial = findMaterial(this.meshes[0], '__X_WALL__');
-		this.wallNMaterial = wallMaterial.clone('wallNMaterial');
-		this.wallSMaterial = wallMaterial.clone('wallSMaterial');
-		this.wallWMaterial = wallMaterial.clone('wallWMaterial');
-		this.wallEMaterial = wallMaterial.clone('wallEMaterial');
-
-		for (const m of this.wallNRoot.getChildMeshes().filter(m => m.material === wallMaterial)) {
-			m.material = this.wallNMaterial;
-		}
-		for (const m of this.wallSRoot.getChildMeshes().filter(m => m.material === wallMaterial)) {
-			m.material = this.wallSMaterial;
-		}
-		for (const m of this.wallWRoot.getChildMeshes().filter(m => m.material === wallMaterial)) {
-			m.material = this.wallWMaterial;
-		}
-		for (const m of this.wallERoot.getChildMeshes().filter(m => m.material === wallMaterial)) {
-			m.material = this.wallEMaterial;
-		}
+		this.wallMaterials = {
+			n: wallMaterial.clone('wallNMaterial'),
+			s: wallMaterial.clone('wallSMaterial'),
+			w: wallMaterial.clone('wallWMaterial'),
+			e: wallMaterial.clone('wallEMaterial'),
+		};
 
 		const hariMaterial = findMaterial(this.meshes[0], '__X_HARI__');
-		this.wallNHariMaterial = hariMaterial.clone('wallNHariMaterial');
-		this.wallSHariMaterial = hariMaterial.clone('wallSHariMaterial');
-		this.wallWHariMaterial = hariMaterial.clone('wallWHariMaterial');
-		this.wallEHariMaterial = hariMaterial.clone('wallEHariMaterial');
+		this.wallHariMaterials = {
+			n: hariMaterial.clone('wallNHariMaterial'),
+			s: hariMaterial.clone('wallSHariMaterial'),
+			w: hariMaterial.clone('wallWHariMaterial'),
+			e: hariMaterial.clone('wallEHariMaterial'),
+		};
 
-		for (const m of this.wallNRoot.getChildMeshes().filter(m => m.material === hariMaterial)) {
-			m.material = this.wallNHariMaterial;
-		}
-		for (const m of this.wallSRoot.getChildMeshes().filter(m => m.material === hariMaterial)) {
-			m.material = this.wallSHariMaterial;
-		}
-		for (const m of this.wallWRoot.getChildMeshes().filter(m => m.material === hariMaterial)) {
-			m.material = this.wallWHariMaterial;
-		}
-		for (const m of this.wallERoot.getChildMeshes().filter(m => m.material === hariMaterial)) {
-			m.material = this.wallEHariMaterial;
+		for (const [k, v] of Object.entries(this.wallRoots)) {
+			for (const m of v.getChildMeshes().filter(m => m.material === wallMaterial)) {
+				m.material = this.wallMaterials[k];
+			}
+			for (const m of v.getChildMeshes().filter(m => m.material === hariMaterial)) {
+				m.material = this.wallHariMaterials[k];
+			}
 		}
 
 		await this.applyOptions(options);
@@ -153,18 +150,9 @@ export class SimpleHeyaManager extends HeyaManager<SimpleHeyaOptions> {
 	public applyOptions(options: SimpleHeyaOptions) {
 		// TODO: 返り値をpromiseにしてちゃんとテクスチャが読み終わってからresolveする
 
-		const applyWall = (wall: 'N' | 'S' | 'W' | 'E') => {
-			const wallRoot =
-				wall === 'N' ? this.wallNRoot :
-				wall === 'S' ? this.wallSRoot :
-				wall === 'W' ? this.wallWRoot :
-				this.wallERoot;
-
-			const wallOptions =
-				wall === 'N' ? options.wallN :
-				wall === 'S' ? options.wallS :
-				wall === 'W' ? options.wallW :
-				options.wallE;
+		for (const type of ['n', 's', 'w', 'e'] as const) {
+			const wallRoot = this.wallRoots[type];
+			const wallOptions = options.walls[type];
 
 			for (const mesh of wallRoot.getChildMeshes()) {
 				if (mesh.name.includes('__X_HARI__')) {
@@ -175,11 +163,7 @@ export class SimpleHeyaManager extends HeyaManager<SimpleHeyaOptions> {
 			}
 
 			{
-				const targetMaterial =
-					wall === 'N' ? this.wallNMaterial :
-					wall === 'S' ? this.wallSMaterial :
-					wall === 'W' ? this.wallWMaterial :
-					this.wallEMaterial;
+				const targetMaterial = this.wallMaterials[type];
 
 				targetMaterial.unfreeze();
 				targetMaterial.albedoColor = new BABYLON.Color3(...wallOptions.color);
@@ -199,11 +183,7 @@ export class SimpleHeyaManager extends HeyaManager<SimpleHeyaOptions> {
 			}
 
 			{
-				const targetMaterial =
-					wall === 'N' ? this.wallNHariMaterial :
-					wall === 'S' ? this.wallSHariMaterial :
-					wall === 'W' ? this.wallWHariMaterial :
-					this.wallEHariMaterial;
+				const targetMaterial = this.wallHariMaterials[type];
 
 				targetMaterial.unfreeze();
 				targetMaterial.albedoColor = new BABYLON.Color3(...wallOptions.hariColor);
@@ -221,12 +201,7 @@ export class SimpleHeyaManager extends HeyaManager<SimpleHeyaOptions> {
 
 				targetMaterial.freeze();
 			}
-		};
-
-		applyWall('N');
-		applyWall('S');
-		applyWall('W');
-		applyWall('E');
+		}
 
 		this.onMeshUpdatedCallback?.(this.meshes);
 	}
@@ -243,9 +218,11 @@ export class SimpleHeyaManager extends HeyaManager<SimpleHeyaOptions> {
 		for (const m of this.meshes) {
 			m.dispose();
 		}
-		this.wallNMaterial?.dispose();
-		this.wallSMaterial?.dispose();
-		this.wallWMaterial?.dispose();
-		this.wallEMaterial?.dispose();
+		for (const m of Object.values(this.wallMaterials ?? {})) {
+			m.dispose();
+		}
+		for (const m of Object.values(this.wallHariMaterials ?? {})) {
+			m.dispose();
+		}
 	}
 }