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

Jittat: /* Loading sprite frames */

2014-03-05T04:30:43Z

Loading sprite frames

Jittat: /* Creating a plist file */

2014-03-04T02:18:43Z

Creating a plist file

Jittat: /* Creating a plist file */

2014-03-04T02:17:04Z

Creating a plist file

Jittat: /* Creating a plist file */

2014-03-04T02:11:36Z

Creating a plist file

Jittat: /* Spritesheets */

2014-03-04T02:06:06Z

Spritesheets

Jittat: /* Spritesheets */

2014-03-04T02:04:42Z

Spritesheets

Jittat: /* Creating a plist file */

2014-03-03T19:26:22Z

Creating a plist file

Jittat: /* SpriteFrame and SpriteFrameCache */

2014-03-03T19:25:59Z

SpriteFrame and SpriteFrameCache

Jittat: /* SpriteFrame and SpriteFrameCache */

2014-03-03T19:18:14Z

SpriteFrame and SpriteFrameCache

Jittat: /* SpriteFrame and SpriteFrameCache */

2014-03-03T19:15:06Z

SpriteFrame and SpriteFrameCache

@@ แถว 171: / แถว 171: @@
 ** <tt>getSpriteFrame</tt> from <tt>cc.SpriteFrameCache</tt> ([http://www.cocos2d-x.org/reference/html5-js/V2.2.2/symbols/cc.SpriteFrameCache.html#getSpriteFrame ref]) to get the SpriteFrame.
 ** <tt>cc.Sprite.createWithSpriteFrameName</tt> ([http://www.cocos2d-x.org/reference/html5-js/V2.2.2/symbols/cc.Sprite.html#.createWithSpriteFrameName ref]) to create a sprite and initialize it to the specified sprite frame.
 == Sound effects ==

@@ แถว 152: / แถว 152: @@
 We shall learn to pack all sprite images and create a plist file.  To see an example of an image, go to [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.png textureTransparentPack.png] from MoonWarriors, and to see an example of a plist file, take a look at [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.plist textureTransparentPack.plist].
-There are many software that you can use to pack the sprite images.  [http://www.codeandweb.com/texturepacker TexturePacker] is one that you can try. There are other software that you can use, e.g., XXX.  In this tutorial, we will use an open-source [http://darkfunction.com/editor/ darkFunction editor].  But the overall idea should be the same.
+There are many software that you can use to pack the sprite images.  [http://www.codeandweb.com/texturepacker TexturePacker] is one that you can try.  See its [http://www.cocos2d-x.org/docs/tutorial/parkour-game-with-javascript/chapter5/en tutorial here], and [http://www.gamefromscratch.com/post/2012/05/07/PlayStation-Studio-SDK-Tutorial-Working-with-sprite-sheets.aspx here] (for the later links, don't forget to set Data Format to Cocos2D).
 === Loading sprite frames ===

@@ แถว 152: / แถว 152: @@
 We shall learn to pack all sprite images and create a plist file.  To see an example of an image, go to [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.png textureTransparentPack.png] from MoonWarriors, and to see an example of a plist file, take a look at [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.plist textureTransparentPack.plist].
-There are many software that you can use to pack the sprite images.  [http://www.codeandweb.com/texturepacker TexturePacker] is one that you can try. There are other software that you can use, e.g. XXXX
+There are many software that you can use to pack the sprite images.  [http://www.codeandweb.com/texturepacker TexturePacker] is one that you can try. There are other software that you can use, e.g., XXX.  In this tutorial, we will use an open-source [http://darkfunction.com/editor/ darkFunction editor].  But the overall idea should be the same.
 === Loading sprite frames ===

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 02:11, 4 มีนาคม 2557
แถว 151:		แถว 151:

	We shall learn to pack all sprite images and create a plist file. To see an example of an image, go to [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.png textureTransparentPack.png] from MoonWarriors, and to see an example of a plist file, take a look at [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.plist textureTransparentPack.plist].		We shall learn to pack all sprite images and create a plist file. To see an example of an image, go to [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.png textureTransparentPack.png] from MoonWarriors, and to see an example of a plist file, take a look at [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.plist textureTransparentPack.plist].
		+
		+	There are many software that you can use to pack the sprite images. [http://www.codeandweb.com/texturepacker TexturePacker] is one that you can try. There are other software that you can use, e.g. XXXX

	=== Loading sprite frames ===		=== Loading sprite frames ===

@@ แถว 148: / แถว 148: @@
 Since we can specify a rectangular section of an image to create a <tt>cc.SpriteFrame</tt>.  We can pack a lot of images for many sprite frames into a ''single'' image file and load all these frames into the sprite frame cache in a single call.  To be able to do that, we must be able to specify all the information of all sprite frames in the image file.  Cocos2d-html5 uses '''plist''' file to keep the frame information.
-To pack all sprite images and create a plist file, please see the next section.  Here, let's assume that you already have the image file that contains all sprite frames and its plist file.  To see an example of an image, go to [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.png textureTransparentPack.png] from MoonWarriors, and to see an example of a plist file, take a look at [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.plist textureTransparentPack.plist].
+=== Creating a plist file ===
 Here are the steps to load the sprite frames:
@@ แถว 164: / แถว 167: @@
 ** <tt>getSpriteFrame</tt> from <tt>cc.SpriteFrameCache</tt> ([http://www.cocos2d-x.org/reference/html5-js/V2.2.2/symbols/cc.SpriteFrameCache.html#getSpriteFrame ref]) to get the SpriteFrame.
 ** <tt>cc.Sprite.createWithSpriteFrameName</tt> ([http://www.cocos2d-x.org/reference/html5-js/V2.2.2/symbols/cc.Sprite.html#.createWithSpriteFrameName ref]) to create a sprite and initialize it to the specified sprite frame.
 == Sound effects ==

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 02:04, 4 มีนาคม 2557
แถว 98:		แถว 98:

	It is hard to maintain a lot of files in the resource. A typical approach for animation sprite frames is to pack them into a single image file. We will learn how to do this in this section. We will do that using <tt>cc.SpriteFrame</tt> and <tt>cc.SpriteFrameCache</tt>.		It is hard to maintain a lot of files in the resource. A typical approach for animation sprite frames is to pack them into a single image file. We will learn how to do this in this section. We will do that using <tt>cc.SpriteFrame</tt> and <tt>cc.SpriteFrameCache</tt>.
		+
		+	Various tutorials:
		+	* [http://www.cocos2d-x.org/docs/tutorial/parkour-game-with-javascript/chapter5/en Let the Player Run Animations]
		+	* [http://www.gamefromscratch.com/post/2012/08/14/Cocos2D-HTML-Tutorial-6-Spritesheets.aspx Tutorial on Spritesheets]

	=== Two concepts: <tt>Sprite</tt> and <tt>SpriteFrame</tt> ===		=== Two concepts: <tt>Sprite</tt> and <tt>SpriteFrame</tt> ===

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 19:26, 3 มีนาคม 2557
แถว 162:		แถว 162:

	=== Creating a plist file ===		=== Creating a plist file ===
		+
		+	: ''To be added''.

	== Sound effects ==		== Sound effects ==

@@ แถว 157: / แถว 157: @@
   cc.SpriteFrameCache.getInstance().addSpriteFrames( 'res/yourtexturefile.plist', 'res/images/yourtexture.png' );
-* You can then get all the <tt>SpriteFrame</tt>'s in that plist/png files, by referring to their names.
+* You can then get all the <tt>SpriteFrame</tt>'s in that plist/png files, by referring to their names with these methods:
 === Creating a plist file ===

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 19:18, 3 มีนาคม 2557
แถว 152:		แถว 152:

	cc.SpriteFrameCache.getInstance().addSpriteFrames( 'res/yourtexturefile.plist' );		cc.SpriteFrameCache.getInstance().addSpriteFrames( 'res/yourtexturefile.plist' );
		+
		+	* If your plist file and the image file have different names, you should also specify the image file name, e.g.,
		+
		+	cc.SpriteFrameCache.getInstance().addSpriteFrames( 'res/yourtexturefile.plist', 'res/images/yourtexture.png' );
		+
		+	* You can then get all the <tt>SpriteFrame</tt>'s in that plist/png files, by referring to their names.

	=== Creating a plist file ===		=== Creating a plist file ===

←รุ่นแก้ไขก่อนหน้า		รุ่นแก้ไขเมื่อ 19:15, 3 มีนาคม 2557
แถว 145:		แถว 145:

	To pack all sprite images and create a plist file, please see the next section. Here, let's assume that you already have the image file that contains all sprite frames and its plist file. To see an example of an image, go to [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.png textureTransparentPack.png] from MoonWarriors, and to see an example of a plist file, take a look at [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.plist textureTransparentPack.plist].		To pack all sprite images and create a plist file, please see the next section. Here, let's assume that you already have the image file that contains all sprite frames and its plist file. To see an example of an image, go to [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.png textureTransparentPack.png] from MoonWarriors, and to see an example of a plist file, take a look at [https://github.com/cocos2d/cocos2d-js-tests/blob/master/games/MoonWarriors/res/textureTransparentPack.plist textureTransparentPack.plist].
		+
		+	Here are the steps to load the sprite frames:
		+
		+	* Add plist file and the image file to the preload resource list. It will be good if you name both files with the same name.
		+	* Call method <tt>addSpriteFrames</tt>, e.g.:
		+
		+	cc.SpriteFrameCache.getInstance().addSpriteFrames( 'res/yourtexturefile.plist' );

	=== Creating a plist file ===		=== Creating a plist file ===