DLSS 5がWebブラウザで動作|MAAN氏がWebGPU×Three.jsデモ公開、macOSでも動く仕組みを検証【2026年9月】

DLSS 5がWebブラウザで動作|MAAN氏がWebGPU×Three.jsデモ公開、macOSでも動く仕組みを検証【2026年9月】

本記事にはアフィリエイト広告(Amazon・楽天市場等)のリンクが含まれています。

NEWS / 2026-09
DLSS 5がWebブラウザで動作
MAAN氏の実験デモはmacOSでも動作すると説明されています
NVIDIAの最新ニューラルレンダリング技術「DLSS 5」を、WebGPUとThree.jsでWebブラウザ上に持ち込む実験デモが登場しました。ソースコードは未公開で、NVIDIA非搭載のMacでもなぜ動くのかは開発者自身も明らかにしていません。
実験的デモソース未公開macOSでも動作と説明

開発者のMAAN氏(X: @maanalaolaqy)が、WebGPUを使ってDLSS 5をWebブラウザ上で動かすデモを公開したことが分かりました。Three.jsで表示した3Dモデルにニューラルレンダリング処理を適用でき、ユーザー自身の3Dモデルを読み込んで試すこともできます。

注目したいのはmacOSでも動作するという説明です。DLSS 5は本来GeForce RTX 50シリーズ向けの技術で、NVIDIAの現行ドキュメントはWebGLやWebGPUを正式なDLSS統合経路として挙げていません。MAAN氏は技術的な仕組みを公開しておらず、標準のDLSSバイナリへ橋渡ししているのか、ブラウザ側で描いた映像を外部で変換処理しているのかは分かっていません。

ソースコード公開はまだ先ですが、DLSS 5本来の仕組み、NVIDIA公式の統合方法、WebGPUとThree.jsがどう関わっているか、macOSで動く理由として考えられる仕組みまで整理します。

目次

要点まず何が起きたか

WebGPU×Three.jsのブラウザデモでDLSS 5のニューラルレンダリングを適用

MAAN氏がXで公開した投稿には「DLSS 5 running in the browser with」という説明とThree.jsを示すタグが添えられ、「And yes it works on MacOS too.(macOSでも動作します)」という一文も含まれています。ライブデモも公開されており、用意されたモデルだけでなく利用者自身の3Dモデルを読み込んで試すこともできます。

NVIDIAがDLSS 5のWebGPU版を公式に提供したというニュースではありません。あくまで個人開発者による実験的なデモで、技術的な仕組みは公開されていません。

仕組みDLSS 5のニューラルレンダリングとは

DLSS 5の中心機能「3D-Guided Neural Rendering」は、従来のアップスケーラーとは性格が異なります。NVIDIAの研究資料によると、現在のレンダリングフレーム・エンジンのモーションベクトル・時間方向の状態・アート方向の制御値の4つを入力とし、1ステップのピクセル空間拡散モデルで最終的な表示映像そのものを生成する技術です。

NVIDIAはこの技術について、高コストな参照画像を再構築するのではなく最終表示外観そのものを生成する初のDLSS技術と位置づけています。フレーム間の時間的安定性を保つよう訓練された因果的で決定的な推論プロセスを採用し、対象はGeForce RTX 50シリーズ、解像度は4Kまで対応します。今回ブラウザで動いているとされるものも、単純な超解像フィルターではなく、このニューラルレンダリング部分と考えるのが自然です。

統合NVIDIA公式の統合方法はDirectXとVulkan前提

NVIDIAは2026年にStreamline 2.14を公開し、新しいプラグイン「sl.dlss_nr」として3D-Guided Neural Renderingへの対応を追加しました。公式の変更履歴には「Added support for DLSS 3D-Guided Neural Rendering with a new plugin: sl.dlss_nr.」と記載されています。

Streamlineはアプリケーションとグラフィックス API の間を仲介するフレームワークで、開発者がモーションベクトルや深度データ、レンダリング済みの画像といったリソースを渡す構成です。対象はDirectXやVulkanを使うネイティブアプリケーションで、NVIDIAの現行ドキュメントにWebGLやWebGPUをDLSSの統合経路として挙げた記載はありません。つまり今回のデモは、NVIDIAが用意している一般的な統合方法から外れています。

