Apple Vision Pro (visionOS 2.0) における WebXR Device API とその周辺の現状確認
visionOS 1 系だった人は visionOS 2.0 にアップデートが完了したタイミングから自動的に WebXR Device API が有効化されているので、アップデート直後に WebXR Device API が有効化されていなければ動作しない WebXR Samples の Immersive VR Session にアクセスしたとしても、正常に動作します。 visionOS 1 系の Safari on Vision Pro で WebXR Device API が動作するだけでも “待ちに待った” 状況でしたが、ユーザー自身による変更が必要である以上はまだ “当たり前” とは言い切れませんでした。しかし visionOS 2.0 で有効化されていることが標準的な状態となったため、Safari on Vision Pro にとっての WebXR は “当たり前” と言っても
Introducing Niantic Studio: The Future of Web-Based XR and 3D Content Creation
Introducing Niantic Studio: The Future of Web-Based XR and 3D Content CreationBuild immersive XR, 3D experiences, and casual web games with the public beta of our new visual editor and powerful web gaming engine—now available for free. Today, we’re excited to announce Niantic Studio, a new visual editor and web gaming engine for Niantic 8th Wall developers that offers an entirely new way to build
AddressableによりWebGLゲームのクラッシュ率が改善した話 - Mirrativ Tech Blog
こんにちは、ミラティブ菅谷です。MirrativのWebGL製ライブゲームにて、アセットのロード方法をインスペクタでの直接参照からAddressable Asset System（以下Addressable）に変更したことで、クラッシュ率が大幅に改善し、クラッシュせずにプレイが終了した「正常プレイ率」は98%まで改善しました。本記事では、その具体的な手順と効果について紹介します。 課題背景 MirrativのライブゲームはWebGLで動いていますが、特にモバイルのWebGLではパフォーマンスに気をつける必要があります。今回改善を行ったプロジェクトではもともとAddressableを使用していませんでした。プロジェクトの初期リリース時点では大きな問題もなく運用できていましたが、アセットやリソースを追加していくにつれてクラッシュが多く見られるようになりました。ただし、WebGLではクラッシュし
【Unity】【WebGL】モバイル端末でのWebGLでのInputFieldのあれこれまとめ - Qiita
はじめに モバイルは正式対応してないWebGLですが、やらなきゃならないときが来たので、無理やり対応する所存です ちなみに、正式対応は次のUnity6バージョンからだそうです WebGLでの日本語入力 日本語が表示されない問題 Unityのデフォルトのフォントだと表示されないので、商用利用可能な日本語対応フォントを適用する必要があります WebGLInputというプラグインを導入する モバイル端末であれば、デフォルトの状態でも日本語入力できますが、PC端末だと日本語入力ができません そこで、以下のプラグインを利用して対応します ですが、こちらのプラグインを利用してモバイル端末で日本語入力を行うと、挙動が怪しくなります InputFieldタッチしても表示されない、など なので、「PCではWebGLInputを利用して、モバイル端末では導入せずデフォルトのまま」というように区別をさせます P
Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD（MikuMikuDance）やApple Vision Proサポート
Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD（MikuMikuDance）やApple Vision Proサポート Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD（MikuMikuDance）やApple Vision Pro、WebXRなどをサポートし、よりリアルなレンダリングを実現する機能追加も行われた。 マイクロソフトは、Webブラウザ上で2Dや3Dモデルの高速なレンダリングなどを可能にするオープンソースのJavaScriptライブラリ「Babylon.js」の最新版「Babylon.js 7.0」正式版をリリースしました。 We are proud to announce that Babylon.js 7.0 has officially been released! The ne
モバイルアプリ上の WebAssembly 製ライブゲームで発生した例外を捕捉して計測する - Mirrativ Tech Blog
こんにちは、エンジニアのちぎら(@_naru_jpn)です。ミラティブでは、配信中のゲームに視聴者が介入できるゲームとライブ配信が融合した次世代のゲーム体験を提供しており、この体験を ライブゲーミング と呼んでいます。 ライブゲーミングは、Unity から WebGL 向けにビルドされた WebAssembly 製のゲームを、アプリに配置したウェブブラウザ上で動作させることによって実現しています。*1 今回は UnityでモバイルWebGLゲーム開発を頑張る話 の「メモリリークによって発生するクラッシュ」にも書かれているような、捕捉は難しいがユーザー影響があるような例外の発生を捕捉して、計測をするための仕組み作りについて解説をします。 ライブゲームが動作する仕組み 例外を捕捉することを考える前に、ライブゲームがどのように動作しているのかを知る必要があります。 Unity の WebGL 向
Unity で作った WebGL のアプリを React + MUI で良い感じに置く
はじめに GitHub Pages を使ってサイトを公開する方法を共著で記事を書いた。 この記事を作るためにいろいろ調べていたとき「Unity で作ったちょっとしたものをどうやってデプロイするのか」という話が出てきたので、やってみた。 イメージがわかるように以下に成果物としてページリンクを貼っておく。 なお、GitHub Pages を使って公開する方法は冒頭に載せた二つの記事を参考にするか、調べてみてほしい。 Unity で作った WebGL のアプリをどうやって React で扱うか ありがたいことに React Unity WebGL という神ツールがすでにあるのでこれを使う。 package.jsonと同じ階層にpublicディレクトリを作り、そこに Unity からビルドしたファイル群を入れる。あとはpublicディレクトリ以降のパスを React Unity WebGL 側に渡
Unity 製 WebGL ゲームを AWS でお手軽公開
この記事は「Happy Elements Advent Calendar 2023」および「AWS for Games Advent Calendar 2023」12月15日の記事です。 はじめに Happy Elements 株式会社でインフラグループのグループリーダーを務めております、長谷川です。 普段は全社横断で AWS, GCP, Azure といったクラウドでのサービス設計・構築・運用を担当するグループのリーダーを担当しています。 Happy Elements カカリアスタジオでは、少人数かつ限られた期間内でゲームを企画から開発まで行うチャレンジプロジェクト「SuperLite アプリ」という取り組みを始めました。 Super Lite アプリでは、新しいチャレンジを希望するメンバーでチームを結成し、およそ1ヶ月程度の作業時間を使って1つのゲームを作り上げます。 限られた作業時間
Unity WebGL で WebSocket を使う
この記事は Unity Advent Calendar 2023 シリーズ 2 14日目の記事です。 はじめに ちょっとした小ネタです。 Unity では、ご存じの通り Web ブラウザ向けにアプリケーションをビルドすることが可能ですが、実際に開発するとなると色々と気を付けなければいけないことが出てきます。 今回はその中でも WebSocket を使う場合どうすれば良いか紹介します。 何が問題か 通常、 Web ブラウザ上では、生のソケットの API を直接利用することはできません。 つまり、ブラウザが提供している API から利用可能な通信プロトコルのみ使用することができます。 Unity の WebGL ビルドでは、 Emscripten を使用して WebAssembly の実行ファイルを生成します。 このとき、 Unity でサポートされている通信ライブラリは UnityWebRe
WebGLからWebGPUにステップアップしよう！ - Qiita
はじめに この記事はHIKKYアドベントカレンダー2023の10日目の記事です。 こんにちは、 @emadurandal と申します。HIKKYのエンジン開発部でメタバースエンジンの開発に従事しています。 今回は、WebGLからWebGPUへのステップアップについての記事を書いてみようと思います。 なぜWebGPUが登場したのか WebGLはOpenGL ESのAPI体系をブラウザに移植したものです。 そのOpenGLですが、歴史的経緯により、GPUやCPUの性能を完全に引き出しきれないレガシーな部分を引きずっていました。 詳しくはこちらの記事をご覧ください。 そのため、WebGL2の次はWebGL3というわけにはいかなかったようです。 よりGPUの性能を引き出せる、よりモダンなAPI体系が必要でした。ネイティブにはVulkan APIがありますが、それをそのままブラウザに持ってくるには、
HLSL→WGSLへの変換をやってみる（SPIR-V経由） - 猫茶の研究日誌
目次 目次 はじめに 変換の流れ HLSL→SPIR-V SPIR-V→WGSL 環境構築 DirectX Shader Compiler（DXC） Tint depot-toolsのインストール Tintのビルド Tintのインストール 変換をする HLSL→SPIR-V（DXCを使用） SPIR-V→WGSL（Tintを使用） おわりに 参考にしたもの はじめに DirectX向けにHLSL言語で書かれたシェーダプログラムを、WebGPUで使えるWGSLへと変換してみる記事です。 いわゆるトランスパイルというやつです。 実験してみたものの、すぐに忘れそうなので備忘録を兼ねて記事にしておきます。 SPIR-VとTintを使います。（詳細は後述） 余談ですが、WebGPUについて、C++でブラウザ向けに使う入門記事を先日書いたので、試してみたい方はぜひご参照ください。 zenn.dev ま
2024年以降でも Android で WebView ベースのアプリを作るあなたへ
こんにちは！アルダグラムでエンジニアをしている渡邊です！ 本記事は株式会社アルダグラム Advent Calendar 2023 1日目の記事です。 早いもので2023年もあと一ヶ月となり、2024年もまもなくです。最近モバイルアプリのクロスプラットフォーム開発では Flutter や Kotlin Multiplatform などをよく見かけます。 しかしクロスプラットフォーム開発といえば... そう WebView を使った方法があります。 これは WebView で HTML を表示させることで Android や iOS などで共通に画面を作成する方法で、モバイルアプリ開発の初期からあった方法です。 プロジェクトの構成や工数、実装難易度によって WebView を使った開発を採用することもあると思いますが、個人的な意見としてそれは選択肢としてアリかと思っています。 最近アプリチーム
UnityのWebGLアプリ開発における"使えないライブラリ問題"の回避策 - Gaudiy Tech Blog
ファンと共に時代を進める、Web3スタートアップのGaudiyでUnityエンジニアをしているくりやま（@xamel7）です。 Gaudiyでは"Gaudiy Fanlink"というブロックチェーンや生成AIなどの技術を活用したファンプラットフォームで、漫画、アニメ、アイドルといったIP（知的財産コンテンツ）独自のコミュニティの開発・運営をしています。 service.gaudiy.com このFanlinkの一機能として、現在、新たに開発を進めているのがIPのカジュアルゲームです。 「GANMA!コミュニティ」で先日公開されたカジュアルゲーム ▼登録不要で遊べます ganma-community.com WebサービスであるFanlinkとの連携が必要なこともあり、GaudiyのUnityチームではWebGLビルドによるアプリケーション開発を行っています。 WebGLビルドは、スタンドア
Unity製ゲームをWebGLビルドしてGitHub Pagesに公開するワークフロー - やらなイカ？
Unityプロジェクトのバージョン管理にGitHubを使用している場合、GitHub ActionsワークフローでWebGLビルドを行ない、そのままGitHub Pagesに公開する方法を紹介します。 GitHub Pagesは、GitHubリポジトリに紐づく静的コンテンツをホスティングできる機能です。 公開できるサイズが10GB以下ということと、たとえprivateリポジトリであってもGitHub Pagesにはアクセス制限はかけらない*1という制限がありますので注意してください。 Unity - Builder アクション ビルドには、GameCIの提供するUnity - Builder アクションを使用しています。 利用方法は公式サイトか、検索すれば日本語情報もありますので割愛します。 github.com なお、CIをキックするユーザーはUnityのライセンスを持っている必要があり
【Unity】WebGLで動画再生のフォールバックを実現する
WebGL環境でWebM形式の動画再生に対応したいの… 再生できない時だけMP4動画に切り替えたりできないの？ UnityのWebGLビルドで複数形式の動画再生をフォールバックで対応する方法の解説記事です。 本記事の内容を実践すると、ブラウザによって最適な形式の動画を選択して再生することが可能になります。 例えば、HTMLの<video>タグによるWebM形式動画の再生では、Opera miniは非対応、iOS版Safariは部分的に対応というステータスになっています。 [1] 参考：“WebM” | Can I use… Support tables for HTML5, CSS3, etc このような場合、WebM対応ブラウザではWebM形式動画、非対応ブラウザではMP4形式動画にフォールバックして再生させれば良いです。 これは、HTMLで言う<video>と<source>タグによる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unityで作ったゲームを WebGL 出力して Flask + Render.com で一般公開する
Unity WebGLビルドが通らないと思ったらCPUの熱問題だった
WebGLで始める コンピュータグラフィックス入門
GitHub - mnicolas94/facticus-deploy: A Unity package to help you build and deploy your game remotely with Github Actions
GitHub - wechat-miniprogram/minigame-unity-webgl-transform: Wechat Mini Game Unity engine adapter documents.