本文へスキップ

Sand:ブラウザで遊べる超リアルな砂シミュレーター、遊び方と仕組みを解説

abe ·

Sand は、スマホの画面を本物そっくりの砂のトレイに変える無料のブラウザ玩具です。遊び方、リアルに見える理由、そして長い歴史を持つ「落ちる砂」ゲームの中での立ち位置を紹介します。

VENOのカバー画像:ブラウザの砂シミュレーター Sand の傾いたスクリーンショット2枚。流し込んだ砂のらせんと、暗い砂に描いたジグザグの溝に「傾けて振る」の文字

Sand は、Web ブラウザで動く無料の砂シミュレーターです。 画面を何十万もの小さな砂粒で埋め尽くし、指で押したり、スマホを傾けて滑らせたり、振ってまき散らしたりできます。WebGL2 と JavaScript で作られており、スマホ、タブレット、デスクトップPCでダウンロードなしで動きます。

ステージやスコアのあるゲームではありません。禅の砂庭のような、心落ち着くデジタル玩具で、意外なほど手放せなくなります。以下では遊び方、各オプションの役割、きれいな模様を描くためのコツ、そしてなぜこれほどリアルに感じるのかを簡単に紹介します。

Sand の概要

どんなもの 超リアルな砂シミュレーター(癒やし系の玩具、ステージなし)
遊べる場所 最新のブラウザで av.github.io/safe-sand
価格 Web版は無料
対応デバイス スマホ、タブレット、デスクトップPC
スマホの操作 ドラッグで描く、傾けて滑らせる、振ってまき散らす
PCの操作 マウスドラッグで押す、矢印キーか WASD で傾ける、Space 長押しで振る
使用技術 WebGL2 と JavaScript、グラフィックスチップ上でシミュレーション
ソースコード GitHub

Sand の遊び方

ページを開くと、小さなスタートカードが表示されます。砂を選び、その「下」にあるものを選んで Pour(流し込む)を押します。

Sand のスタートカード。River、Beach、Desert、Volcanic、Coral の5種類の砂、3つの背景オプションと Pour ボタン

  1. 砂の種類を選ぶ: River、Beach、Desert、Volcanic、Coral。灰色の川砂利から暗い火山砂、淡いサンゴ砂まで、それぞれ独自の色合いがあります。
  2. 砂の下にあるものを選ぶ: Light、Lock screen、Screen off。砂粒が乗る面が変わります。
  3. Pour をタップ。 iPhone では、確認が出たらモーションへのアクセスを許可してください。許可しないと傾け操作が効きません。
  4. 遊ぶ。 指で砂をなぞって溝を掘る、スマホを傾けて砂を滑らせる、振って砂粒を飛ばす、あるいはスマホを裏返して砂が落ちていく様子を眺めることもできます。

流し込んだばかりの川砂が明るい面の上にやわらかならせんを描いている

PCでは、指の代わりにマウス、仮想トレイを傾けるのに矢印キーか WASD を使い、Space を長押しして振ります。砂の反応は同じですが、作者が想定しているのはスマホ版です。モーションセンサーのおかげで、砂が実際の手の動きに反応するからです。

スマホで本当の全画面にする

ブラウザのバーは場所を取ります。最大限に楽しむなら、ページをホーム画面に追加しましょう。iOS なら Share → Add to Home Screen(共有 → ホーム画面に追加)、Android なら Install app(アプリをインストール)です。すると端から端まで、アプリのように開きます。

この砂シミュレーターがリアルに感じる理由

おなじみのブラウザ砂ゲームの多くはグリッドを使っています。各ピクセルが砂・水・空のいずれかになる「セル」で、シンプルなルールで1マスずつ下へ動きます。この方式は組み立てたり混ぜたりするのには最適ですが、砂がピクセルに見えてしまいます。Sand は別の道を選び、本物の砂を再現しようとしています。

灰色の川砂の層に指で描いたジグザグの溝。縁には砂粒が盛り上がっている

GitHub にあるプロジェクト自身の説明によると:

  • 砂粒一つひとつをシミュレーション。 およそ 100,000〜460,000 個の個別の砂粒が、グラフィックスチップ(GPU)上で同時に動きます。
  • 実際の単位。 シミュレーションはミリ単位で、実際の重力(9.81 m/s²)を使って計算されるため、砂の速さやわずかな遅れが本物から期待するものと一致します。
  • 砂粒ごとに違う。 粒それぞれに大きさ、鉱物の色、摩擦があります。ばらけた粒は転がって跳ね回り、大きな山は安息角(angle of repose、山が崩れずに保てる最も急な傾斜)を超えて傾けるまでじっとしています。
  • 光と影。 アプリは毎フレーム砂山の高さマップを作り、斜面、セルフシャドウ、くぼみのやわらかな陰影を生み出します。光の向きはスマホの傾きに合わせて変わるので、動かすと影が伸び、石英の粒がきらりと光ります。
  • 砂そのものから生まれる音。 サラサラという音は、実際に動いている砂の量に応じて毎秒何千もの小さなクリック音から作られます。小石はより低いクリック音を出します。何も動いていないときは完全に無音です。

暗い火山砂に刻まれた鋭いジグザグの溝。切り口の縁にはより暗い砂粒が並ぶ

リアルさへのこだわりがわかる細部がもうひとつあります。スマホを回転させても画面は回りません。本物のトレイの砂のように、砂はガラスに固定されたままです。

砂の種類と背景の比較