技術WebGPUがブラウザでのAI処理を可能にする

ここで重要になるのがWebGPUです。MDNはWebGPU APIについて、ウェブ開発者が下層のGPUを使って高効率な計算をしたり複雑な画像を描画したりすることを可能にするAPIだと説明しています。前身のWebGLは3Dグラフィックスの描画を前提としたAPIで汎用GPU計算をあまり扱えませんが、WebGPUはグラフィックス用のレンダーパイプラインに加えてコンピュートパイプラインを持ち、コンピュートシェーダーが一般のデータを受け取って並列計算した結果をバッファーで返す設計です。

ニューラルネットワークの推論に必要な計算を、ブラウザ内のGPU上で直接実行できる。この点がWebGLとの決定的な違いで、「ニューラルレンダリングモデルをブラウザのGPU上で動かす」というアイデア自体は技術的に不自然ではありません。

MAAN氏の投稿にはThree.jsを示すタグも付いています。Three.jsには「WebGPURenderer」が用意されており、WebGPU対応ブラウザではデフォルトでWebGPUバックエンドを使い、非対応環境では自動的にWebGL 2バックエンドへフォールバックする設計です。今回のデモも、Three.jsで3Dシーンを描画しながら、同じWebGPU基盤の上でニューラルレンダリング処理を組み合わせている可能性があります。ただしこれはソースコード公開前の推測です。

検証なぜMacでも動くのか

Apple Silicon搭載MacにはGeForce RTXもNVIDIAドライバーも搭載されていません。それでもデモが動作するのであれば、WebGPUがOSごとの違いを吸収するレイヤーとして働いていると考えるのが筋が通ります。

Safari 26はWebGPUに対応しており、Appleは旧来のWebGLについて「モダンGPU以前に設計されたOpenGL由来で変換のオーバーヘッドが大きかった」としたうえで、WebGPUは「Metalおよび基盤ハードウェアへより良くマッピングされる」と説明しています。Chrome系のWebGPU実装でもApple Silicon上ではMetalバックエンドが使われており、Googleが公開する実行環境の情報にも、Apple M1 Pro搭載のmacOS環境でバックエンドが「Metal」として認識される例が示されています。

WindowsではDirectXやVulkan、MacではMetalという違いをWebGPU側が吸収し、同じJavaScriptアプリケーションからGPUを利用できる。今回のデモがmacOSでも動くとすれば、こうした仕組みの上に成り立っている可能性が高いといえます。

DLSS 5がMacに正式対応したわけではありません

NVIDIA公式のDLSS 5はGeForce RTX 50シリーズ向けの技術で、Apple Siliconへの対応を発表した事実はありません。今回のデモが示しているのは、ニューラルレンダリング処理に近い仕組みをWebGPU向けに移植できる可能性がある、という段階にとどまります。

未確認ソース公開前に分かっていないこと

海外メディアの取材でも、MAAN氏はまだ技術的な詳細を公開していません。標準のDLSSバイナリへネイティブブリッジしているのか、ブラウザで描画したリソースをブラウザ外で変換処理しているのか、別の実装を使っているのかは分かっていないと報じられています。RTX 4090環境ではDLSS-NRモデルの読み込みだけで1〜2秒程度かかったとも伝えられており、モデル自体は決して軽くありません。MAAN氏はソースコードを近くGitHubで公開する予定としていますが、具体的な日付は明らかにされていません。

位置づけDLSS 5を非公式に広げる動きの4本目

DLSS 5はNBA 2K27での正式提供に先立ってバイナリが流出しており、この流出が非公式にDLSS 5を拡張するコミュニティ企画を後押ししてきました。当サイトで扱ってきたものだけでも、ニューラルレンダリング処理を2枚目のGPUへ分離するMGPU Bridge導入を自動化するDLSS 5 AutopilotLinuxのVulkanレイヤーからWine上のNGXへフレームを渡すDLSS5VKLayerと続いており、今回のWebGPUデモはそれに続く4本目の動きです。共通しているのは、いずれもGeForce RTX 50シリーズ以外の環境や、公式が想定していない経路でDLSS 5を動かそうとしている点です。

