Google重力の生みの親mr.doobは何者か？経歴と現在を徹底解剖

検索窓やロゴが突如として落下し、画面の底でガラガラと崩れ落ちる――2000年代後半から2010年代初頭にかけて世界中のネットユーザーを震撼させたブラウザ実験「Google Gravity（Google重力）」。あの遊び心あふれる仕掛けを作った人物こそが、世界屈指のクリエイティブコーダーとして知られる「mr.doob」です。かつてFlashが全盛を誇っていた時代からブラウザの限界に挑み続け、現在ではWeb上の3D表現において事実上の標準となったJavaScriptライブラリ「Three.js」の生みの親でもあります。

「mr.doobとは一体どんな人物なのか？」「Google重力はどうやって動いていたのか？」「WebGPUが普及した2026年現在、彼は何を手がけているのか？」――ネット上では長年、数多くの疑問が投げかけられてきました。本稿では、世界中のエンジニアやデザイナーから敬意を集める天才クリエイターの素顔、ネット史に刻まれた名作実験の舞台裏、そして彼が切り拓いてきたウェブグラフィックスの最前線を徹底解剖します。

📌 【この記事の重要ポイントまとめ】

• 要点1：mr.doobの正体はスペイン出身のプログラマー、リカルド・カベッロ（Ricardo Cabello）氏。デモシーン文化を背景に持ち、Webグラフィックスの歴史を塗り替えた世界的フロントエンドエンジニア。
• 要点2：社会現象となった「Google重力」や「Ball Pool」は、ブラウザ標準技術と物理演算エンジンを掛け合わせた実験作であり、後のWebGL普及を大きく後押しした。
• 要点3：彼が創始した「Three.js」は2026年現在もWeb3Dのデファクトスタンダードであり続け、次世代標準WebGPUへの移行や空間コンピューティング（WebXR）への対応において進化の先頭を走り続けている。

【mr.doobは何者か】Google重力とThree.jsを生んだ奇才の正体

検索バーに「Google Gravity」と打ち込み、「I'm Feeling Lucky」を押すと画面要素が重力に従って崩落していく――この象徴的なブラウザアートを作った「mr.doob（ミスター・ドゥーブ）」の正体は、スペイン・バルセロナ出身のソフトウェアエンジニア兼デザイナー、リカルド・カベッロ（Ricardo Cabello）氏です。

彼は「プログラミングで視覚的な驚きを生み出す」クリエイティブコーディングの草分け的存在であり、何よりGitHub上で10万件以上のStarを獲得している3Dグラフィック描画ライブラリ「Three.js」の作者（オリジナルクリエイター）兼リードメンテナーとして世界的に知られています。

彼が活動を始めた当時、ブラウザ上でリッチなアニメーションやインタラクティブ表現を実現するには、米アドビの「Flash（ActionScript）」プラグインが不可欠でした。しかしリカルド氏は、Web標準技術であるHTML5の<canvas>要素やJavaScriptの可能性にいち早く着目します。「プラグインをインストールすることなく、URLを開くだけで誰もが息をのむ体験を提供したい」という情熱から生まれた数々の実験作が、世界中の開発者コミュニティや米グーグルの開発チームの目に留まり、一躍トップクリエイターへと登り詰めました。

【名作実験まとめ】ネットを熱狂させたブラウザアートとGoogle重力の仕組み

リカルド・カベッロ氏が自らのポートフォリオサイト「mrdoob.com」で公開してきた実験作（Chrome Experiments等）は、技術的なデモンストレーションの枠を超え、世界的なバズを生み出しました。その中でも特にネット史に深く刻まれている代表作と、その裏側の仕組みを振り返ります。

1. Google Gravity（Google重力）
2009年に公開された本作は、Googleのトップページを構成する検索ボックス、ロゴ、ボタンといった各DOM要素をバラバラの剛体パーツとして扱い、2D物理演算エンジン（Box2D-JS）と連動させた作品です。画面を開いた瞬間に重力加速度が働き、散らばったパーツをマウスで掴んで放り投げたり、積み上げたりできる直感的な面白さが爆発的な反響を呼びました。「Googleが壊れた！」と勘違いしたユーザーによるSNS投稿が相次ぎ、日本国内の掲示板やTwitter（現X）でも数百万PV規模の拡散を記録しています。

2. Ball Pool（ボールプール）
画面の上部からカラフルな球体が次々と落下し、マウスカーソルでかき混ぜたり弾き飛ばしたりできるインタラクティブ作品です。現在でこそ当たり前に見える挙動ですが、当時のブラウザ環境において、数十個のオブジェクトがリアルタイムに衝突判定を処理しながら滑らかに動く様子は、HTML5 Canvasの描画性能を世に知らしめる決定打となりました。

3. Harmony（ハーモニー）
描画した線の周囲にクモの巣のようなプロシージャル（手続き的）なストロークが自動生成されるWebスケッチツールです。絵心のないユーザーでも味わい深い繊細なイラストが描けることから、世界中のイラストレーターやクリエイターの間で話題となり、派生アプリが多数生まれるムーヴメントへと発展しました。

ネット上の反応を見ると、「子どもの頃、学校のパソコン室で先生の目を盗んでGoogle重力を触って感動した」「プログラミングでこんな面白いことができるのかと衝撃を受け、情報系の進路を選んだ」といった証言が今なおSNSで散見されます。単なる技術誇示ではなく、万人が理屈抜きに楽しめるエンターテインメント性を備えていた点こそ、mr.doobの作品が時代を超えて愛される理由です。

【徹底比較】Three.jsと主要Web3Dライブラリの技術仕様・シェア

リカルド・カベッロ氏が2010年に公開した「Three.js」は、生（Raw）のWebGLを直接記述する場合の膨大なボイラープレートコード（頂点シェーダー、フラグメントシェーダー、バッファ管理など）を大幅に抽象化し、わずか数十行のJavaScriptで3D空間を構築できるようにした革新的なライブラリです。現在、Web上の3D表現を支える主要ツールと比較した客観的データを以下に整理しました。

競合フレームワークが台頭する中にあっても、Three.jsが15年以上にわたって王座を譲らない理由は、設計のシンプルさとエコシステムの厚みにあります。リカルド氏が一貫して「直感的で分かりやすいAPI」にこだわり続けた結果、世界中のコントリビューターがモデルローダー（glTF）、ポストプロセッシング、各種シェーダーを追加し、巨大な知識ベースが形成されました。

リカルド・カベッロの異色経歴｜デモシーンからWebのパイオニアへ

なぜリカルド・カベッロ氏は、これほどまでに革新的なツールを生み出すことができたのでしょうか。その背景には、ヨーロッパ特有のコンピュータカルチャーである「デモシーン（demoscene）」の存在があります。

デモシーンとは、わずか数キロバイトという極限の容量制限の中で、プログラミング技術と音楽・映像美を競い合うアンダーグラウンドなハッカーカルチャーです。リカルド氏はこのコミュニティでリアルタイムグラフィックスの最適化技法を叩き込まれました。その後、ロンドンへ拠点を移してデザインエージェンシー「Hi-ReS!」などで腕を磨き、デジタルインスタレーションやFlashコンテンツの制作に携わります。

彼の名を世界に轟かせた大きな転機の一つが、2010年に発表されたグラミー賞受賞バンド「アーケード・ファイア（Arcade Fire）」のインタラクティブミュージックビデオ『The Wilderness Downtown』への参加です。映像作家クリス・ミルク氏やGoogle Creative Labとタッグを組んだこのプロジェクトでは、複数のブラウザウィンドウが楽曲のリズムに合わせてポップアップし、Googleストリートビューの映像と同期しながら視聴者の生まれ故郷を映し出すという前代未聞の演出を実現。Webグラフィックスが広告やアートの主役に躍り出た歴史的瞬間となりました。

【現場検証とネットの誤解】Three.jsは「古い」のか？2026年現在の活動実態

技術トレンドの移り変わりが激しいWeb業界では、「登場から15年以上が経過したThree.jsは設計が古いのではないか」「ブラウザがWebGLからWebGPUへと移行する中で淘汰されるのではないか」といった懐疑的な声が一部で上がることがあります。しかし、現在の開発現場の実態とリカルド氏の活動を検証すると、そうした懸念が完全な誤解であることが分かります。

