WebGL用の3Dグラフィックスの最適化(PLANT-SIMエクスペリエンス)

この記事では、Plantsim 1.0プロジェクトのUnityシーンの最適化に焦点を当てます。:Unity2017.1.1f1に実装されたテネシーイーストマンプロセスのデジタルコピービジュアル部分。



画像



MAIITセンターのパートナーおよびマスタープログラム「VR / AR&AIの主催者からのメモ-PHYGITALISM



最初のバージョンでは、強力なコンピューターとサードパーティのコンピューティングデバイスであるPLCを使用して作業が実行されました。新しいバージョンの違いは、WebGLを使用して実装されたWEBアプリケーションであり、操作に必要なのはラップトップだけであるということです。



プラットホーム 団結 コマンド 何のために
PlantSim 1.0 PCベース:Intel i7 Nvidia GTX 1070ti 2017.3.0f3デフォルトパイプライン 数人の3Dアーティスト 美しさをモデル化して創造する熱意
PlantSim 2.0 ノートブック:Intel i5 Nvidia 1050ti Google Chrome 2019.2.15f1 LWPR 1人の3Dアーティスト 恐ろしい挑戦を打ち負かすためのさらに多くの熱意


プロジェクト開発比較表



PlantSim 1.0と比較すると、コンピューターのパフォーマンス要件が大幅に低下しています。したがって、最適化はPlantSim2.0の主要な関心事になっています。



画像

PlantSim2.0開発パイプライン



今後の作業の分析



WebGL — 3D Google Chrome, Mozilla, Safari. , 30FPS+. .



画像

Unity: WebGL Build



.



WebGL , . , , / 3D .



, 3D, , .



画像



, :



  • OutPutTank — 2
  • Reactor — 1 ,
  • ReactorExplosion — 1 ,
  • Condenser — 1
  • Separator — 1
  • PipesSystem —
  • Stripper — 1
  • Valve — 6
  • Tank — 4
  • Refrigerator — 1
  • Compressor — 3

    PlantSim 1.0 189 736 , 60%. 75 895 , .

    画像





, , , , . :



画像

Reactor (PlantSim 1.0) —





Reactor 21998 . , 8800 . , , : OutPutTank, Reactor Striper — . , .



, Reactor ( , ), 7258 . , 8000. , UV , — , , , .



画像

Reactor (PlantSim 2.0) —





ReactorExplosion , — . FPS , , 1000 Particle System. , : ? Unity , WebGL , , 5 ( FlipBook ). Unity.



FlipBook — , . , , . , , . , 5 , 1000.



, Reactor — WebGL FPS. Unity , Mesh renderer Skinned mesh renderer. transform points transform points (Origin ). , FPS 3–5 15–20 , 0,5 . , ReactorExplosion 41220 , , , , , .



. , 189736 ( ReactorExplosion, 148516 ). 60% , 59403 ( ). 61064 , , , . ReactorExplosion 102284 , .



, .



画像





. , , :



  • Base Color/Albedo — RGBA , , . Alpha .
  • Ambient Occlusion — / .
  • Metallness — / , .
  • Smoothness — / , .
  • Normal Map — RGB , .
  • Height Map — / , . Normal Map.
  • Emission — RGB , . Global Illumination , .

    画像

    Striper PlantSim 2.0


. — RGB - . ?



, R G B, A - . RGB . :



画像

/



Combine texture Unity.

Normal Map. — , .



画像

Compressor



, . :



  1. , Substance Painter, .
  2. HighPoly ( , , ) LowPoly , . Substance Painter, Blender .




— UV , . .



画像

. —



, . , , UV . , , UV .



.



WebGL , . , . — .





, Unity, Global Illumination. “” . Unity — Dynamic Static .



, .



, , . Lightmap . Realtime , .

画像

Lightmap

PlantSim 2.0 , .



WebGL



FPS , Google Chrome. — FPS c i7 GTX 1070ti 30, , . , .



, , (, ), FPS, .



画像

- . FPS .



Windows Apple MacBook PRO, , 3D . RTX 2080ti (, FPS 60). FPS .



, . , Google Chrome :



  1. ? , , .
  2. (, )?


, — . Google Chrome, , . NVIDIA — NVIDIA control panel. Google Chrome , .



画像

Nvidia Control Panel —



, Google Chrome, FPS 70–90 — , 3D (), - .





, , WebGL — 3D WEB.



, , .



:






All Articles