강의

멘토링

커뮤니티

Inflearn コミュニティ Q&A

sylee05604204 のプロフィール画像
sylee05604204

投稿した質問数

Three.js 3D インタラクティブ すぐに始める

マウス位置での3D制御

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

作成

·

78

·

編集済み

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

回答 1

1

coding11님의 프로필 이미지
coding11
インストラクター

안녕하세요

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

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

sylee05604204님의 프로필 이미지
sylee05604204
質問者

해결했습니다! 감삼당!

sylee05604204 のプロフィール画像
sylee05604204

投稿した質問数

質問する