01219245/cocos2d-html5/Sprites - ประวัติรุ่นแก้ไข

Jittat: 01219245/cocos2d/Sprites ถูกเปลี่ยนชื่อเป็น 01219245/cocos2d-html5/Sprites

2015-01-27T16:26:53Z

01219245/cocos2d/Sprites ถูกเปลี่ยนชื่อเป็น 01219245/cocos2d-html5/Sprites

Jittat: ย้อนการแก้ไขของ Jittat (Talk) ไปยังรุ่นของ 158.108.167.252

2015-01-27T16:25:41Z

ย้อนการแก้ไขของ Jittat (Talk) ไปยังรุ่นของ 158.108.167.252

Jittat เมื่อ 16:12, 27 มกราคม 2558

2015-01-27T16:12:25Z

Jittat: /* Creating a sprite image file */

2014-02-19T10:32:20Z

Creating a sprite image file

Jittat: /* Getting started */

2014-02-12T06:26:18Z

Getting started

Jittat: /* Getting started */

2014-02-12T06:26:02Z

Getting started

Jittat: /* Collision detection */

2014-02-05T13:55:48Z

Collision detection

Jittat: /* Controlling ship's direction */

2014-02-05T13:55:16Z

Controlling ship's direction

158.108.167.252: /* Cycling */

2014-02-05T09:35:01Z

Cycling

158.108.167.252: /* Cycling */

2014-02-05T09:34:36Z

Cycling

@@ แถว 1: / แถว 1: @@
 : ''This is part of [[01219245]].''
