shaogen1995
/
usdzModel


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
							<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>TinyUSDZ demo using three.js</title>
	<style>
		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}

		canvas {
			touch-action: none;
			/* 禁用浏览器默认触摸行为 */
		}

		body {
			background-color: #ccc;
		}

		.loadingBox {
			position: absolute;
			width: 90%;
			max-width: 1200px;
			height: 6px;
			border-radius: 3px;
			border: 1px solid #2dc0ef;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			opacity: 1;
			pointer-events: auto;
			transition: all 0.5s;
		}

		#loading {
			position: absolute;
			top: 0;
			left: 0;
			width: 0;
			height: 100%;
			background-color: #2dc0ef;
		}

		/* @media screen and (max-width: 1000px) {
			.loadingBox {
				height: 10px;
				border-radius: 5px;

			}
		} */
	</style>
</head>

<body>
	<script>
	</script>
	<div class="loadingBox">
		<div id="loading"></div>
	</div>
	<script type="module" src="./js/main.js"></script>
</body>
<!-- 
  <script>
    window.onload = function () {
      var script = document.createElement('script')
      script.src = 'http://cdn.bootcss.com/eruda/1.5.4/eruda.min.js'
      document.body.appendChild(script)
      script.onload = function () {
        eruda.init()
      }
    }
  </script> -->

</html>