강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của sylee05604204
sylee05604204

câu hỏi đã được viết

Three.js 3D tương tác bắt đầu ngay

Điều khiển 3D bằng vị trí chuột

캔버스 크기를 지정했을 때 onDocumentMouseMove 이벤트 관련

Viết

·

78

·

Đã chỉnh sửa

0

애초에 캔버스 크기를

let WIDTH = 400; 
let HEIGHT = 400;

이렇게 설정하고

 

마우스이벤트를

const onDocumentMouseMove = (event) => {
  if (0 < event.clientX && WIDTH > event.clientX) {
    mouseX = event.clientX - windowHalfX;
  }
  if (0 < event.clientY && HEIGHT > event.clientY) {
    mouseY = event.clientY - windowHalfY;
  }

};

이렇게 설정해서 작동은 됩니다만
혹시 다른 간단한 방법이 있을까요?

 

캔버스 크기를 설정하면

WIDTH, HEIGHT를 넘어가도 이벤트가 실행이 되어서요

인터랙티브-웹three.js

Câu trả lời 1

1

coding11님의 프로필 이미지
coding11
Người chia sẻ kiến thức

안녕하세요

  1. canvas 에 mouseMove 이벤트를 걸어보세요. document 에 이벤트가 걸려있어서 html 전체에서 이벤트가 작동을 하고 있거든요.

  2. 어떤 '간단한 방법'을 질문하시는 건지 잘 모르겠어요. 원하는 동작을 다시 한 번 질문해주세요~

sylee05604204님의 프로필 이미지
sylee05604204
Người đặt câu hỏi

해결했습니다! 감삼당!

Hình ảnh hồ sơ của sylee05604204
sylee05604204

câu hỏi đã được viết

Đặt câu hỏi