From 2e01e5dcc15cf3296ffd7419c960054baab61a30 Mon Sep 17 00:00:00 2001 From: kg0816 <211191696+kg0816@users.noreply.github.com> Date: Mon, 17 Nov 2025 15:53:39 +0900 Subject: [PATCH 1/6] style: center game board in iframe --- src/iframe/life-game.js | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/iframe/life-game.js b/src/iframe/life-game.js index 71a8b5c..eaee804 100644 --- a/src/iframe/life-game.js +++ b/src/iframe/life-game.js @@ -40,6 +40,14 @@ const table = document.getElementById("game-board"); //盤面をBoardに従って変更する関数達(Boardを変更したら実行する) function renderBoard() { + // bodyを中央配置に設定 + document.body.style.display = "flex"; + document.body.style.justifyContent = "center"; + document.body.style.alignItems = "center"; + document.body.style.minHeight = "100vh"; + document.body.style.margin = "0"; + document.body.style.padding = "0"; + // 初回の盤面生成 table.innerHTML = ""; for (let i = 0; i < boardSize; i++) { From caa484fa565399e713bae5d3ede45715e8cff376 Mon Sep 17 00:00:00 2001 From: kg0816 <211191696+kg0816@users.noreply.github.com> Date: Mon, 17 Nov 2025 16:13:33 +0900 Subject: [PATCH 2/6] fix: don't reset generation when placing template --- src/iframe/life-game.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/iframe/life-game.js b/src/iframe/life-game.js index eaee804..6c8d9b7 100644 --- a/src/iframe/life-game.js +++ b/src/iframe/life-game.js @@ -82,7 +82,7 @@ function renderBoard() { } } rerender(); - generationChange(0); + // generationChange(0); 別に世代をリセットする必要はない？ stop(); } else { window.parent.postMessage( From aa34149c0be1c8198cef93de35eb7434ad086d1a Mon Sep 17 00:00:00 2001 From: kg0816 <211191696+kg0816@users.noreply.github.com> Date: Mon, 17 Nov 2025 16:37:19 +0900 Subject: [PATCH 3/6] fix: set toast z-index above other elements --- src/lib/components/GlobalToast.svelte | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/lib/components/GlobalToast.svelte b/src/lib/components/GlobalToast.svelte index e25e48f..ef3517f 100644 --- a/src/lib/components/GlobalToast.svelte +++ b/src/lib/components/GlobalToast.svelte @@ -14,7 +14,8 @@ {#if toast.visible} -
+ +
{toast.message} From 970ecc1f2d9d33de81cf2e74bbd1940427657713 Mon Sep 17 00:00:00 2001 From: kg0816 <211191696+kg0816@users.noreply.github.com> Date: Mon, 17 Nov 2025 16:50:59 +0900 Subject: [PATCH 4/6] fix: set initial generation to 0 --- src/iframe/life-game.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/iframe/life-game.js b/src/iframe/life-game.js index 6c8d9b7..febc146 100644 --- a/src/iframe/life-game.js +++ b/src/iframe/life-game.js @@ -180,7 +180,6 @@ document.addEventListener("mouseup", () => { }); renderBoard(); -progressBoard(); function generationChange(num) { //現在の世代を表すgenerationFigureを変更し、文章も変更 From 9851893ad1d9b439005c9e194a5a8010da269545 Mon Sep 17 00:00:00 2001 From: kg0816 <211191696+kg0816@users.noreply.github.com> Date: Mon, 17 Nov 2025 17:00:46 +0900 Subject: [PATCH 5/6] feat: add tutorial button --- src/lib/icons/index.ts | 1 + src/lib/icons/questionmark.svg | 3 +++ src/routes/+page.svelte | 12 +++++++++++- 3 files changed, 15 insertions(+), 1 deletion(-) create mode 100644 src/lib/icons/questionmark.svg diff --git a/src/lib/icons/index.ts b/src/lib/icons/index.ts index 97d6e48..e930bc2 100644 --- a/src/lib/icons/index.ts +++ b/src/lib/icons/index.ts @@ -9,3 +9,4 @@ export { default as language } from "./language.svg"; export { default as reset } from "./reset.svg"; export { default as accelerate } from "./accelerate.svg"; export { default as decelerate } from "./decelerate.svg"; +export { default as questionmark } from "./questionmark.svg"; diff --git a/src/lib/icons/questionmark.svg b/src/lib/icons/questionmark.svg new file mode 100644 index 0000000..ba1e87b --- /dev/null +++ b/src/lib/icons/questionmark.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index e902202..c333152 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -163,13 +163,23 @@ Reset -