Web App · ブラウザで動く

Window Seat

見なくていい、窓際の席。
仕事や勉強のそばに開いておく、海辺の古いカフェの窓際席。雨も、波も、音楽も、このブラウザの中でその場で作られています。

開くたびに時間と天気が違い、放っておくと 20〜35 分ごとに、気づかないほどゆっくり別の場面へ移ります。音楽は曲ごとに作り直すので、同じ曲はまず二度と流れません。

音が出ます · 最初に 1 クリックで始まります · インストール不要 · PC のブラウザ推奨 · 外部との通信・アクセス解析・Cookie なし · v1.0.0

Screenshots

画面イメージ

実際の画面をそのまま撮ったものです。雨、窓を伝う水滴、湯気、海面のゆらめきは、絵の上にその場で重ねて動かしています。画像をクリックすると拡大表示します。

雨の夜の窓際席

雨の夜。窓を水滴が伝い、街灯の光の中に雨が浮かぶ

夕焼けの窓際席

夕焼け。波が寄せ、海面に夕日の反射がまたたく

晴れた昼の窓際席

晴れた昼。海面全体がゆっくりきらめく

雨の昼の窓際席

雨の昼。雨は 1 分ほどかけて降り始め、上がったあとも水滴は数分かけて消えていく

絵(4 枚)だけは生成 AI で作成しています。動きと音は、すべてコードでその場で作っています。

Concept

視界の端に置いておくための、5 つの決めごと

リラックスしながら集中できる「環境」を作るために、注意を奪うものを入れないことを最優先にしています。窓際の人も、同じ店にいる他の客のひとり。こちらを見ず、話しかけてもこず、窓の外を眺めて自分の時間を過ごしています。

👀

見なくていい

動くのは雨・光・湯気・水面のように、画面の広い範囲でぼんやり起きるものだけ。車や歩行者のように 1 か所で起きて視線を奪う動きは入れていません。通知もありません。

🐢

変化はゆっくり

絵の入れ替わりは 3 分、雨の降り始めと上がりは 1 分ほどかけて進みます。曲の切り替わりも、切り替わった瞬間が分からないことを目指しています。

🎲

毎回ちがう

晴れた昼・曇り・雨の昼・夕焼け・雨上がりの夕方・夜・雨の夜の 7 つの場面から、開くたびに 1 つを選びます。音楽も曲ごとに調・和音・拍子・音色を選び直します。

👆

操作がいらない

開いて 1 クリックで完成。設定しなくても成り立ちます。音量や音楽の種類を変えたいときだけ、マウスを動かすと操作パネルが出ます(3 秒で消えます)。

🪶

軽い

描画は 30fps までにして、タブが裏にあるときは描画を止めて音だけ続けます。ページ全体で 1MB 弱、絵 4 枚の合計は 0.7MB です。

Sound

音楽も環境音も、その場で合成

録音した音源は使っていません。音楽・環境音・ノイズは別々に音量を調整でき、設定は次に開いたときも残ります。

🎹

4 種類の音楽と Auto

音がぽつぽつと散る Lo-fi、短い旋律が展開する Melody、一定の拍で刻む Focus、拍のない長い音が重なる Ambient。初期状態の Auto は、場面に合わせて曲ごとに種類を選びます。

🔁

同じ曲は二度と流れない

1 曲は 6〜10 分。フレーズの切れ目で別の曲に替わり、そのたびに調の高さ・明暗・和音の進み方・テンポ・伴奏と旋律の音色を選び直します。暗い場面ほど短調寄りになります。

🌊

窓越しの環境音

窓越しにこもって聞こえる波、雨量に合わせた雨と窓を打つ音、店内の古いラジオのかすかなノイズ。音楽とは別に、ゆっくり揺らぎ続ける茶色いノイズも重ねられます。

集中しやすいと感じる人もいる音として作っていますが、効果をうたうものではありません。

Controls

操作

マウスを動かすと左下に操作パネルが出ます。キーボードでも操作できます。

Privacy

外部とは一切やりとりしません

ライブラリ・CDN・外部フォント・アクセス解析は使っていません。ブラウザに対しても、このサイト以外への通信をすべて禁止する設定(Content-Security-Policy)で配信しています。実行中に AI へ接続することもありません。

Requirements

動作環境

PC のブラウザ向けに作っています。スマートフォンの縦画面では、窓際の人と窓の外が収まるように表示位置を寄せます。

Related

あわせてどうぞ