bundled.goml

<goml bgColor="#F9EFD5">
  <import-material typeName="transition-default" src="./transitions/default.sort"/>
  <import-material typeName="top-shader" src="./resources/shaders/top.sort"/>
  <import-material typeName="fusion-shader" src="./resources/shaders/fusion.sort"/>
  <import-material typeName="webglis-shader" src="./resources/shaders/webglis.sort"/>
  <import-material typeName="space-shader" src="./resources/shaders/space.sort"/>
  <import-material typeName="future-shader" src="./resources/shaders/future.sort"/>
  <import-material typeName="triangle-shader" src="./resources/shaders/triangle.sort"/>
  <material type="transition-default" class="transition" id="default"/>
  <renderer>
    <render-slide>
      <render-slide.components>
        <SlideController clickRegion="#paragraph-root"/>
      </render-slide.components>
    </render-slide>
  </renderer>
  <scene-slide>
  <camera/>
  <mesh material="new(unlit)" texture="./resources/logo.png" scale="3"/>
  <mesh position="0,1,0.1" scale="5" material="new(top-shader)"/>
  <p class="title-text" text="Web開発のためのWebGLフレームワーク"/>
</scene-slide>

  <scene-slide bgColor="black">
  <camera/>
  <div class="fullscreen-container">
    <video src="./resources/web.mp4" class="fullscreen-video"/>
  </div>
  <div class="vertical-center">
    <p text="情報としてのWeb" class="center-text-black"/>
  </div>
</scene-slide>

  <scene-slide bgColor="black">
  <camera/>
  <div class="fullscreen-container">
    <video src="./resources/appearin.mp4" class="fullscreen-video"/>
  </div>
  <div class="vertical-center">
    <p text="機能としてのWeb" class="center-text"/>
  </div>
</scene-slide>

  <scene-slide>
  <camera>
  </camera>
  <mesh material="new(webglis-shader)"/>
</scene-slide>

  <scene-slide bgColor="black">
  <camera>
    <camera.components>
      <MouseCameraControl/>
    </camera.components>
  </camera>
  <light/>
  <object>
    <object.components>
      <Rotate speed="-0.2"/>
    </object.components>
    <light color="blue" type="point" position="2,0,0"/>
    <light color="green" type="point" position="-2,0,0"/>
    <light color="red" type="point" position="0,0,2"/>
  </object>
  <model src="./resources/scifi-model/SciFiHelmet.gltf" scale="2">
    <model.components>
      <Rotate speed="0.3"/>
    </model.components>
  </model>
  <mesh rotation="x(-90)" position="0,-2.5,0" scale="20"/>
</scene-slide>

  <scene-slide build="2">
  <camera/>
  <mesh material="new(space-shader)">
    <mesh.components>
      <ProgressSeeker/>
    </mesh.components>
  </mesh>
</scene-slide>

  <scene-slide>
  <camera>
    <camera.components>
      <MouseCameraControl/>
    </camera.components>
  </camera>
  <mesh material="new(unlit)" geometry="sphere" scale="10,10,-10" texture="./resources/360.jpg">
    <mesh.components>
      <Rotate/>
    </mesh.components>
  </mesh>
</scene-slide>

  <scene-slide bgColor="black">
  <camera/>
  <div class="fullscreen-container">
    <video src="./resources/matterport.mp4" class="fullscreen-video"/>
  </div>
  <div class="vertical-center">
    <p text="建築" class="center-text"/>
  </div>
</scene-slide>

  <scene-slide bgColor="black">
  <camera/>
  <div class="fullscreen-container">
    <video src="./resources/sketchfab.mp4" class="fullscreen-video"/>
  </div>
  <div class="vertical-center">
    <p text="ソーシャルメディア" class="center-text"/>
  </div>
</scene-slide>

  <scene-slide build="3">
  <camera/>
  <mesh material="new(fusion-shader)" progress="0.5">
    <mesh.components>
      <ProgressSeeker inBuild="2"/>
    </mesh.components>
  </mesh>
  <div class="fusion-root">
    <div class="logo-root">
      <div class="logo-inner">
        <img class="fusion-logo" src="./resources/logo.png" inBuild="2"/>
      </div>
    </div>
    <div class="fusion-root-child">
      <div>
        <p text="CGの世界" class="fusion-subtitle"></p>
      </div>
      <div>
        <img src="./resources/webgl.png"/>
      </div>
      <div>
        <img src="./resources/loop.png" inBuild="1"/>
      </div>
    </div>
    <div class="fusion-root-child align-right">
      <div>
        <p text="Webの世界" class="fusion-subtitle"></p>
      </div>
      <div>
        <img src="./resources/webtech.png"/>
      </div>
      <div>
        <img src="./resources/event.png" inBuild="1"/>
      </div>
    </div>
  </div>
</scene-slide>

  <scene-slide build="4">
  <camera/>
  <mesh material="new(triangle-shader)" bc="black" progress="1">
  </mesh>
  <div class="vertical-center">
    <img src="./resources/logo.png" class="describe-logo"/>
  </div>
  <div class="describe-container">
    <div class="describe-inner-container bottom-align">
      <div class="margin-above">
        <img src="./resources/jquery.png" inBuild="2"/>
      </div>
    </div>
    <div class="describe-inner-container">
      <div class="margin-below">
        <img src="./resources/html5.png" inBuild="1"/>
      </div>
    </div>
    <div class="describe-inner-container bottom-align">
      <div class="margin-above">
        <img src="./resources/unity.png" inBuild="3"/>
      </div>
    </div>
  </div>
</scene-slide>

  <scene-slide bgColor="black" build="3" buildTransitionTime="0.2">
  <camera>
    <camera.components>
      <MouseCameraControl/>
    </camera.components>
  </camera>
  <light/>
  <object>
    <object.components>
      <Rotate speed="-0.2"/>
    </object.components>
    <light color="blue" type="point" position="2,0,0"/>
    <light color="green" type="point" position="-2,0,0"/>
    <light color="red" type="point" position="0,0,2"/>
  </object>
  <model src="./resources/scifi-model/SciFiHelmet.gltf" scale="2">
    <model.components>
      <Rotate speed="0.3"/>
    </model.components>
  </model>
  <mesh rotation="x(-90)" position="0,-2.5,0" scale="20"/>
  <div id="source-container" inBuild="1" outBuild="2">

  </div>
</scene-slide>

  <scene-slide build="3">
  <camera/>
  <mesh material="new(future-shader)"/>
  <div class="vertical-center future-container">
    <div>
      <img src="./resources/future1.png" inBuild="1" outBuild="2"/>
      <img class="bigger" src="./resources/future2.png" inBuild="2"/>
    </div>
  </div>
</scene-slide>

</goml>