chenlei
/
lsq-book


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
							<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>刘少奇同志纪念馆</title>
    <style>
      #player,
      body,
      canvas {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        margin: 0;
        padding: 0;
      }

      /*canvas{
          background-image: url(background.jpg); 
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
      }*/
      #consoleLog {
        width: 120px;
        height: 153px;
        position: absolute;
        left: 0px;
        bottom: 160px;
        z-index: 999999;
        color: black;
        opacity: 0.9;
        font-size: 12px;
      }
    </style>
  </head>

  <body>
    <div id="player">
      <canvas></canvas>
    </div>

    <script type="text/javascript" src="./jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="./three.min.js"></script>
    <script>
      let vfov = 60; //垂直视角范围度数
      window.setting = {
        vfov,
        cards: {
          far: 15,
          beginFadeNear: 7,
          near: 1,
          fadeInDur: 3000,
          highest: Math.tan(THREE.Math.degToRad(vfov / 2)), //当card在1米处时最高可以多少才能在视线内
        },
      };

      function initViewer(cardNames) {
        window.cardNames = cardNames;
        var startTime = new Date().getTime();
        window.viewer = new Viewer(0, $("#player")[0])

        // 点击
        viewer.addEventListener('clickObject', e => {
          window.top.clickObject(e.imgName);
          // 暂停动画
          viewer.setAutoMove(false)
        })

        let flag = false

        // 鼠标移入
        viewer.addEventListener('hoverObject', e => {
          // console.log('鼠标移入',e);
          flag = true
          window.top.hoverObject(e);
        })

        // 鼠标移出
        viewer.addEventListener('mouseoutObject', e => {
          // console.log('鼠标移出',e);
          flag = false
          window.top.mouseoutObject(e);
        })

        document.querySelector('#player').onmousemove = (event) => {
          if (!flag) return
          let e = event || window.event;
          window.top.mouseLoc(e.clientX, e.clientY);
        }
      }
    </script>

    <script type="text/javascript" src="./utils.js"></script>
    <script type="text/javascript" src="./PanoramaControls.js"></script>
    <script type="text/javascript" src="./index.js"></script>
    <script src="./click.js"></script>
  </body>
</html>