chenlei
/
lsq-book


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
							<!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>artsandculture</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>
      const cardNames = [
        "1.jpg",
        "2.jpg",
        "3.jpg",
        "4.jpg",
        "5.jpg",
        "6.jpg",
        "7.jpg",
        "8.jpg",
        "9.jpg",
        "10.jpg",
        "11.jpg",
        "12.jpg",
        "13.jpg",
        "14.jpg",
      ];

      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米处时最高可以多少才能在视线内
        },
      };

      /* var textarea = document.createElement('textarea');
    textarea.id = "consoleLog";

    document.getElementsByTagName("body")[0].appendChild(textarea);
    var list = ["log", "error", "warn", "debug", "info", "time", "timeEnd"]
    var exchange = function (o) {
    console["old" + o] = console[o];
    console[o] = function (str) {
      console["old" + o](str);
      var t = document.getElementById("consoleLog").innerHTML;
      document.getElementById("consoleLog").innerHTML = str + "\n\n" + t;
    }
    }

    for (var i = 0; i < list.length; i++) {
    exchange(list[i])
    }

    */
    </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>