ผลต่างระหว่างรุ่นของ "01219245/cocos2d-js/Platform1"

จาก Theory Wiki
ไปยังการนำทาง ไปยังการค้นหา
(หน้าที่ถูกสร้างด้วย ': ''This is part of 01219245. Original article was written for Cocos2d-html5.'' This guide is very...')
 
 
(ไม่แสดง 1 รุ่นระหว่างกลางโดยผู้ใช้คนเดียวกัน)
แถว 10: แถว 10:
 
== Collision detection: cc.Rect ==
 
== Collision detection: cc.Rect ==
  
Previously, we have implemented our own collision detection routine.  However, Cocos2d-html5 has provided us with a few nice collision detection tools.  See [http://www.cocos2d-x.org/reference/html5-js/V2.2.2/symbols/src/E__Projects_cocos2d-html5_cocos2d_core_cocoa_CCGeometry.js.html code here.]
+
Previously, we have implemented our own collision detection routine.  However, Cocos2d-html5 has provided us with a few nice collision detection tools.  See [http://www.cocos2d-x.org/reference/html5-js/V3.2/symbols/src/_Users_panda_StudyWork_Cocos_cocos2d-js_frameworks_cocos2d-html5_cocos2d_core_cocoa_CCGeometry.js.html code here.]
  
 
Related functions are:
 
Related functions are:
แถว 37: แถว 37:
 
[[Image:Cocos-jumper-platform.png]]
 
[[Image:Cocos-jumper-platform.png]]
  
This is a sample Cocos2d-JS project that has a jumper over a set of blocks.  It implements simple physical movement and rectangular collision detection.  View its [https://github.com/jittat/cocos-js-jump].
+
This is a sample Cocos2d-JS project that has a jumper over a set of blocks.  It implements simple physical movement and rectangular collision detection.  View its repository [https://github.com/jittat/cocos-js-jump here].

รุ่นแก้ไขปัจจุบันเมื่อ 16:56, 10 มีนาคม 2558

This is part of 01219245. Original article was written for Cocos2d-html5.

This guide is very short. It only discuss various techniques in implementing platform games.

Here are a few useful links:

Collision detection: cc.Rect

Previously, we have implemented our own collision detection routine. However, Cocos2d-html5 has provided us with a few nice collision detection tools. See code here.

Related functions are:

  • Creation: cc.rect
  • Accessing functions: cc.rectGetMaxX, cc.rectGetMidX, cc.rectGetMinX, cc.rectGetMaxY, cc.rectGetMidY, cc.rectGetMinY
  • Testing:
    • cc.rectEqualToRect
    • cc.rectContainsRect
    • cc.rectContainsPoint
    • cc.rectIntersectsRect
    • cc.rectOverlapsRect
  • Manipulation:
    • cc.rectUnion
    • cc.rectIntersection

Bounding boxes and world co-ordinates

Intersection

Falling on top

Cocos-platform-fall-through.png

Example code

Cocos-jumper-platform.png

This is a sample Cocos2d-JS project that has a jumper over a set of blocks. It implements simple physical movement and rectangular collision detection. View its repository here.