Update 3.md

- improving description.
- fixing typo.

Author: kr15to

3.md

@@ -6,7 +6,7 @@ properties, including `rotation`, `position`, `scale`, `color`, etc.
 
 ## Creating Sprites
 There are different ways to create Sprites depending upon what you need to
-accomplish. You can create a `Sprite` from a number of graphic formats including:
+accomplish. You can create a `Sprite` from an image with various of graphic formats including:
 PNG, JPEG, TIFF, and others. Let's go through some create methods and talk about
 each one.
 
@@ -18,13 +18,13 @@ auto mySprite = Sprite::create("mysprite.png");
 
 ![](3/i1.png "")
 
-This creates a `Sprite` using the 'mysprite.png' image. The result is that the
+The statement above creates a `Sprite` using the 'mysprite.png' image. The result is that the
 created `Sprite` uses the whole image. `Sprite` has the same dimensions
 of `mysprite.png`. If the image file is 200 x 200 the resulting `Sprite` is 200 x 200.
 
 ### Creating a Sprite with a Rect
 
-In the previous example, the created `Sprite` has the same size as the original PNG.
+In the previous example, the created `Sprite` has the same size as the original image file.
 If you want to create a `Sprite` with only a certain portion of the image file,
 you can do it by specifying a `Rect`.
 
@@ -37,13 +37,12 @@ auto mySprite = Sprite::create("mysprite.png", Rect(0,0,40,40));
 ![](3/i4.png "")
 
 `Rect` starts at the top left corner. This is the opposite of what you might be
-used to when laying out screen position as this starts in the lower left corner.
-Thus the resulting `Sprite` is only a portion of the PNG. In this case the `Sprite`
+used to when laying out screen position as it starts from the lower left corner.
+Thus the resulting `Sprite` is only a portion of the image file. In this case the `Sprite`dimension
 is 40 x 40 starting at the top left corner.
 
-If you dont specify a `Rect` cocos2d-x does this automatically for the full width
-and height of the image file you specify. To cement another example, if we use a
-PNG that is 200 x 200 the following 2 statements would have the same result.
+If you don't specify a `Rect`, cocos2d-x will automatically using the full width and height of the image file you specify. Take a look at example below, if we use an
+image with dimension 200 x 200 the following 2 statements would have the same result.
 ```cpp
 auto mySprite = Sprite::create("mysprite.png");
 
@@ -87,7 +86,7 @@ Load your _sprite sheet_ into the `SpriteFrameCache`, probably in `AppDelegate`:
 // load the Sprite Sheet
 auto spritecache = SpriteFrameCache::getInstance();
 
-// the .pist file can be generated with any of the tools mentioned below
+// the .plist file can be generated with any of the tools mentioned below
 spritecache->addSpriteFramesWithFile("sprites.plist");
 ```
 Now that we have a _sprite sheet_ loaded into `SpriteFrameCache` we can create `Sprite`
@@ -115,7 +114,7 @@ auto newSprite = Sprite::createWithSpriteFrame(newspriteFrame);
 ![](3/i3.png "")
 
 ### Tools for creating Sprite Sheets
-A _sprite sheet_ is a a manual, tedious process if doing so by hand. Fortunately
+Creating _sprite sheet_ manually is a tedious process. Fortunately
 there are tools that can generate them automatically. These tools also can provide
 many more adjustments you can make to optimize your _sprite sheet_ even further.
 Here are a few tools:
@@ -135,12 +134,12 @@ auto mySprite = Sprite::create("mysprite.png");
 ![](3/i1.png "")
 
 ### Anchor Point and Position
-_Anchor Point_ is a point that you set as a way of specifying what part of
-the `Sprite` will be used when setting the position of it. _Anchor Point_ effects
+_Anchor Point_ is a point that you set as a way to specifying what part of
+the `Sprite` will be used when setting the position of it. _Anchor Point_ affects
 only properties that can be transformed. This includes _scale_, _rotation_, _skew_.
 This excludes _color_ and _opacity_. _Anchor Point_ uses a bottom left coordinate
 system. This means that when specifying X and Y coordinate values you need to make
-sure to start at the bottom lefthand corner to do your calculations. By default
+sure to start at the bottom left hand corner to do your calculations. By default
 the _anchor point_ of all `Node` objects is (0.5, 0.5).
 
 Setting _anchor point_ is easy:
@@ -155,7 +154,7 @@ mySprite->setAnchorPoint(0, 0);
 mySprite->setAnchorPoint(0, 1);
 
 // bottom right
-mySprite->setAnchorPoint(1,0);
+mySprite->setAnchorPoint(1, 0);
 
 // top right
 mySprite->setAnchorPoint(1, 1);
@@ -169,17 +168,17 @@ _Anchor Point_ effects only properties that can be transformed. This includes
 _scale_, _rotation_, _skew_.
 
 #### Position
-A _sprites_ position is effected by _achnor point_ as it is this point that is
+A _sprites_ position is affected by _anchor point_ as it is this point that is
 used as a starting point for positioning. Let's visually look at how this happens.
 Notice the colored line and where the _sprites_ position is in relation to it.
-Notice as we change the _anchor point_ values the _sprites_ postion changes.
-It is important to note that all it took was changing the _anchor point_. We did
+Notice as we change the _anchor point_ values, the _sprites_ position changes.
+It is important to note that all it took was changing the _anchor point_ value. We did
 not use a `setPosition()` statement to achieve this:
 
 ![](3/i9.png "")
 
 There are more ways to set position than just _anchor point_. `Sprite` objects
-can also be set using specific `setPosition()` statements.
+can also be set using specific `setPosition()` statement.
 ```cpp
 // position a sprite to a specific position of x = 100, y = 200.
 mySprite->setPosition(Vec2(100, 200);
@@ -232,7 +231,7 @@ mySprite->setSkewY(20.0f);
 ```
 ![](3/i7.png "")
 
-### Sprite properties not effected by anchor point
+### Sprite properties not affected by anchor point
 There are a few properties of `Sprite` objects that are not affected by
 _anchor point_. Why? Because they only change superficial qualities like *color*
 and *opacity*.