사용자 도구

사이트 도구


language:javascript:kinetic

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

다음 판
이전 판
language:javascript:kinetic [2012/07/04 20:03] – 바깥 편집 127.0.0.1language:javascript:kinetic [2024/04/23 22:44] (현재) – 바깥 편집 127.0.0.1
줄 1: 줄 1:
 +~~Title:Kinetic~~
  
-====== GlobalObject ======+======Kinetic======
  
-  = frame : stage class의 onFrame() 로 설정하는 콜백 함수의 파라터. +<note warning>다가 말아서, 별 의미 없는 문서</note>
-  = : time, timeDiff, lastTime 값이 있다. +
-  = : timeDiff : 프레임간 시간 간격.+
  
-====== Kinetic.Node ====== +  * [[http://kineticjs.com/]] : 이제는 안쓰나봐? 
- +  * [[https://threejs.org/]] 이게 대세인 모양
-transitionTo( json-config ) +
- +
-파라미터 +
-<code> +
-rotation +
-radius +
-x, y +
-duration +
-alpha +
-easing +
-callback +
-</code> +
- +
-  = callback : transition이 끝나면 호출되는 함수를 지정한다. 자기 자신을 설정해도 무한 재귀 호출이 발생되지는 않았다. +
- +
-<code> +
-function somethingMove() +
-+
- _movParam =  +
-+
- rotation: Math.random() * Math.PI * 2, +
- radius: Math.random() * 100 + 20, +
- x: Math.random() * Main.Global.firstStage.getWidth(), +
- y: Math.random() * Main.Global.firstStage.getHeight(), +
- //alpha: Math.random(), +
- duration: Math.random() * 5 + 0.5, +
- easing: 'ease-in-out', +
- callback: somethingMove //function() { somethingMove();+
- }; +
- _SomeKineticObject.transitionTo( _movParam ); +
-  +
- // callback 부분을 "somethingMove()" 와 같이 함수 포인터를 넘기면 재귀 호출 에러가 발생된다. +
- // "function() { fishRandomMove(); }" 처럼 즉석함수를 사용해도 상관 없다. +
-+
-</code> +
- +
-====== fish move ref ====== +
- +
-  * [[http://stackoverflow.com/questions/5864073/game-loop-requestanimframe-javascript-canvas]] +
-  * [[http://www.w3schools.com/jsref/obj_window.asp]] +
-  * [[http://www.html5canvastutorials.com/kineticjs/html5-canvas-desktop-and-mobile-support/]] +
-  * [[http://www.html5canvastutorials.com/kineticjs/html5-canvas-kineticjs-animate-position-tutorial/]] +
-  * [[http://www.html5canvastutorials.com/kineticjs/html5-canvas-select-shapes-by-name-with-kineticjs/]] +
-  * [[http://www.html5canvastutorials.com/kineticjs/html5-canvas-transition-callback-with-kineticjs/]] +
-  * [[http://www.html5canvastutorials.com/kineticjs/html5-canvas-events-tutorials-introduction-with-kineticjs/]] +
-  * [[http://www.kineticjs.com/docs/symbols/Kinetic.Ellipse.php]] +
-  * [[http://m.spacemonsters.co.uk/galactians2/]]+
language/javascript/kinetic.1341399807.txt.gz · 마지막으로 수정됨: 2024/04/23 22:43 (바깥 편집)