1. WebGPU完全移行と「TSL」による近代化
Three.jsチームは、次世代グラフィックスAPIであるWebGPUへの対応を早期から進めてきました。特筆すべきは、独自に整備された「TSL（Three.js Shading Language）」です。これにより、開発者は従来のGLSLや新しいWGSLを直接書くことなく、JavaScript/TypeScriptのコードとして直感的にノードベースのシェーダーを構築できるようになりました。最新のWebGPURendererは、Apple Siliconや最新GPUの並列計算能力をフルに引き出し、数万個のパーティクルシミュレーションを60fps以上で軽快に処理します。

2. mr.doobの現在の役割とコミュニティ体制
リカルド・カベッロ氏は現在もリポジトリの最高責任者として、PR（プルリクエスト）のレビューやアーキテクチャの意思決定に深く関わっています。しかし、初期のような「個人のワンマン開発」からは完全に脱却し、世界中のコアコントリビューターが連携して自律的に回る堅牢なオープンソースプロジェクトへと昇華させました。彼自身はThree.js Editor（ブラウザ上で3Dシーンを構築できるWebエディタ）の機能拡張や、WebXR（Apple Vision ProやMeta Questなどの空間コンピューティング向けWeb規格）の体験向上に注力しています。

【プロの結論】Web3D採用においてThree.jsを選ぶべき現場・見送るべき現場

Web制作ディレクターやフロントエンドエンジニアの視点から、プロジェクトにおけるThree.jsの採否基準をまとめました。

• 選ぶべきケース：
  • ブランドサイト、製品プロモーション、デジタルポートフォリオなど、リッチなビジュアル演出が求められるWebサイト
  • React（React Three Fiber）やVueなどのモダンフロントエンドフレームワークと統合してUIを組む場合
  • 開発期間が限られており、豊富なサンプルコードや日本語文献の恩恵を最大限に受けたい商業案件
• 見送りを検討すべきケース：
  • 物理演算や複雑な当たり判定が密結合した、大規模なブラウザオンラインマルチプレイゲーム（Babylon.jsやPlayCanvas、またはUnity/Unreal EngineのWeb書き出しが有利）
  • 極小のファイルサイズと初回描画速度（FCP）が最優先され、2Dアニメーションで目的を達成できる軽量サイト

【mr.doob】に関するよくある質問（FAQ）

Q1：Google重力（Google Gravity）はGoogleの社内エンジニアが作った公式機能なのですか？
A1：Googleの公式機能ではなく、リカルド・カベッロ（mr.doob）氏が「Chrome Experiments」というGoogleのブラウザ技術実験プラットフォーム向けに個人的に制作した作品です。Googleが公式にその革新性を認め、自社プロジェクトのショーケースとして大々的に紹介したことで世界中に広まりました。

Q2：Three.jsは商用利用できますか？ライセンス費用は発生しますか？
A2：Three.jsは「MITライセンス」で提供されており、完全無料で商用利用が可能です。著作権表示とライセンス条文を保持する限り、企業のプロモーションサイト、製品コンフィギュレーター、有料Webサービスなどに組み込んで自由に収益化できます。

Q3：プログラミング未経験者でもmr.doobのような3Dブラウザアートを作れますか？
A3：生のWebGLをゼロから記述するのは極めて難易度が高いですが、Three.jsを使えば基礎的なJavaScriptの知識で立方体や球体を回転させるアニメーションを数時間で実装可能です。さらに現在ではブラウザ上で直感的にシーンを組み立てられる公式ツール「Three.js Editor」も無料で公開されているため、3Dモデリングソフト感覚で作品作りを始めることができます。

まとめ：ブラウザを「表現のキャンバス」に変えたmr.doobの遺産と未来

かつては静的なテキストと画像を表示する閲覧ソフトに過ぎなかったウェブブラウザ。その枠組みを物理演算でユーモラスに破壊した「Google重力」から、現在のメタバースや空間コンピューティングの土台を支える「Three.js」に至るまで、リカルド・カベッロ（mr.doob）氏が世界のクリエイティブカルチャーに与えた影響は計り知れません。

WebGPUの普及と空間デバイスの台頭により、Web表現のフロンティアは2次元スクリーンから3次元空間へと完全に移行しました。四半世紀にわたり「ブラウザで面白いものを作りたい」という純粋な遊び心を持ち続け、誰にでも扱えるオープンなツールを提供し続けるmr.doobの足跡は、これからの時代を創るすべてのクリエイターにとって色褪せない道標となっています。 （出典: mrdoob（Yahoo!ニュース））