我正在嘗試使用光線投射器來(lái)識(shí)別一排要在鼠標(biāo)懸停上突出顯示/著色的3D立方體。我關(guān)注了這篇文章 在三個(gè)js中使用鼠標(biāo)懸停更改網(wǎng)格的顏色。我面臨的問(wèn)題是,它只突出顯示一個(gè)立方體,即鼠標(biāo)所在的立方體,而不是整行。請(qǐng)?jiān)谙旅嬲业轿业膫未a:var cubesList = new THREE.Group();function createScene () { var cubeSize = 2; for ( var i = 0; i < noOfEntries; i++ ) { var entry = entries[ i ]; var entryObjects = entry.objects; var entryCubesGroup = new THREE.Group(); var noOfObjects = entry.objects.length; for ( var j = 0; j < noOfObjects; j++ ) { var object = entryObjects[ j ]; var cube = createCube( cubeSize ); //THREE.Object3d group of 9 cubes entryCubesGroup.add( cube ); if ( j === Math.round( noOfObjects / 4 ) - 1 && i === Math.round( noOfEntries / 4 ) - 1 ) { cameraTarget = cube; } } cubesList.add( entryCubesGroup ); } scene.add( cubesList ); camera.position.x = 15; camera.position.y = 15; camera.position.z = 15; camera.lookAt( new THREE.Vector3( cameraTarget.position.x, cameraTarget.position.y, cameraTarget.position.z ) ); var light = new THREE.PointLight( 0xffffff, 1, 0 ); light.position.set( 15, 15, 5 ); light.castShadow = true; scene.add( light );}function animate () { renderer.render( scene, camera ); update();}function onDocumentMouseMove ( event ) { event.preventDefault(); mouse.x = ( event.clientX / renderer.domElement.width ) * 2 - 1; mouse.y = -( event.clientY / renderer.domElement.height ) * 2 + 1; animate();}有沒(méi)有辦法將一行中的所有立方體突出顯示為黃色,而不僅僅是一個(gè)立方體?
使用光線施法器突出顯示三行網(wǎng)格.js
翻閱古今
2022-08-18 16:11:19
