Three.js開発者mr.doobの正体｜Google Gravityから現在まで徹底解剖
Webブラウザ上で息をのむような3Dグラフィックスが滑らかに動く体験は、今や日常的なものとなりました。その基盤を支え、Web開発の常識を根底から覆したオープンソースライブラリ「Three.js」の生みの親こそが、世界中に熱狂的なファンを持つプログラマー、mr.doobです。
かつて「Google Gravity」などの遊び心あふれるブラウザ実験で世界中のネットユーザーの度肝を抜いた彼は、一体どのような人物なのでしょうか。本名やこれまでの経歴、WebGLからWebGPUへと技術革新が加速する2026年現在の活動に至るまで、その歩みと功績を詳細に紐解きます。
📌 【この記事の重要ポイントまとめ】
- 要点1：mr.doobの本名はリカルド・カベロ（Ricardo Cabello）氏で、スペイン・バルセロナ出身の伝説的クリエイティブコーダー。
- 要点2：「Google Gravity」や「Ball Pool」などのブラウザ実験で脚光を浴び、2010年にThree.jsを公開してWeb3Dの敷居を一気に引き下げた。
- 要点3：2026年現在もThree.jsコミュニティの中心として活動を続け、WebGPU対応や次世代Webグラフィックスの標準化を牽引している。
【何者？】Three.js開発者mr.doob（リカルド・カベロ）の経歴と正体
インターネット上で「mr.doob」というハンドルネームで知られる開発者の本名は、リカルド・カベロ（Ricardo Cabello）氏です。スペイン出身の彼は、もともとFlash全盛期にデザイナーやアニメーターとしてキャリアをスタートさせました。
彼が独自だったのは、デザインの感性を持ちながら自らActionScriptやJavaScriptのコードを書き、直感的に触って楽しいインタラクティブな表現を追求し続けた点にあります。過去の登壇イベントやメディアインタビューにおいて、彼は「自分は数学の専門家や厳密なコンピュータサイエンティストではなく、視覚的な楽しさを作るデザイナーに近い」と繰り返し語っています。この「作り手目線のシンプルさ」へのこだわりが、後のThree.js設計思想の核となりました。
ロンドンを拠点に活動していたクリエイティブスタジオ時代を経て、Googleの「Chrome Experiments」プロジェクトへの参加などを通じ、彼の名は世界的なフロントエンドエンジニアのコミュニティへ急速に浸透していきました。
一世を風靡した伝説的ブラウザ実験｜Google Gravityから広がるインタラクティブアート
mr.doobの名を一躍世界に知らしめたのが、2000年代末から2010年代初頭にかけて公開された一連のブラウザ実験（Browser Experiments）です。プラグインを必要とせず、ブラウザ標準のJavaScriptとHTML5 Canvasだけで動作する革新的なデモは、当時のWeb業界に大きな衝撃を与えました。
代表作の一つである「Google Gravity」は、Googleの検索画面が突如として重力に引っ張られるように崩れ落ち、検索ボックスやボタンをマウスで掴んで放り投げられるインタラクティブ作品です。検索機能自体も実際に動作するギミックが話題を呼び、世界中でバイラルヒットを記録しました。
そのほかにも、カラフルな球体がマウス操作に追従して跳ね回る「Ball Pool」や、幾何学模様が音楽と同期する「Harmony」など、彼が公開した実験作品一覧は、技術デモの枠を超えたインタラクティブアートとして現在も高く評価されています。
【データ比較】Three.jsと主要Web3D技術の進化と採用実績
mr.doobが開発したThree.jsは、難解だった低レイヤーグラフィックスAPIを直感的なJavaScriptコードへと抽象化しました。WebGLの普及から次世代規格WebGPUへの移行が進む技術的変遷を整理します。
| 技術・ライブラリ | 詳細・主要特徴 | 学習コスト・難易度 | 編集部の見解・評価 |
|---|---|---|---|
| 生WebGL（Raw WebGL） | OpenGL ESベースの低水準API。シェーダーやバッファの手動管理が必須。 | 極めて高い（数十行のコードで三角形1枚を描画） | エンジニアの参入障壁が高く、Web3Dの大衆化には不向きだった。 |
| Three.js（mr.doob） | シーン、カメラ、メッシュなど直感的なオブジェクト指向で3D空間を構築可能。 | 中程度（フロントエンド知識があれば即座に入門可能） | Web3Dのデファクトスタンダード。GitHubスター数は10万件を突破。 |
| Babylon.js | Microsoft主導のゲームエンジン指向ライブラリ。物理演算やGUIツールが充実。 | 中〜やや高（多機能な分、全体像の把握が必要） | 本格的なWebブラウザゲームや業務シミュレータで強みを発揮。 |
| WebGPU対応（最新動向） | 計算シェーダー活用やマルチスレッド描画による大幅なパフォーマンス向上。 | Three.js側がラッパーを提供し学習障壁を抑制 | Three.jsのWebGPURenderer導入により、表現力が一段階引き上げられた。 |
【実態検証】開発コミュニティのリアルな評判とWeb3D業界へのインパクト
開発者コミュニティにおいて、mr.doob氏への評価は単なる「優秀なプログラマー」にとどまりません。GitHubのリポジトリ管理やPR（プルリクエスト）の査読において、彼が一貫して保ち続けている「APIのシンプルさと後方互換性の実用的なバランス」に対して、世界中のエンジニアから深い敬意が寄せられています。
SNSやテック系フォーラムの声を検証すると、以下のような実情が浮かび上がります。
「Three.jsがなければ、Web上でプロダクトの3Dプレビューを作ることなど中小企業には不可能だった」「シェーダーコードの泥臭い部分を意識せず、クリエイティブに集中できるのはリカルド氏の美学のおかげ」といった称賛の声が圧倒的です。一方で、「毎月のマイナーアップデートで破壊的変更が入ることがあり、メンテナンスに追われる」という、長年運用する開発現場ならではのリアルな苦労点も挙げられています。
それでもなお、彼が個人主導のオープンソースプロジェクトとして発足したThree.jsを、Apple、Google、NASAといった巨大組織が公式採用する基盤へと育て上げた功績は揺るぎません。
初心者向けThree.js使い方入門｜ブラウザで3Dグラフィックスを動かす基本構造
Three.jsの最大の魅力は、わずかなコード量で空間を作り出せる点です。これから学習を始める初心者が押さえておくべき構成要素は、以下の3点に集約されます。
1つ目は「シーン（Scene）」です。これは3Dオブジェクトや光源を配置する「仮想の仮想空間」そのものを指します。2つ目は「カメラ（Camera）」で、空間をどの位置・角度・視野角から撮影するかを定義します。そして3つ目が「レンダラー（Renderer）」であり、シーンとカメラの情報を計算してHTMLのcanvas要素へ描画する役割を担います。
立方体を表示したい場合、「ジオメトリ（形状データ）」と「マテリアル（質感データ）」を組み合わせて「メッシュ（Mesh）」を作成し、シーンに追加するだけで画面に立体が現れます。HTMLに数行のスクリプトを読み込むだけで即座に実行できる手軽さが、世界中のWebデザイナーや学生をクリエイティブコーディングの世界へ引き込む強力な入り口となっています。
一般に知られていない盲点とネットの誤解｜「ただの天才個人の趣味」ではない開発思想
ネット上では「mr.doobは天才的なひらめきだけでThree.jsを完成させた」と神格化して語られる傾向がありますが、これは実態と異なります。実際の開発プロセスは、世界中から集まる数千件のイシューやプルリクエストに対して、地道かつ厳格なフィードバックを10年以上にわたり毎日積み重ねてきた結果です。
また、「Three.jsはWebデザインの演出専用ツールであり、高度なグラフィックスには向かない」という見方も過去の誤解と言えます。現在では、建築パースのビジュアライゼーション、医療シミュレーション、自動車の3Dコンフィギュレーターなど、ミッションクリティカルな産業用途でも中核技術として定着しています。
【プロの結論】Web技術の選択において見出すべき判断基準
Web制作やサービス開発においてThree.jsを採用すべきか否かは、以下の基準で判断することが推奨されます。
【採用が推奨されるプロジェクト】
・ブランドサイトやプロモーションで、スクロールやマウス操作に連動した没入感ある演出を作りたい場合
・製品の3DモデルをWebブラウザ上で360度回転させ、質感やカラーバリエーションをリアルタイムに変更させたい場合
・Web標準技術のみで完結させ、追加プラグインなしで幅広いデバイスに対応させたい場合
【慎重な検討が必要なプロジェクト】
・超大規模なオープンワールドゲームなど、高度なゲーム物理演算や複雑なAIルーチンが必須となる場合（UnityやUnreal EngineのWebエクスポートを検討すべき）
・低スペック端末や通信環境が極端に制限された環境で、ミリ秒単位の軽量表示が最優先されるWebサイト
【2026年最新動向】mr.doobの現在の活動とWebGPU時代の新たな挑戦
2026年現在、mr.doob氏はThree.jsのメンテナンスを継続するとともに、次世代グラフィックスAPIであるWebGPUへの完全移行を見据えたアーキテクチャの刷新に注力しています。
従来のWebGLでは難しかった高度なシャドウ表現や膨大なパーティクル計算が、WebGPUの導入によってブラウザ上で軽快に動作するようになりました。リカルド・カベロ氏は、開発者が基礎構造の違いを意識することなく、既存のThree.jsの記述感を保ったままWebGPUの恩恵を享受できるよう、レンダラーの再設計（Three.js WebGPU Renderer）を進めています。
さらに、WebXR（VR/AR）領域やAI生成3Dモデルのブラウザ描画など、最新テクノロジーとの統合実験を精力的に発信し続けており、コミュニティにおけるリーダーシップは健在です。
【mr.doob】に関するよくある質問（FAQ）
Q1：mr.doobの本名や出身地はどこですか？
A1：本名はリカルド・カベロ（Ricardo Cabello）氏で、スペイン・バルセロナ出身です。クリエイティブコーダー兼オープンソース開発者として活動しています。
Q2：Three.jsは商用利用できますか？費用はかかりますか？
A2：Three.jsはMITライセンスで公開されているオープンソースソフトウェアのため、個人・法人を問わず完全無料で商用利用が可能です。
Q3：Google Gravityは現在でも遊ぶことができますか？
A3：mr.doob氏の個人サイト（mrdoob.com）やアーカイブプロジェクト上で、現在も実際に動作するデモを体験することができます。
まとめ：Webの表現力を解放し続けるクリエイターから学ぶべき本質
mr.doob（リカルド・カベロ）という一人のクリエイターがWeb業界に与えた影響は計り知れません。難解な3Dグラフィックス技術を「誰でも触れる身近な道具」へと変えた彼の情熱は、Webを単なる情報伝達の場から、豊かな表現と体験が交差するキャンバスへと進化させました。
WebGPUの普及によってWebグラフィックスがさらなる進化を遂げる中、彼が築いたオープンソースのエコシステムと飽くなき探求心は、次世代のクリエイターたちを刺激し続けています。 （出典: mrdoob（Yahoo!ニュース））
毎日更新されるトレンド情報を分析・発信中。役立つ裏技やおすすめ情報を分かりやすく紹介します。
