Otimizando gráficos 3D para WebGL (experiência PLANT-SIM)

Este artigo se concentrará na otimização da cena Unity do projeto Plantsim 1.0.: A parte visual de uma cópia digital do Processo Tennessee Eastman, implementado no Unity 2017.1.1f1.



imagem



Nota do parceiro do centro de informática MAI e organizador do programa de mestrado “ VR / AR & AI ” - FIGITALISMO .



Na primeira versão, o trabalho era realizado com um computador potente, além de um dispositivo de computação de terceiros - PLC. A diferença da nova versão é que agora é um aplicativo WEB, implementado em WebGL, e apenas um laptop é necessário para seu funcionamento.



Plataforma Unidade Comando Pelo que
PlantSim 1.0 Baseado em PC: Intel i7 Nvidia GTX 1070ti 2017.3.0f3 Pipeline padrão Vários artistas 3D Entusiasmo para modelar e criar beleza
PlantSim 2.0 Notebook: Intel i5 Nvidia 1050ti Google Chrome 2019.2.15f1 LWPR Um artista 3D Ainda mais entusiasmo para vencer o temido desafio


Tabela de comparação de desenvolvimento de projeto



PlantSim 1.0, . PlantSim 2.0.



imagem

PlantSim 2.0





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



imagem

Unity: WebGL Build



.



WebGL , . , , / 3D .



, 3D, , .



imagem



, :



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

    imagem





, , , , . :



imagem

Reactor (PlantSim 1.0) —





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



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



imagem

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



, .



imagem





. , , :



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

    imagem

    Striper PlantSim 2.0


. — RGB - . ?



, R G B, A - . RGB . :



imagem

/



Combine texture Unity.

Normal Map. — , .



imagem

Compressor



, . :



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




— UV , . .



imagem

. —



, . , , UV . , , UV .



.



WebGL , . , . — .





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



, .



, , . Lightmap . Realtime , .

imagem

Lightmap

PlantSim 2.0 , .



WebGL



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



, , (, ), FPS, .



imagem

- . FPS .



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



, . , Google Chrome :



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


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



imagem

Nvidia Control Panel —



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





, , WebGL — 3D WEB.



, , .



:






All Articles