저는 자바 스크립트에 익숙하며 작은 프로젝트를 작성하려고합니다 (예 : Patatap).Paper.js onKeyDown 메서드
애니메이션을 위해 Paper.js를 사용하고 이벤트 리스너를 위해 onKeyUp method을 사용하여 버튼을 누르면 이미지가 나타나게합니다. 이 코드는 제대로 작동하지만이 방법의 작동 방식을 이해하지 못합니다. 후드 아래에서 무엇을하고 있습니까? 그 기능을 다시 정의할까요? 중괄호 안에 무엇을 정의할까요? onKeyUp에 함수 (이벤트) {즉 기능 ..defining ?? ..}
(I는 "onFrame()"방법이 같은 문제).
//importing paper.js and howler.js
//CREATING AN OBJECT OF LETTERS
var keyData={
q: {
sound: new Howl({
src: ['sounds/bubbles.mp3']
}),
color: '#1abc9c'
},
w: {
sound: new Howl({
src: ['sounds/clay.mp3']
}),
color: '#2ecc71'
} //OTHER LETTERS HERE..
};
//CREATING CIRCLES ON THE SCREEN
var circles=[];
function onKeyUp(event) {
if (keyData[event.key]){
var maxPoint = new Point(view.size.width,view.size.height);
var randomPoint = Point.random();
var point = randomPoint * maxPoint;
newCircle = new Path.Circle(point, 100);
newCircle.fillColor=keyData[event.key].color;
circles.push(newCircle);
keyData[event.key]['sound'].play() \t \t \t
}
};
//MAKE CIRCLES DISAPPEAR
function onFrame(event) {
for(var i=0; i< circles.length;i++){
\t circles[i].fillColor.hue += 1;
\t circles[i].scale(0.99);
\t if(circles[i].area < 1){
\t circles[i].remove();
\t circles.splice(i, 1);
\t console.log(circles);
\t }
}
};
당신의 대답 당신에게 AdamW 감사드립니다.
내가 가진 문제는 위의 줄에 관한 것입니다. 내가
// ON PAPER.JS
function onKeyUp(event){
//do stuff..
};
// ON MY PROJECT
function onKeyUp(event){
//do other different stuff..
};
을하는 것 같은 그것의, 나에게 아무 의미하지만은 "명확한"는 onKeyUp에() 메소드는 Paper.js에 기록하고 우선 순위를 부여합니다 이런 식으로 내 새로운 기능 onKeyUp(), 간단하게 다형성. 그래서, 왜 그렇게합니까? onFrame() 메소드에서도 마찬가지입니다.