NVIDIA以外のGPUでDLSS 5のニューラルレンダリングを再現する試みも始まっています。2026年9月には、ニューラルネットワークランタイムをAMD GPU向けにHIPカーネルから書き起こして再実装した「DLSS-NR-on-AMD」というプロジェクトも登場しました。README には「NVIDIAのコードは実行時に含まれず変換もされていない、ゼロからのフルリインプリメント」と明記されており、RX 9070 XTでの検証では4K時のニューラル処理だけで109〜156ms、6〜9FPS程度だったという報告も上がっています。1080pまで解像度を落とせば処理時間は31〜47msまで改善するとされ、ボトルネックはCPUや転送ではなくニューラルGPU処理そのものだと分析されています。DLSS 5のニューラルモデルを動かすこと自体は、NVIDIAの公式ランタイム以外でも不可能ではない、という状況がすでにできています。

実用性ゲームで使うにはまだ早い

DLSS 5そのものが軽い技術ではありません。正式対応タイトルの『NBA 2K27』では、3D-Guided Neural Renderingを有効にするとRTX 5080環境でフレームレートが最大73%低下したという検証結果も報じられています。RTX 4090でモデルの読み込みだけに1〜2秒かかる点や、WebGPUという汎用レイヤーを経由する分オーバーヘッドが増える可能性を踏まえると、60fps以上を要求するブラウザゲームへそのまま使うのは現実的ではありません。

一方で、常時60fpsを求めない用途であれば話は別です。ECサイトの商品3Dプレビューや建築ビジュアライゼーションなど、Three.jsを使ったWeb3Dコンテンツはすでに数多く存在しています。そこへニューラルレンダリングで最終的な見た目だけを底上げできれば、単純なモデルのまま高品質な表示を狙うという使い方が考えられます。今回の技術がまず活きるとすれば、ゲームよりもこうした分野になりそうです。

検証ポイントソース公開後に何を見れば判断できるか

ソースコードが公開されたとき、見るべき点は大きく2つに絞れます。1つはNVIDIAのnvngx_dlssnrを呼び出しているのか、それともニューラルネットワーク側をWebGPU向けに独自実装しているのかです。前者であればWindowsとGeForce RTXに依存する構成になるため、macOSでも動くという説明とは噛み合いません。

もう1つは、ニューラルネットワークへ何を入力しているかです。DLSS 5は現在のレンダリングフレームだけでなく、モーションベクトルと時間方向の状態も受け取る設計になっています。Three.js側からモーションベクトルや前フレームの情報を渡しているなら本来の3D-Guided Neural Renderingに近い構成ですが、静止した1枚のフレームをニューラルフィルターへ通しているだけなら、見た目が似ていても仕組みは別物です。

この2点が分かれば、ブラウザ版のDLSS 5と呼べるものなのかをかなり正確に判断できます。今回のデモで本当に注目すべきなのは、DLSSがブラウザで動いたという事実よりも、GPUメーカー専用と受け取られてきたニューラルレンダリングをWebGPUというGPU非依存のレイヤーへ移せる可能性が示された点です。

FAQよくある質問

