1. Разработка игр с
помощью cocos2d

2. Home Sweet Home
Treasure Masters, Inc.

3. – “Компьютерные игры – это
перемещение картинок на
экране в ответ на действия
игрока”

7. рендеринг
спрайтовая анимация
покадровая анимация
обработка ввода
обработка коллизий

9. cocos2d-iphone
Objective-C / iOS
cocos2d-x
C++/crossplatform

10. v. 1.x OpenGL ES 1.1
v. 2.x OpenGL ES 2.0

11. Объектная модель

12. CCNode
position
scale
rotation
children

13. CCNode
CCScene CCSprite Custom
image

15. CCScene
PlayerNode : CCNode
CCSprite
EnemyNode : CCNode
CCSprite

16. DEMO

17. CCNode
position
scale
rotation
anchorPoint
children

18. anchorPoint = (0, 0) anchorPoint = (0.5, 0.5)

19. scale
anchorPoint = (0, 0) anchorPoint = (0.5, 0.5)

20. anchorPoint = (0, 0) anchorPoint = (0.5, 0.5)

21. anchorPoint = (0, 0) anchorPoint = (0.5, 0.5)

22. Спрайтовая анимация

23. Спрайтовая анимация
CustomNode
update (float dt) {
if (state == Moving) {
position.x += 5 * dt;
}
}

24. Спрайтовая анимация
обычно cocos2d
update (float dt) { action = new
if (state == Moving) { MoveAction(50 /* x */,
position.x += 5 * dt; 0 /* y */,
} 5 /* sec */)
}
node->runAction(action)

25. Виды действий
базовые действия callback
CCMoveTo, CCMoveBy CCCallFunc
CCScaleTo, CCScaleBy
...
управление
CCSequence, CCSpawn,
CCRepeat, CCRepeatForever

26. Покадровая анимация

28. Покадровая анимация
• CCAnimation – набор кадров
• addFrame(“frame_x.png”)
• CCAnimate::create – action
• CCNode::runAction(CCAnimate ... )

29. DEMO

30. Обработка нажатий

31. CCNode CCLayer
CCScene CCSprite Custom
image

32. CCScene
hudLayer : CCLayer
...
gameLayer : CCLayer
...

33. ControlLayer : CCLayer
CCTargetedDelegate
virtual bool ccTouchBegan(CCTouch *, CCEvent *);
virtual void ccTouchMoved(CCTouch *, CCEvent *);
virtual void ccTouchEnded(CCTouch *, CCEvent *);
virtual void ccTouchCancelled(CCTouch *, CCEvent *);

34. ControlLayer : CCLayer
c-tor() {
setIsTouchEnabled(true);
}
void X::registerWithTouchDispatcher()
{
CCDirector::sharedDirector()
->getTouchDispatcher()
->addTargetedDelegate(this, 0, true);
}

35. ControlLayer : CCLayer
bool X::ccTouchBegan(CCTouch *pTouch, CCEvent *) {
CCPoint touchPoint = convertTouchToNodeSpace(pTouch);
...
return true;
}

36. DEMO

37. Обработка коллизий

38. for each bullet
for each enemy
if (bullet
hits enemy)
enemy hit

41. DEMO

42. • Объектная модель
• Отрисовка с помощью CCSprite
• Спрайтовая анимация (update или action)
• Покадровая анимация
• Обработка нажатий
• Обработка коллизий

43. Первые шаги

44. • Скачать и установить cocos2d/cocos2d-x
• Создать и запустить проект по шаблону
• (опц.) Обсудить реализацию игры
• Создать первый класс игрового объекта

46. Текстурные атласы

50. CCSpriteSheet
CCSprite
CCSprite
CCSprite

51. Particle System

52. CCParticleSystem
.position
.velocity
.gravity
.texture
...
addChild(system)