Skip to content

T
three.js

车家大少爷 / three.js
与 Fork 源项目一致

从无法访问的项目Fork

通知 2
Star 0
Fork 0
T
three.js

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 c63bdaf8 编写于 作者: M Mr.doob
浏览文件
操作

Clean up

上级 eefb5e07
隐藏空白更改
内联 并排
Showing with 18 addition and 18 deletion
examples/webxr_ar_lighting.html
浏览文件 @ c63bdaf8
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>three.js ar - cones</title> <title>three.js ar - lighting estimation</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<link type="text/css" rel="stylesheet" href="main.css"> <link type="text/css" rel="stylesheet" href="main.css">
...@@ -9,7 +9,8 @@ ...@@ -9,7 +9,8 @@
<body> <body>
<div id="info"> <div id="info">
<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> ar - Lighting Estimation<br/>(Chrome Android 88+) <a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> ar - Lighting Estimation<br/>
(Chrome Android 90+)
</div> </div>
<script type="module"> <script type="module">
...@@ -22,7 +23,6 @@ ...@@ -22,7 +23,6 @@
let camera, scene, renderer; let camera, scene, renderer;
let controller; let controller;
let defaultEnvironment; let defaultEnvironment;
let ballGroup;
init(); init();
animate(); animate();
...@@ -58,8 +58,8 @@ ...@@ -58,8 +58,8 @@
xrLight.addEventListener( 'estimationstart', () => { xrLight.addEventListener( 'estimationstart', () => {
// Swap the default light out for the estimated one one we start getting some estimated values. // Swap the default light out for the estimated one one we start getting some estimated values.
scene.add(xrLight); scene.add( xrLight );
scene.remove(defaultLight); scene.remove( defaultLight );
// The estimated lighting also provides an environment cubemap, which we can apply here. // The estimated lighting also provides an environment cubemap, which we can apply here.
if ( xrLight.environment ) { if ( xrLight.environment ) {
...@@ -68,18 +68,18 @@ ...@@ -68,18 +68,18 @@
} }
}); } );
xrLight.addEventListener( 'estimationend', () => { xrLight.addEventListener( 'estimationend', () => {
// Swap the lights back when we stop receiving estimated values. // Swap the lights back when we stop receiving estimated values.
scene.add(defaultLight); scene.add( defaultLight );
scene.remove(xrLight); scene.remove( xrLight );
// Revert back to the default environment. // Revert back to the default environment.
scene.environment = defaultEnvironment; scene.environment = defaultEnvironment;
}); } );
// //
...@@ -107,24 +107,24 @@ ...@@ -107,24 +107,24 @@
// //
let ballGeometry = new THREE.SphereBufferGeometry(0.175, 32, 32); const ballGeometry = new THREE.SphereBufferGeometry( 0.175, 32, 32 );
let ballGroup = new THREE.Group(); const ballGroup = new THREE.Group();
ballGroup.position.z = -2; ballGroup.position.z = - 2;
const rows = 3; const rows = 3;
const cols = 3; const cols = 3;
for ( let i = 0; i < rows; ++i ) { for ( let i = 0; i < rows; i ++ ) {
for ( let j = 0; j < cols; ++j ) { for ( let j = 0; j < cols; j ++ ) {
const ballMaterial = new THREE.MeshStandardMaterial({ const ballMaterial = new THREE.MeshStandardMaterial( {
color: 0xdddddd, color: 0xdddddd,
roughness: i / rows, roughness: i / rows,
metalness: j / cols metalness: j / cols
}); } );
const ballMesh = new THREE.Mesh( ballGeometry, ballMaterial ); const ballMesh = new THREE.Mesh( ballGeometry, ballMaterial );
ballMesh.position.set( (i + 0.5 - rows * 0.5) * 0.4, (j + 0.5 - cols * 0.5) * 0.4, 0 ); ballMesh.position.set( ( i + 0.5 - rows * 0.5 ) * 0.4, ( j + 0.5 - cols * 0.5 ) * 0.4, 0 );
ballGroup.add( ballMesh ); ballGroup.add( ballMesh );
} }
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
function onSelect() { function onSelect() {
ballGroup.position.set( 0, 0, -2 ).applyMatrix4( controller.matrixWorld ); ballGroup.position.set( 0, 0, - 2 ).applyMatrix4( controller.matrixWorld );
ballGroup.quaternion.setFromRotationMatrix( controller.matrixWorld ); ballGroup.quaternion.setFromRotationMatrix( controller.matrixWorld );
} }
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或