Michael Herzog 2 недель назад
Родитель
Сommit
57bc377792

BIN
examples/screenshots/webgl_geometry_extrude_shapes.jpg


BIN
examples/screenshots/webgl_interactive_lines.jpg


+ 2 - 9
examples/webgl_geometry_extrude_shapes.html

@@ -20,6 +20,8 @@
 	</head>
 
 	<body>
+		<div id="info"><a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - geometry extrude shapes</div>
+
 		<script type="importmap">
 			{
 				"imports": {
@@ -41,15 +43,6 @@
 
 			function init() {
 
-				const info = document.createElement( 'div' );
-				info.style.position = 'absolute';
-				info.style.top = '10px';
-				info.style.width = '100%';
-				info.style.textAlign = 'center';
-				info.style.color = '#fff';
-				info.innerHTML = '<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - geometry extrude shapes';
-				document.body.appendChild( info );
-
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );

+ 2 - 8
examples/webgl_interactive_lines.html

@@ -20,6 +20,8 @@
 		</style>
 	</head>
 	<body>
+		<div id="info"><a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - interactive lines</div>
+
 		<script type="importmap">
 			{
 				"imports": {
@@ -49,14 +51,6 @@
 				container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				const info = document.createElement( 'div' );
-				info.style.position = 'absolute';
-				info.style.top = '10px';
-				info.style.width = '100%';
-				info.style.textAlign = 'center';
-				info.innerHTML = '<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - interactive lines';
-				container.appendChild( info );
-
 				camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 10000 );
 
 				scene = new THREE.Scene();

+ 1 - 5
examples/webgl_video_kinect.html

@@ -11,6 +11,7 @@
 		<link type="text/css" rel="stylesheet" href="main.css">
 	</head>
 	<body>
+		<div id="info"><a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> - kinect</div>
 
 		<video id="video" loop muted crossOrigin="anonymous" playsinline style="display:none">
 			<source src="textures/kinect.webm">
@@ -98,11 +99,6 @@
 				const container = document.createElement( 'div' );
 				document.body.appendChild( container );
 
-				const info = document.createElement( 'div' );
-				info.id = 'info';
-				info.innerHTML = '<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> - kinect';
-				document.body.appendChild( info );
-
 				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
 				camera.position.set( 0, 0, 500 );
 

粤ICP备19079148号