涡轮喷气发动机

<style>
  /* 空压机叶片 */
  .scene xr-model xr-node[name='blades_turbine_003'] xr-mesh {
    ---enable-edges: true;
    ---edges-color: #00c4fb;
    ---edges-width: 0.5;
    ---material: 'primitive://pbr?alpha=0&transparency-mode=2&metallic=0';
  }
  /* 壳体 */
  .scene xr-model xr-node[name='hull_turbine_004'] xr-mesh {
    ---enable-edges: true;
    ---edges-color: #fbae00;
    ---edges-width: 0.2;
    ---material: 'primitive://pbr?alpha=0&transparency-mode=2&metallic=0';
  }
  /* 管道 */
  .scene xr-model xr-mesh[name='pipes_turbine_009_Stainlesssteel-Black-PBR_0'] {
    ---material: 'primitive://pbr?albedo-color=#00c4fb&emissive-color=#00c4fb&emissive-intensity=2&wireframe=true';
  }
  /* 空气滤芯 */
  .scene xr-model xr-mesh[name='canister_turbine_011_Nickel-Light-PBR_0'] {
    ---material: 'primitive://pbr?albedo-color=#00c4fb&emissive-color=#00c4fb&emissive-intensity=1&wireframe=true';
  }
  /* 燃烧室 */
  .scene xr-model xr-node[name='plates_turbine_016'] xr-mesh {
    ---material: "#plates"
  }
  .scene #plates {
    ---albedo-color: red;
    ---emissive-color: red;
    ---emissive-intensity: 1.2;
    ---wireframe: true;
    animation: blink 1s ease-in-out infinite alternate;
  }
  @keyframes blink {
    0% {
      ---emissive-intensity: 0.5;
    }
    100% {
      ---emissive-intensity: 1.2;
      ---albedo-color: yellow;
      ---emissive-color: yellow;
    } 
  }
</style>

<xr-scene class="scene" inspectx background="#000">
  <xr-gui>
    <xr-gui-folder source="xr-scene"></xr-gui-folder>
  </xr-gui>
  
  <xr-camera radius="3" alpha="-50"></xr-camera>

  <xr-glow intensity="0.5"></xr-glow>

  <xr-material id="plates"></xr-material>
  <xr-model src="/solidx-website/model/turbine-01.glb" rotation="0 150 0" auto-play="true" loop="true"></xr-model>

  <xr-loading>
    <div class="loading"></div>
  </xr-loading>
</xr-scene>