ライブ配信アプリ「REALITY」ブラウザ版におけるUnityのWeb向けビルド技術、開発会社がブログ記事で解説。JavaScriptからUnityの実装を呼び出せるライブラリを独自開発

ライブ配信アプリ「REALITY」ブラウザ版におけるUnityのWeb向けビルド技術、開発会社がブログ記事で解説。JavaScriptからUnityの実装を呼び出せるライブラリを独自開発

2025.04.14
ニュースUnityプログラム
この記事をシェア!
Twitter Facebook LINE B!
Twitter Facebook LINE B!

この記事の3行まとめ

  • REALITY、「UnityのWebビルドで作るブラウザ版REALITY」と題した記事を公開
  • 同社のライブ配信アプリ「REALITY」のブラウザ版を開発した技術について解説している
  • JavaScriptからUnityの実装を呼び出すライブラリ「UnityWebSDK」を独自に開発

REALITYは2025年4月9日(水)、「UnityのWebビルドで作るブラウザ版REALITY」と題した記事を同社の公式noteにて公開しました。

同記事は、同社が運営するモバイル向けライブ配信アプリ「REALITY」のブラウザ版(※)における開発技術について解説しています。
※ エイプリルフール企画として2025年4月1日(火)~4月7日(月)に期間限定で公開されたもの。記事執筆時点、すでに公開を終了している

REALITYは、3Dモデルのアバターを自作してライブ配信を行えるモバイル向けアプリ。

同アプリは、3Dアバターを表示する機能はUnity、プロフィールの表示やチャット機能などはiOS/Androidのネイティブアプリで実装しています。

ブラウザ版REALITYの場合、3Dアバター関連の機能をUnityのWeb向けビルドで実装し、そのほかの機能をJavaScriptフレームワークで実装。実際にリリースすると仮定した際に取り回しが効きやすいように、既存のUnityプロジェクトにWeb用のコードを統合する方針が採られています。

モバイルアプリにおける各機能の実装方法を表した図(画像はブログ記事より引用)

モバイル版アプリにおいては、ネイティブアプリとUnity間の連携にはUaaLのAPIが利用できましたが、このAPIはブラウザに対応していません。そこで同社は、Unity部分をライブラリとして抽象化し、JavaScriptから呼び出し可能にする「UnityWebSDK」を開発しました。

Webビルドでは動作しない既存のコードやシェーダーについては、代替手段への変更やWebGLの仕様に合わせた修正を施しています。

詳細は同社のnoteをご確認ください。

「UnityのWebビルドで作るブラウザ版REALITY」REALITY公式note

関連記事

Unity製ゲームにDiscord機能を組み込む方法を学べる。「Discord Social SDK」の無料学習コンテンツ、「Unity Learn」で公開
2025.12.01
クロスプレイにも対応した最大32人での対戦ゲーム『Sonic Rumble』の開発事例がUnity公式ブログで公開。モバイル環境でも安定したパフォーマンスを実現する手法を紹介
2025.11.27
Unityのエンジン開発最高責任者Adam Smith氏に訊く、2026年を見据えた「Unity 6.3」開発構想とは【メールインタビュー】
2025.11.27
「Unity 6.3」正式版、2025年12月にリリース予定。さらなるレンダリング機能強化などが施されたLTS版
2025.11.19
Epic GamesとUnityがパートナーシップを締結!2026年より『フォートナイト』でUnityゲームを公開可能に。またUnityの決済管理システムがUEをサポート
2025.11.19
「Visual Studio 2026」正式リリース。AI開発支援の統合や、パフォーマンスも大幅向上
2025.11.12

注目記事ランキング

2025.11.24 - 2025.12.01
VIEW MORE

連載・特集ピックアップ

イベントカレンダー

VIEW MORE

今日の用語

ヘッドマウントディスプレイ(HMD)
ヘッドマウントディスプレイ Head Mounted Displayの略称。頭部に装着するディスプレイ装置の総称で、ゴーグルやメガネを模した形状が多い。Meta QuestやHTC Vive、PlayStaion VRなどの没入型と、HoloLensやMagic Leapなどのシースルー型に大別される。左右の目に対してわずかに異なる映像を描画することで、視差効果を利用した立体的な表現を可能にする。
VIEW MORE

Xで最新情報をチェック!