Mengoptimalkan grafik 3D untuk WebGL (pengalaman PLANT-SIM)

Artikel ini akan berfokus pada pengoptimalan adegan Persatuan dari proyek Plantsim 1.0.: Bagian visual dari salinan digital Proses Tennessee Eastman, diimplementasikan pada Unity 2017.1.1f1.



gambar



Catatan dari mitra pusat TI MAI dan penyelenggara program master “ VR / AR & AI ” - PHYGITALISM .



Pada versi pertama, pekerjaan dilakukan dengan menggunakan komputer yang kuat, serta perangkat komputasi pihak ketiga - PLC. Perbedaan dari versi baru ini adalah sekarang ini adalah aplikasi WEB, diimplementasikan menggunakan WebGL, dan hanya diperlukan laptop untuk pengoperasiannya.



Peron Kesatuan Perintah Untuk apa
PlantSim 1.0.2 Memperbarui Berbasis PC: Intel i7 Nvidia GTX 1070ti 2017.3.0f3 Pipa Default Beberapa seniman 3D Antusiasme untuk menjadi model dan menciptakan keindahan
PlantSim 2.0.2 Memperbarui Notebook: Intel i5 Nvidia 1050ti Google Chrome 2019.2.15f1 LWPR Seorang seniman 3D Bahkan lebih antusias untuk mengalahkan tantangan yang ditakuti


Tabel Perbandingan Pembangunan Proyek



PlantSim 1.0, . PlantSim 2.0.



gambar

PlantSim 2.0





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



gambar

Unity: WebGL Build



.



WebGL , . , , / 3D .



, 3D, , .



gambar



, :



  • 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 , .

    gambar





, , , , . :



gambar

Reactor (PlantSim 1.0) —





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



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



gambar

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 , .



, .



gambar





. , , :



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

    gambar

    Striper PlantSim 2.0


. — RGB - . ?



, R G B, A - . RGB . :



gambar

/



Combine texture Unity.

Normal Map. — , .



gambar

Compressor



, . :



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




— UV , . .



gambar

. —



, . , , UV . , , UV .



.



WebGL , . , . — .





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



, .



, , . Lightmap . Realtime , .

gambar

Lightmap

PlantSim 2.0 , .



WebGL



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



, , (, ), FPS, .



gambar

- . FPS .



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



, . , Google Chrome :



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


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



gambar

Nvidia Control Panel —



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





, , WebGL — 3D WEB.



, , .



:






All Articles