diff --git a/public/sim/serving-robot.html b/public/sim/serving-robot.html index dc846e6..eeb72a1 100644 --- a/public/sim/serving-robot.html +++ b/public/sim/serving-robot.html @@ -172,6 +172,8 @@ footer { color: var(--ink-3); font-size: 11px; } .pv-sw button:focus-visible { outline: 2px solid #111; outline-offset: 2px; } .pv-unity video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #3a3a3a; border-radius: 4px; } .pv-plan[hidden], .pv-unity[hidden] { display: none; } +.pv-ch { margin: 18px 0 8px; font-size: 15px; } +.pv-unity .pv-ch + video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #3a3a3a; border-radius: 4px; } @media (max-width: 599px) { .plan-big .ph .pv-sw { margin-left: 0; width: 100%; grid-auto-columns: 1fr; } } .modes { display: grid; gap: 4px; background: var(--soft); padding: 4px; border-radius: 8px; } .modes label { display: grid; gap: 0; padding: 8px 10px; border-radius: 4px; cursor: pointer; color: var(--ink-2); } @@ -503,7 +505,8 @@ function bigPlanSvg(p) { // 条件は Unity の録画の回のもの(試算で選んでいる人数・台数とは別)。動画と表紙の画像は R2(/media/) const UNITY = { fam_p0: { video: "/media/series8_unity_fam_p0_v3.mp4", poster: "/media/series8_unity_fam_p0_v3.jpg", staff: 2, note: "引きで店全体を見たあと、ロボットが長く止まった場所に3か所寄ります。右のパネルに、スタッフとロボットがいま何をしているかが出ます(約55秒)" }, - fam_p1: { video: "/media/series8_unity_fam_p1_v3.mp4", poster: "/media/series8_unity_fam_p1_v3.jpg", staff: 4, note: "引きで店全体を見たあと、ロボットが長く止まった場所に3か所寄ります。右のパネルに、スタッフとロボットがいま何をしているかが出ます(約70秒)" }, + fam_p1: { compare: { video: "/media/series8_compare_serve_bus_p1_v1.mp4", poster: "/media/series8_compare_serve_bus_p1_v1.jpg", note: "同じお客さんの来かたで、ロボットを配膳だけに使った店(左)と下げ膳にも使った店(右)を同時に流します(約75秒)。この1回では、スタッフの歩く距離は減りましたが、卓が使えるまでの時間と入店待ちは延び、ロボットを助けに行く回数は増えました。下げ膳の台が卓でスタッフを待つあいだ、細い通路をふさぐことがあるためです" }, + video: "/media/series8_unity_fam_p1_v3.mp4", poster: "/media/series8_unity_fam_p1_v3.jpg", staff: 4, note: "引きで店全体を見たあと、ロボットが長く止まった場所に3か所寄ります。右のパネルに、スタッフとロボットがいま何をしているかが出ます(約70秒)" }, fam_p2: { video: "/media/series8_unity_fam_p2_v3.mp4", poster: "/media/series8_unity_fam_p2_v3.jpg", staff: 2, note: "引きで店全体を見たあと、ロボットが長く止まった場所に3か所寄ります。右のパネルに、スタッフとロボットがいま何をしているかが出ます(約70秒)" }, fam_p3: { video: "/media/series8_unity_fam_p3_v3.mp4", poster: "/media/series8_unity_fam_p3_v3.jpg", staff: 4, note: "引きで店全体を見たあと、ロボットが長く止まった場所に3か所寄ります。右のパネルに、スタッフとロボットがいま何をしているかが出ます(約60秒)" }, fam_p4: { video: "/media/series8_unity_fam_p4_v3.mp4", poster: "/media/series8_unity_fam_p4_v3.jpg", staff: 3, note: "引きで店全体を見たあと、ロボットが長く止まった場所に3か所寄ります。右のパネルに、スタッフとロボットがいま何をしているかが出ます(約60秒)" }, @@ -514,7 +517,10 @@ function unityPane(k) { const u = UNITY[k]; if (!u) return ""; return `
` + `` - + `

${u.note}。動画の条件はふつうの混み具合・スタッフ${u.staff}人・ロボット2台で、上で選んでいる条件とは別です。Unity の中で起きたことで、実際のロボットや人が同じ動きをするとは限りません。

`; + + `

${u.note}。動画の条件はふつうの混み具合・スタッフ${u.staff}人・ロボット2台で、上で選んでいる条件とは別です。Unity の中で起きたことで、実際のロボットや人が同じ動きをするとは限りません。

` + + (u.compare ? `

配膳だけ と 配膳+下げ膳

` + + `

${u.compare.note}

` : "") + + ``; } function bigPlan(k) { const s = STORES[k], p = PLANS[k];