使用SpriteBuilder制作Cocos2D游戏完全中文教程(一)

简介与入门教程

         SpriteBuilder的前身是大名鼎鼎的cocosBuilder,是cocos2d下进行精灵,层,场景布局的简单快速的可视化的开发工具。SpriteBuilder在继承了cocosBuilder后,提供了更多的新特性,比如改良了资源的处理,更好地支持不同的分解,物理,语言等。更加详细的情况可在SpriteBuilder的官网进行了解:http://www.spritebuilder.com/

      如果您已经安装了SpriteBuilder,已熟悉用户界面并且知道如何创建新的项目,你可以直接跳到“如何使用SpriteBuilder管理Assets”一节,在那里你可以得到这个项目需要的美术资源。

         本教程将引导您通过由Apportable开发了一个奇妙的新工具SpriteBuilder,建立你的第一个完全成熟的手机游戏。在整个过程中,您不仅能学到工具的基础知识,还能看到很多手机游戏常见问题的最佳实践。

我们要做的是非常流行的游戏 Angry Birds的山寨作品。我们将它叫做 Peeved Penguins,这是它的样子:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(一)_第1张图片

你可以访问GitHub上已完成的教程中的代码!

安装

转到Mac App Store下载SpriteBuilder,下载最新的版本。拖动SpriteBuilder到从你的应用程序文件夹的底座,让您可以轻松地访问它。打开SpriteBuilder

SpriteBuilder基础知识

SpriteBuilder的主要目标是提供类似于Xcode故事板的cocos2d的游戏快速开发工具。

SpriteBuilder是一个可视化编辑器,允许您快速创建cocos2d的游戏。它可以让你通过拖放不同的组件来创建用户界面(user interfaces),游戏场景(gameplay scenes)和级别(levels)的接口文件和设置它们的位置。这样比在代码中定位每一个元素的屏幕位置要节省大量的时间。

SpriteBuilder的该核心功能工具包括管理你的Assets,创建动画,音频效果和粒子效果。我们将在本教程的结尾获得这些高级功能。

SpriteBuilder工作流程

当你要在你的游戏项目中使用SpriteBuilder你要先创建一个新的SpriteBuilder项目,而不是一个Xcode项目。当创建一个SpriteBuilder项目,SpriteBuilder将为你创建和维护一个嵌入式的Xcode项目。在SpriteBuilder项目中,你能能管理你的游戏项目中所有的resourcesassets。在你的游戏中,您将为不同的场景(scenes)创建相应的接口文件(interface files)。接口文件(interface files)将被.ccb文件(.ccbSpriteBuilder的前身CocosBuilder命名而来的)调用。SpriteBuilder还允许您创建代码连接,通过代码连接,您可以创建.ccb 文件和Objective-C 类之间的联系。这意味着您可以在SpriteBuilder和在代码中为你的游戏对象添加行为-我们将在后面深入讨论这个概念。

一般的,SpriteBuilder的工作流程看起来像这样:

  • SpriteBuilder中创建一个新项目

  • 将图像和其他资源添加到您的SpriteBuilder项目中

  • 在你的游戏项目中为不同的场景(scenes)和物体(objects创建多个.ccb文件

  • 添加代码连接来扩展这些场景(scenes)和物体(objects)的行为

  • SpriteBuilder中发布您的项目。这将更新你的Xcode项目链接的SpriteBuilder项目

  • Xcode中运行你的游戏

当您从Xcode中运行你的游戏,一个名为CCBReader组件将读取你的SpriteBuilder项目中的所有.ccb文件,并创建cocos2d的场景(Scenes)和节点(Nodes)出来。这里有一个SpriteBuilderXcode项目如何在一起工作简图:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(一)_第2张图片


原文:

https://www.makegameswith.us/tutorials/getting-started-with-spritebuilder/installing-spritebuilder/


SpriteBuilder中创建一个新的项目(Create a New Project in SpriteBuilder

让我们通过创建一个新的SpriteBuilder项目开始我们的游戏的工作:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(一)_第3张图片

给项目命名为“PeevedPenguins” 一旦项目被创建,打开Finder,并看看你的项目的文件夹结构。如果您无法在Finder中找到您的项目,可使用在屏幕的右上角Spotlight来搜索。文件夹结构看起来应该像这样:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(一)_第4张图片

SpriteBuilder创建一个新的文件夹(PeevedPenguins.spritebuilder)。它里面有一个SpriteBuilder项目(PeevedPenguins.ccbproj)和一个新的Xcode项目(PeevedPenguins.xcodeproj)。

默认SpriteBuilder项目自带的一个场景(MainScene)。你的空项目看起来应该像这样:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(一)_第5张图片

测试您的设置

让我们确保一切都正确生成。点击SpriteBuilder发布按钮(工具栏的左侧):

使用SpriteBuilder制作Cocos2D游戏完全中文教程(一)_第6张图片

现在打开PeevedPenguins.xcodeproj Xcode中查看项目。运行这个在iPhone模拟器,并确认它显示了“SpriteBuilder”的消息:

使用SpriteBuilder制作Cocos2D游戏完全中文教程(一)_第7张图片

恭喜!现在你已经运行了第一个SpriteBuilder项目,你知道你的工具都在工作。

原文:

https://www.makegameswith.us/tutorials/getting-started-with-spritebuilder/new-project/

在下一节中将介绍Spritebuilder的操作界面及其资源管理的相关知识!转载请说明出处,wealpan将和您一起学习Spritebuilder!谢谢大家!


转载于:https://my.oschina.net/wealpan/blog/204346

你可能感兴趣的:(使用SpriteBuilder制作Cocos2D游戏完全中文教程(一))