shaogen1995
/
threeGoods


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
							<!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>