砂の種類 見た目 向いていること
River 小石まじりの灰褐色の砂利 深くくっきりした溝
Beach 明るく温かみのある黄褐色 やわらかく穏やかな模様
Desert オレンジがかった赤い粒 明るい面での強い色のコントラスト
Volcanic ダークグレーから黒 シャープな線と力強い影
Coral ほぼ白に近いごく淡い色 繊細で控えめな渦巻き

「砂の下」オプションでは、砂粒が乗る面を Light、Lock screen、Screen off から選べます。同じ砂で一つずつ試して、いちばん好きな見た目を探してみましょう。

淡いサンゴ砂を明るい背景にゆるいらせん状に流し込んだ様子

きれいな砂模様を描く7つのコツ

  1. 流し込んだら1秒待つ。 描く前に砂粒を落ち着かせましょう。そうしないと線がまた埋まってしまいます。
  2. ゆっくり描いて縁をきれいに。 指をゆっくり動かすと壁の整ったくっきりした溝が残り、速くスワイプすると砂が左右に飛びます。
  3. 傾きは小さく。 砂が動き始める点を少し越えるまで傾け、またスマホを水平に戻します。この方法で砂丘ごと動かせます。
  4. 振ってリセット。 強く振ると砂が新しく均一な層に広がり、次の絵を描けます。
  5. 描くなら火山砂。 明るい面の上の暗い砂は、線と影がいちばんよく映えます。
  6. ヘッドホンで音をオンに。 音は動いている砂粒から作られるので、ゆっくりした滑りと突然の雪崩の違いが聞き分けられます。
  7. カクつくなら低電力モードを確認。 iPhone では、低電力モード(Low Power Mode)がブラウザを毎秒30フレームに制限します。アプリはこれを検知して砂の量を減らしませんが、低電力モードをオフにすればフルのフレームレートに戻ります。

傾けたあとに川砂が画面の片側へ寄り、反対側に何もない帯が残っている

動作が重いとき

アプリは画質を自動で調整します。2秒間フレームが遅れると、まず画面の解像度を段階的に下げ、それから砂粒の数を減らします。そのレベルは次回のために記憶されます。そのため古いスマホや強力なグラフィックスチップのないノートPCでは、砂が少しぼやけて見えるかもしれませんが、動きはなめらかなままです。この記事のスクリーンショットはソフトウェア描画のデスクトップブラウザで撮影したため、一部がややブロック状に見えます。

「落ちる砂」ゲームの小史

砂の玩具は、ブラウザでおよそ20年にわたって人気があります:

  • 2005年: 日本のブログに公開された Java アプレットがこのジャンルを広めました。のちの拡張版「Falling Sand Game」がジャンル全体の名前になりました。
  • 2007年: Powder Game が液体シミュレーションを加えました。
  • 2010年: The Powder Toy が液体とニュートン重力をデスクトップのプレイヤーに届けました。
  • 2019年: Sandspiel は、WebAssembly にコンパイルした Rust と WebGL を使えば砂の玩具がブラウザで高速に動くことを示しました。作者は解説記事で、各要素はグリッド上でとてもシンプルなルールに従っており、面白さは隣り合う要素同士の相互作用から生まれると説明しています。
  • 2020年: Nolla Games の Noita が10月15日に早期アクセスを終了しました。スタジオいわく「すべてのピクセルが物理シミュレーションされている」アクション・ローグライトです。

Sand はこのファミリーの別の枝です。ピクセルグリッド上のたくさんの要素ではなく、ひとつの素材、つまりミリ単位で測られた本物の砂粒と、トレイを手に持つ感覚に焦点を当てています。

Webゲーム開発者が学べること

  • 重いシミュレーションも WebGL2 で十分。 何十万もの粒子が普通のブラウザタブで動き、ネイティブアプリは不要です。
  • センサーを活用する。 デバイスモーションによる傾けと振りは、玩具に物理的な手触りを与えます。iOS は許可を求めるので、センサーはボタンのタップから開始しましょう。
  • 画質は推測せず適応させる。 フレーム時間を計測し、ブラウザが単にフレームレートを制限しているだけかを確認してから、小さな段階で画質を下げ、その結果を記憶します。
  • 音はシミュレーションに従わせる。 実際に動いているものから生成した音は、ループするサンプルより自然に聞こえます。
  • ホスティングはシンプルに。 このプロジェクトにはビルド手順がなく、どんな静的ファイルサーバーでもホストできます。

よくある質問

砂シミュレーター Sand は無料ですか?

はい。av.github.io/safe-sand の Web 版はブラウザで無料で遊べ、ダウンロードもアカウントも不要です。

Sand はPCでも遊べますか?

はい。マウスでドラッグして砂を押し、矢印キーか WASD で傾け、Space 長押しで振ります。スマホ版はモーションセンサーを使うので、より自然に感じられます。

iPhone で傾けても反応しないのはなぜ?

iOS では、Web ページにモーションデータを共有するのに許可が必要です。Pour をタップし、確認が表示されたらモーションへのアクセスを許可してください。

Sand はステージのあるゲームですか?

いいえ。癒やし系のサンドボックス玩具です。スコアもタイマーも目標もなく、描いて、傾けて、振るだけです。

「落ちる砂」ゲームとは?

砂や水、火などのたくさんの小さな粒子が、シンプルな物理ルールに従って互いに作用し合うシミュレーションゲームの一種です。Powder Game、The Powder Toy、Noita がよく知られた例です。

Sand は何粒の砂をシミュレーションしていますか?

作者によると、デバイスに応じておよそ 100,000〜460,000 粒です。

関連記事

ゲームを読み込み中…

VENOGAME / PLAYBOOK

マイアリーナ

この端末に保存。アカウント不要。

ハートを押して自分だけのコレクションを。