Rev. 2.73

애플아이폰(iPhone)제품 슬라이드 바에서 영감을 얻어 물체를 옮길 때 작용과 반작용이 일어나는 물리법칙을 드래그앤드롭 오브젝트에 적용하여 테스트 샘플 라이브러리로 만들어 보았습니다. Prototype.jsScriptaculous의 dragdrop 라이브러리를 사용하였으며, 옵션으로 힘과 마찰 등을 설정할 수 있습니다. 특정 영역으로 골인하면 이벤트를 발생시킬 수도 있습니다.(위 테스트 샘플은 부모영역을 벗어났을 때 원위치로 반환되는 이벤트가 적용되어 있습니다.) 이러한 효과는 향후 터치스크린 인터페이스가 발전하면 더욱 빛을 발할 것입니다. 시간나면 반사작용도 넣어봐야겠습니다.

자바스크립트 소스 : http://firejune.com/public/javascripts/physical.js

    new Physical('handleEl', {
        energy: 5, friction: 5
    });

덧. 2007-07-05 반사작용 추가(벽에 부딪치면 팅겨 나옵니다.)

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar