sunag 5 месяцев назад
Родитель
Сommit
2f952cf541
2 измененных файлов с 13 добавлено и 3 удалено
  1. 4 0
      examples/example.css
  2. 9 3
      examples/webgpu_depth_texture.html

+ 4 - 0
examples/example.css

@@ -88,3 +88,7 @@ a {
 	background: #c3c3c3;
 	opacity: .5;
 }
+
+#info.invert {
+	filter: invert(1);
+}

+ 9 - 3
examples/webgpu_depth_texture.html

@@ -3,12 +3,18 @@
 		<title>three.js webgpu - depth texture</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
-		<link type="text/css" rel="stylesheet" href="main.css">
+		<link type="text/css" rel="stylesheet" href="example.css">
 	</head>
 	<body>
 
-		<div id="info">
-			<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> webgpu - depth texture
+		<div id="info" class="invert">
+			<a href="https://threejs.org/" target="_blank" rel="noopener" class="logo-link"></a>
+
+			<div class="title-wrapper">
+				<a href="https://threejs.org/" target="_blank" rel="noopener">three.js</a><span>Depth Texture</span>
+			</div>
+
+			<small>Rendering the scene's depth into a texture for later use</small>
 		</div>
 
 		<script type="importmap">

粤ICP备19079148号