'MooTools'에 해당되는 글 2건

  1. 2010.06.06 JavaScript - Zoo Keeper
  2. 2009.09.17 javascript mootools addEvent 주의사항.
Client-Side/Javascript2010. 6. 6. 18:09

JavaScript - Zoo Keeper

invalid-file

Javascript로 Zoo Keeper를 만들었습니다.

더 깨질 블럭이 없는 경우 판을 재배치하는 기능과
동시에 여러개 블럭을 움직였을 때의 경우가 구현이 안되었습니다.
그 밖에 미쳐 발견하지 못한 버그가 있을 수 있겠지만
일단은 프로토타입 거의 완성입니다!

물론 css로 눈속임을 했고, 기능이 완벽하지 않지만 뿌듯하네요.
이번 프로젝트를 통해서 게임을 만들기 위해서 어떤 고민을 해야하는지를 꺠달았습니다.

향후 구현하지 못한 부분을 완성시키고,
html5, css3, javascript UI library(스크립타큘러스 또는 제이쿼리 UI 등등)를 이용해서
좀더 화려한 게임으로 업그레이드 시키고 싶네요.

'Client-Side > Javascript' 카테고리의 다른 글

[JavaScript] Closure 예제  (0) 2010.12.29
CSS3와 jQuery TOOLS 를 사용한 탭디자인  (0) 2010.05.11
[Prototype, Script.aculo.us] twitter Top tweets 따라하기  (0) 2010.04.28
이메일 체크.  (0) 2009.09.24
javascript mootools addEvent 주의사항.  (0) 2009.09.17
Posted by 준피
Client-Side/Javascript2009. 9. 17. 23:04

javascript mootools addEvent 주의사항.

$(element).addEvent(event, function);    <- addEvent 문법.


mootools에서 addEvent를 사용하는 경우 주의사항이 있다.
function부분을 잘 살펴 보자.

만일 함수부분에서 메소드를 호출하는 경우,

$(element).addEvent(click, Dog.bark());
이런식으로 사용하게 되면 돔에 이벤트 리스너를 붙임과 동시에 실행을 하게 된다.

$(element).addEvent(click, Dog.bark);
이렇게 하면 실행은 하지 않은채 이벤트 리스너만 붙인다.


prototype의 경우도 마찬가지이다.

$(element).observe(click, Dog.bark());
-> 이벤트 리스너를 돔에 붙임과 동시에 실행.
$(element).observe(click, Dog.bark);
-> 이벤트 리스너를 돔에 붙인다. 실행은 하지 않는다.

'Client-Side > Javascript' 카테고리의 다른 글

CSS3와 jQuery TOOLS 를 사용한 탭디자인  (0) 2010.05.11
[Prototype, Script.aculo.us] twitter Top tweets 따라하기  (0) 2010.04.28
이메일 체크.  (0) 2009.09.24
jsdoc-toolkit 실행하기.  (0) 2009.09.15
Prototype => Element.extend  (0) 2009.08.20
Posted by 준피

티스토리툴바