推しアイデア
WEBアプリ上でUnreal Engine 5を触れちゃう！👌 頑張ったら多対多もいけちゃう！👍
プレシオカップ
MerryChristmas - UP↑UP↑
―
Azure
C++
CSS
JavaScript
HTML
💡クリスマスツリーに灯を点そうぞ！💡
作った背景
ユーザーへのインタラクティブな操作感の提供、今まで触ったことがないウェブアプリを作ってみたいという熱意
推し技術
【Pixel Streaming】 一台のVMにかかるコストは天元突破ッ！ 【ブループリント】 横から見たら木構造🌲 【Web RTC】
プロジェクト詳細
サービス概要
あかりの灯る大きなクリスマスツリーへ愛を叫ぼう！
システム構成図
構成ポイントは、UE5をPCのスペック上扱えない人同士で開発できるようにするという点です。
Azure上に、UE5が動作する程度の仮想マシンを2台(Standard NC8as T4 v3 )で構築し
UEプロジェクトの開発と、Pixel Streamingを利用したフロント制作に割り当て
これにより、各自所有のPCのスペックに関わらず、UE5を使った開発を行える
クライアント
機能面
- ローカルサーバーでストリーミングを1:1配信(P2P)
- Unreal EngineからBPを経由して、Webページと相互通信
- ツリーに玉が当たるごとにWEBサーバーにメッセージ
10回当たると"MerryChristmas"という音と共に照明が一斉につく
苦戦したこと
UE5パッケージのファイル依存関係の把握。 既存コードの書き換え。 by フロント担当: 白水氏
- 環境構築が結構沼でした。AzureでUE5を動かすためのクォートが足らなかったり、グループ化できなかったりでね。大変だった。 by ビジュアルクリエイター: 山本
