Web3D/trois
1
0
Fork 0
mirror of https://github.com/troisjs/trois.git synced 2024-11-24 04:12:02 +08:00
Code Issues Projects Releases Wiki Activity

Snapshot

Browse Source
This commit is contained in:
Sander Moolin 2021-03-26 09:39:58 -04:00
parent 18b425ff50
commit aa0bb91949
2 changed files with 29 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/core/README.md Normal file
View File

@ -0,0 +1,13 @@
Changelog:
### Raycaster component
### Deprecations
* `mouseMove`, `mouseRaycast`, and `mouseOver` are all no longer used on the renderer.
* `usePointer` on the `Renderer` is `true` by default. Switch to `false` to prevent mouse event handling on the renderer element. Example:
```html
<!-- Do not listen to mousemove events - marginal performance improvement -->
<Renderer :use-pointer="false">
```

31
src/core/useThree.js
View File

@ -23,7 +23,7 @@ export default function useThree() {
// mouse_raycast: false,
// mouse_over: false,
use_pointer: true,
click: false,
// click: false,
resize: true,
width: 0,
height: 0,
@ -114,7 +114,7 @@ export default function useThree() {
// conf.mouse_move = conf.mouse_move || conf.mouse_over;
if (conf.use_pointer) {
if (conf.use_pointer === true) {
// use renderer as mousemove by default
// use renderer element as mousemove by default
obj.mouse_move_element = obj.renderer.domElement;
} else {
// use custom element as mousemove element
@ -125,9 +125,9 @@ export default function useThree() {
// TODO: touch
}
if (conf.click) {
obj.renderer.domElement.addEventListener('click', onClick);
}
// if (conf.click) {
// obj.renderer.domElement.addEventListener('click', onClick);
// }
afterInitCallbacks.forEach(c => c());
@ -216,7 +216,8 @@ export default function useThree() {
obj.mouse_move_element.removeEventListener('mousemove', onMousemove);
obj.mouse_move_element.removeEventListener('mouseleave', onMouseleave);
}
obj.renderer.domElement.removeEventListener('click', onClick);
// obj.renderer.domElement.removeEventListener('click', onClick);
// TODO: touch
if (obj.orbitCtrl) obj.orbitCtrl.dispose();
this.renderer.dispose();
}
@ -232,15 +233,15 @@ export default function useThree() {
/**
* click listener
*/
function onClick(e) {
updateMouse(e);
raycaster.setFromCamera(mouse, obj.camera);
const objects = raycaster.intersectObjects(intersectObjects);
for (let i = 0; i < objects.length; i++) {
const o = objects[i].object;
if (o.onClick) o.onClick(e);
}
}
// function onClick(e) {
// updateMouse(e);
// raycaster.setFromCamera(mouse, obj.camera);
// const objects = raycaster.intersectObjects(intersectObjects);
// for (let i = 0; i < objects.length; i++) {
// const o = objects[i].object;
// if (o.onClick) o.onClick(e);
// }
// }
/**
* mousemove listener