-In this tutorial, we will create a simple JavaScript game with [http://www.cocos2d-x.org/ Cocos2d-x.]
+In this tutorial, we will create a simple html5 program with [http://www.cocos2d-x.org/ Cocos2d-x.]
 : '''In what follows, you should use Firefox as a browser.  Chrome has stricter permission so if you want to view Cocos2d-html5 game, you'll have to perform [[01219245/cocos2d chrome setup|a few additional steps]].'''  [[01219245/cocos2d chrome setup|Instructions for chrome users]] (Thanks to Manatsawin)
@@ แถว 7: / แถว 7: @@
 == Getting started ==
-: ''This tutorial is based on Cocos2d-JS version 3.2, however, it should work for other versions with some small changes.''
+: ''This tutorial is based on Cocos2d-html5 version 2.2.2, however, it should work for other versions with some small changes.''
-Download the library Cocos2d-JS from [http://www.cocos2d-x.org/filedown/cocos2d-js-v3.2.zip here].
+Download the library Cocos2d-html5 from [http://cdn.cocos2d-x.org/Cocos2d-html5-v2.2.2.zip here].
-Find a location for the library, create a directory <tt>cocos2d-js</tt> and unzip the library there.  In that directory, it should look like this:
+Find a location for the library, create a directory <tt>Cocos2d-html5</tt> and unzip the library there.  In that directory, it should look like this:
-  \- Cocos2d-js-v3.2
+  \- Cocos2d-html5
-     |- AUTHORS
+    |- AUTHORS.txt
-     |- build
+     |- CHANGELOG.txt
-     |- CHANGELOG
+    |- cocos2d
-     |- CMakeLists.txt
+     |- extensions
-     |- docs
+     |- external
-     |- frameworks
+     |- HelloHTML5World
-     |- LICENSE
+     |- index.html
-     |- README.md
+     |- lib
      |- samples
-     |- setup.py
+     |- template
      \- tools
@@ แถว 34: / แถว 35: @@
 A Cocos2d-html5 application needs a few start-up codes.  While Cocos2d-html5 provides template files for us, we shall use a slightly modified template instead.  You can download it at [http://theory.cpe.ku.ac.th/wiki/images/219245-template.zip 219245-template.zip].
 To get started, download '''<tt>219245-template.zip</tt>''' and unzip it into <tt>mygames</tt>.  Rename directory '''<tt>219245-template</tt>''' to '''<tt>tutorial1</tt>''' and create a Git repository there.
@@ แถว 183: / แถว 180: @@
 If you background is not transparent, when you show the sprite you'll see it as an image in a white box.
-We will create a directory '''<tt>images</tt>''' in <tt>tutorial1</tt> for keeping all our image assets. Save the image as '''<tt>ship.png</tt>''' in directory <tt>images</tt> that we have just created.
+We will create a directory '''<tt>images</tt>''' in <tt>tutorial1</tt> for keeping all our image assets. Save the image as '''<tt>ship.png</tt>'''
 === Sprite class ===
@@ แถว 381: / แถว 378: @@
 <syntaxhighlight lang="javascript">
      onKeyDown: function( e ) {
-	if ( e == cc.KEY.space ) {
+	if ( e = cc.KEY.space ) {
 	    this.ship.switchDirection();
+	}
@@ แถว 453: / แถว 450: @@
 Collision detection is a common task in game programming.  In our case, we want to know if our ship hits the golden bar.  There are many ways to perform collision detection, we will use a simple distance checking.
-Add this method to the <tt>Gold</tt> class.
+Add this method to the <tt>Ship</tt> class.
 <syntaxhighlight lang="javascript">

@@ แถว 1: / แถว 1: @@
 : ''This is part of [[01219245]].''
-In this tutorial, we will create a simple html5 program with [http://www.cocos2d-x.org/ Cocos2d-x.]
+In this tutorial, we will create a simple JavaScript game with [http://www.cocos2d-x.org/ Cocos2d-x.]
 : '''In what follows, you should use Firefox as a browser.  Chrome has stricter permission so if you want to view Cocos2d-html5 game, you'll have to perform [[01219245/cocos2d chrome setup|a few additional steps]].'''  [[01219245/cocos2d chrome setup|Instructions for chrome users]] (Thanks to Manatsawin)
@@ แถว 7: / แถว 7: @@
 == Getting started ==
-: ''This tutorial is based on Cocos2d-html5 version 2.2.2, however, it should work for other versions with some small changes.''
+: ''This tutorial is based on Cocos2d-JS version 3.2, however, it should work for other versions with some small changes.''
-Download the library Cocos2d-html5 from [http://cdn.cocos2d-x.org/Cocos2d-html5-v2.2.2.zip here].
+Download the library Cocos2d-JS from [http://www.cocos2d-x.org/filedown/cocos2d-js-v3.2.zip here].
-Find a location for the library, create a directory <tt>Cocos2d-html5</tt> and unzip the library there.  In that directory, it should look like this:
+Find a location for the library, create a directory <tt>cocos2d-js</tt> and unzip the library there.  In that directory, it should look like this:
-  \- Cocos2d-html5
+  \- Cocos2d-js-v3.2
-    |- AUTHORS.txt
+     |- AUTHORS
-     |- CHANGELOG.txt
+     |- build
-     |- cocos2d
+     |- CHANGELOG
-     |- extensions
+     |- CMakeLists.txt
-     |- external
+     |- docs
-    |- HelloHTML5World
+     |- frameworks
-     |- index.html
+     |- LICENSE
-     |- lib
+     |- README.md
      |- samples
-     |- template
+     |- setup.py
      \- tools

@@ แถว 184: / แถว 184: @@
 If you background is not transparent, when you show the sprite you'll see it as an image in a white box.
-We will create a directory '''<tt>images</tt>''' in <tt>tutorial1</tt> for keeping all our image assets. Save the image as '''<tt>ship.png</tt>'''
+We will create a directory '''<tt>images</tt>''' in <tt>tutorial1</tt> for keeping all our image assets. Save the image as '''<tt>ship.png</tt>''' in directory <tt>images</tt> that we have just created.
 === Sprite class ===

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 06:26, 12 กุมภาพันธ์ 2557
แถว 35:		แถว 35:

	A Cocos2d-html5 application needs a few start-up codes. While Cocos2d-html5 provides template files for us, we shall use a slightly modified template instead. You can download it at [http://theory.cpe.ku.ac.th/wiki/images/219245-template.zip 219245-template.zip].		A Cocos2d-html5 application needs a few start-up codes. While Cocos2d-html5 provides template files for us, we shall use a slightly modified template instead. You can download it at [http://theory.cpe.ku.ac.th/wiki/images/219245-template.zip 219245-template.zip].
		+

	: '''Download the template [http://theory.cpe.ku.ac.th/wiki/images/219245-template.zip 219245-template.zip here].'''		: '''Download the template [http://theory.cpe.ku.ac.th/wiki/images/219245-template.zip 219245-template.zip here].'''

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 06:26, 12 กุมภาพันธ์ 2557
แถว 35:		แถว 35:

	A Cocos2d-html5 application needs a few start-up codes. While Cocos2d-html5 provides template files for us, we shall use a slightly modified template instead. You can download it at [http://theory.cpe.ku.ac.th/wiki/images/219245-template.zip 219245-template.zip].		A Cocos2d-html5 application needs a few start-up codes. While Cocos2d-html5 provides template files for us, we shall use a slightly modified template instead. You can download it at [http://theory.cpe.ku.ac.th/wiki/images/219245-template.zip 219245-template.zip].
		+
		+	: '''Download the template [http://theory.cpe.ku.ac.th/wiki/images/219245-template.zip 219245-template.zip here].'''
		+

	To get started, download '''<tt>219245-template.zip</tt>''' and unzip it into <tt>mygames</tt>. Rename directory '''<tt>219245-template</tt>''' to '''<tt>tutorial1</tt>''' and create a Git repository there.		To get started, download '''<tt>219245-template.zip</tt>''' and unzip it into <tt>mygames</tt>. Rename directory '''<tt>219245-template</tt>''' to '''<tt>tutorial1</tt>''' and create a Git repository there.

←รุ่นแก้ไขก่อนหน้า	รุ่นแก้ไขเมื่อ 16:26, 27 มกราคม 2558
(ไม่แตกต่าง)

@@ แถว 289: / แถว 289: @@
 Then change the condition in <tt>Ship.update</tt> to:
-  if ( p.y < screenHeight ) {
+  if ( pos.y < screenHeight ) {
 {{gitcomment|If the ship moves nicely, commit the change.}}

@@ แถว 272: / แถว 272: @@
 	var pos = this.getPosition();
-	if ( p.y < 600 ) {
+	if ( pos.y < 600 ) {
-	    this.setPosition( new cc.Point( p.x, p.y + 5 ) );
+	    this.setPosition( new cc.Point( pos.x, pos.y + 5 ) );
 	} else {
-	    this.setPosition( new cc.Point( p.x, 0 ) );
+	    this.setPosition( new cc.Point( pos.x, 0 ) );
+	}
+     }