NVIDIAがDLSS 5のWebGPU版を公式に提供したのですか
違います。MAAN氏個人が公開した実験的なデモで、NVIDIAの現行ドキュメントにWebGLやWebGPUをDLSSの統合経路とする記載はありません。NVIDIA公式のDLSS 5はStreamline 2.14の「sl.dlss_nr」としてDirectXやVulkanのネイティブアプリケーション向けに提供されています。
今すぐブラウザでDLSS 5を試せますか
ライブデモは公開されています。用意されたモデルに加え、利用者自身の3Dモデルを読み込んで試すこともできます。ただしソースコードは未公開で、内部でどのような処理をしているかは分かっていません。
macOSでも本当に動きますか
MAAN氏はXの投稿で「And yes it works on MacOS too.」と説明しています。Apple SiliconにNVIDIA GPUは搭載されていないため、WebGPUがMetalへマッピングされる仕組みを通じて動いている可能性がありますが、速度については「おそらく速くはない」とされています。
ブラウザゲームでDLSS 5が使えるようになりますか
まだ先の話です。DLSS 5自体が重い技術で、『NBA 2K27』ではRTX 5080でも最大73%のフレームレート低下が報じられています。今回のデモは高フレームレートを要求するゲームよりも、3Dプレビューのような用途に向いていると考えられます。
ソースコードはいつ公開されますか
MAAN氏は近くGitHubで公開する予定としていますが、具体的な日付は明らかにされていません。公開されれば、NVIDIA公式のDLSSバイナリを使っているのか、独自実装なのかを確認できるようになります。

まとめまとめ|macOSで動く理由はWebGPUの仕組みにある

まとめ

DLSS 5のニューラルレンダリングをWebGPU経由でブラウザに持ち込む実験デモが公開されました。MAAN氏が公開したデモはThree.jsの3Dモデルに処理を適用でき、macOSでも動作すると説明されています。

ただしNVIDIAがDLSS 5のWebGPU版を正式提供したわけではありません。公式のDLSS 5はGeForce RTX 50シリーズ向けで、Streamline 2.14の「sl.dlss_nr」として提供されており、統合方法はDirectXやVulkanのネイティブアプリケーションが前提です。

それでもmacOSで動作するとすれば、NVIDIA非搭載の環境でもニューラルレンダリングに近い処理を動かせる可能性を示した点に意味があります。WebGPUはOSごとのGPU API(DirectX・Vulkan・Metal)の違いを吸収できるレイヤーで、SafariやChromeでもmacOS上でMetalへマッピングされることが確認されています。

現段階ではソースコードが未公開で、技術的な仕組みは分かっていません。ゲームで常用するにはDLSS 5自体の負荷が重く、WebGPU経由のオーバーヘッドも見込まれるため、まず力を発揮しそうなのは高フレームレートを要求しない3Dプレビューのような用途です。ソースコードが公開されれば、NVIDIA公式のDLSSバイナリを使っているのか独自実装なのかを確認できます。

2026 BEST BUY — GPU 部門
GIGABYTE Radeon RX 9060 XT 16GB GDDR6 グラフィックボード
16GB最安

RX 9060 XT 16GB

Amazon
ASRock RX 9070 XT Steel Legend Dark 16GB GDDR6
コスパ最強

RX 9070 XT 16GB

Amazon
MSI GeForce RTX 5070 12G VENTUS 2X OC
WQHD定番

RTX 5070 12GB

Amazon
MSI GeForce RTX 5070 Ti 16G VENTUS 3X OC
ミドルハイ

RTX 5070 Ti 16GB

Amazon
Amazon PICK UP — ゲーマー必携アイテム
NINJA GREASE Ninja 060 熱伝導グリス 5g 日本製ノンシリコーン
日本製グリス

NINJA GREASE 060 5g

Amazon
Razer BlackShark V2 X ゲーミングヘッドセット 3.5mm 7.1chサラウンド 軽量240g
コスパ7.1ch

BlackShark V2 X

Amazon
Dell Alienware AW3225QF 32型 4K QD-OLED
4K最強

Alienware AW3225QF 4K

Amazon
Logicool G502 X 有線 ゲーミングマウス 13ボタン HERO 25K センサー
多ボタン

Logicool G502 X

Amazon
BenQ ZOWIE XL2546X+ 24.5型 240Hz
FPSプロ向け

BenQ ZOWIE XL2546X+

Amazon
Writer
管理人アバター

ゲーミングスタイル管理人

自作PC愛好家・ゲーム歴15年超

ゲーミングPC歴は15年以上。毎年パーツを更新しながら最新トレンドを追いかけています。初心者にもわかりやすく、上級者も満足できる情報発信を心がけています。