简单易用的2D游戏制作工具Stencyl。介绍及教程翻译。

吸管伯爵

刚刚看到这个区有人推荐了Stencyl，真是很高兴呢，因为我也正好在研究这个工具。
Stencyl是一款功能相当完善的入门级2D游戏制作工具，可以生成基于Flash平台，可以独立运行的游戏。
这个工具可以说是在rpgmaker之后最适合新手的工具，比那个动作游戏制作大师上手容易很多。

优点：
操作简单直观
对素材要求相对较低
可塑性强，可以制作平台动作，飞行射击，rpg，消除类等几乎一切类型的2D游戏
生成游戏基于Flash平台，可独立运行，兼容性好
自带一个很好的物理计算引擎，可以模拟重力和碰撞
流程图和程序代码模式并存，兼顾各层级用户
支持手机平台，可以导出安卓和IOS下运行的游戏
对于一般爱好者的非商业用途不收授权费，可以直接使用，没有版权上的困扰

目前软件没有汉化，但是语言极为简单，有一定英语基础即能看懂。
发这个帖子是能抛砖引玉，看到大家制作出自己的游戏作品。也希望能有更多的人翻译和转载英文的Stencyl资源。
官方放出了一系列教程，最基础的是Crash Course 1、2.
我目前完成了第一部教程的翻译。考虑到为了以后用语的统一，大多数专用名词后面注明了英文原文。

资源链接：
Stencyl官网地址：http://www.stencyl.com/
软件下载：http://www.stencyl.com/stencyl/get/
本篇教程地址：http://www.stencyl.com/help/view/crash-course/

以下是教程正文


欢迎来到Stencyl！ 这个短短的教程即将带领你用短短几步创作出一个简单的平台动作游戏。确切来说，我们将会把每一步都展示给你。

第一步 创建一个新游戏
第二步 熟悉游戏资源
第三步 设定角色
第四步 创造一个场景
第五步 测试你的游戏
废话少说，我们开工吧！

注意： 截图可能与目前版本的界面不同。如果有较大差异，请在评论中告诉我们。

注意： 这个快速上手教程使用了Stency自带的“快速上手套件”。如果它不见了或者被你删掉了，请点击这里下载。解压到games文件夹下面，命名为Crash Course Kit. 点击 View Games Folder 按钮就可以找到Games文件夹。



第一步：创建新游戏

欢迎中心

当你第一次启动Stencyl时，你会看到这个。


这就是欢迎中心。在这里你可以创建一个新游戏，打开已有的游戏，或者浏览其他人创建过的游戏。


创建一个新游戏

点击写着 Click here to create new Game的虚线框。


点击 Crash Course Kit，然后点击对话框最下面的Next按钮。

什么是套件(Kits)？一般来说当你在Stencyl中新建一个游戏时，从一个套件开始是不错的选择。套件是一个游戏模板，自带一些示例资源和游戏逻辑的设定。我们使用的套件已经包含了教程所需的全部资源。

接下来，你会看到一个对话框弹出来（如图所示）。你可以设定游戏的窗口大小（单位是像素），并给游戏起个名字。我就给它取名为Crash Course Game，不过你想叫什么随便啦。设定游戏的宽度和高度将决定玩家能看到和游玩的窗口大小。这次我们设定为宽（Width）640，高（Height）480.



接下来你会看到主控板（Dashboard)，观看游戏资源（画面，声音，游戏逻辑等等）和设定的中心区域。




第二步：熟悉游戏资源

从主控板我们可以创建新资源和导入已存在的资源。就本次教程而言，全部使用到的资源都已经有了，我们来挨个看一下。

玩家角色

我们先来看看即将作为可玩人物的角色。

定义： 在Stencyl中，任何可以移动或者可以互动的东西都被视为一个角色（Actor）。包括可操作的人物，敌人，互动元素等等。角色类型（Actor Type）是角色的模板，而角色一般代表一个特殊的个体。有时我们会为了方便把两个词混用。

首先，点击角色类型（actor Types）选项卡，就在主控板的左侧栏。


注意：你会在按钮的旁边看到一个小小的数字“2”。这表示目前你的游戏中有两种角色。同样的，其他资源旁边的数字代表资源的数量。

现在，角色类型列表将会出现。你会看到两种，一种叫Mambo另一种叫Pronger. 我们将把Mambo当做我们的玩家角色。


如果你在Mambo 的图标上双击，Stencyl会在角色编辑器（Actor Editor)中打开它。

定义：角色编辑器(Actor Editor)是Stencyl内置的几种资源编辑器之一。你可以定制一个角色的外观、动作和物理属性。

我们稍后再回到编辑器这里。暂且先去看看别的资源。


第二种角色


点击上面的选项卡，回到主控板。

现在打开Pronger，我们将把它作为游戏中的敌人。


小技巧：你更喜欢用键盘打开东西吗？Ctrl + o（或者是Command + o在Mac机上）。这样会弹出一个对话框，你可以输入任何资源的名字来搜索它。用方向键来选定再用回车键来进入。


图块组

现在来看看我们的图块组

定义：图块组（tileset）是一组正方形的图块（tiles），用于绘制游戏关卡（在Stencyl中被称为场景Scenes）

点击主控板选项卡，点击图块组（Tilesets）类别


打开草地图块组（Grass Land Tileset）


如图所示，一个编辑器在新选项卡出现了。这次是图块组编辑器。


暂且先关掉看看别的，稍后再回到这里。

声音

接下来来看看声音（Sounds）。点击主控板上的声音按钮。你会看到我们已经有了两个声音了，踩（Stomp）和跳（Jump）。


想听的话可以直接打开听一下。

动作

最后，咱们来看看动作（Behaviors）。下面就是我们会在教程中使用到的动作。


注意：动作（Behaviors）控制着所有的游戏逻辑和玩家互动；它们让游戏能够一步一步运作。
译者注：动作的定义在下一篇教程中才会出现。动作（Behavior）其实是一组设定好的事件（Event）

我们来随便挑一个看看吧。双击进入动作编辑器（Behavior Editor）


这里东西不少，以后我们才会谈到。动作编辑器是相当强力的工具，可以用很直观的方式设计出复杂的程序。我们有一整套教程专门教你掌握这个编辑器，不过现在你只要知道有这么个东西就行了。

注意：你更喜欢打代码吗？我们提供了两种给你的游戏添加代码的方式，专用的代码编辑器（Code Editor）和能直接往游戏中插入代码的代码块（Code Blocks）

保存
当你做游戏时，别忘了随时存档。点击保存游戏按钮或者用Ctrl+S（在mac机上的话是Command+S）


第三步：设定角色

我们已经往游戏里导入了一些角色，但是它们看起来还不是很有趣：没有动作（Behaviors），角色就没有什么用。

要给角色吹入一些生命气息，我们需要进入角色的角色编辑器（Actor Editor）给他们添加一些动作。

定制Mambo

如果你还没有把Mambo关掉，直接点击进入。否则的话进入主控板，双击资料库中的Mambo角色。


熟悉的外观（Appearance）页出现了。点击蓝色的Properties按钮进入属性页。


请确定Mambo是玩家群组（Player Group）的成员。这样才能确定Stencyl在计算碰撞（Collisions）时不会出问题。

定义：群组（Groups）用来给角色分类，这样Stencyl才能计算角色之间的碰撞。群组也能让你对不同类型的角色进行分类处理。我们有一整篇文章专门讲群组和群组对碰撞的影响。

不妨去看看碰撞（Collision）和物理（Physics）选项卡。他们包含了Stencyl的物理引擎设定。不过目前默认的设置就可以了。

我们接下来看看动作（Behaviors）选项卡，真正的设置要开始了。点击Behaviors按钮，就在Appearance的右边。然后会出现这个东西。


点击这个巨大的虚线框。当对话框出现后，点击角色动作（Actor Behaviors），选择行走动作（Walking Behavior），最后点击选择按钮（Choose），就在对话框的下面。


我们被送回到了角色编辑器。请注意行走动作已经被添加到了左边的列表中，它的参数（Attributes）也出现在了主窗口。

定义：参数（Attributes)是动作中的可改变的数值。通过更改动作的参数，可以方便的重复使用和改造动作。想了解更多关于参数的信息，请阅读我们的介绍文章。

译者注：例如行走的速度值，跳跃的高度值，都是参数。
通常Attributes一词翻译为“属性”，但译者为了方便与下文的Properties区分，故将Attributes一词翻译为“参数”，Properties翻译为“属性”。


我们来开始设定这些参数吧。有些属性有默认值，比如速度。然而还有一些我们必须自己设定。

首先，设定向右和向左移动的键位（Move Right Key，Move Left Key）。不如就用方向键吧（right and left )。


然后选择想要的动画（Animations）并点击选择动画（“Choose an Animation”）然后选择你想要的动画序列。


这就是第一个动作了！

如法炮制，我们把其他的动作设定好。点击左下角的Behavior按钮来添加更多动作。


跳跃：把下列选项设为默认值，设置跳跃键用于跳跃，然后选择向左（L)和向右（R）跳的动画。最后，添加跳跃的音效，这样Stencyl就会在Mambo跳跃的时候播放跳跃音效。







踩踏敌人：把敌人设为可被踩踏组（stompable group）。并把跳跃键设为跳跃（jump）




跌入坑中死亡和重置：没什么好设定的。

设定Pronger

Pronger的设定比Mambo要容易一些。切换到他的选项卡上去。


点击属性（Properties），然后找到群组（Group）下拉菜单

然后把Pronger的群组改为敌人（Enemies）


接下来要做的是剩下给Pronger添加一个动作了。点击动作按钮然后添加Stompable动作。设定如下两项参数，其他的原样就好。

注意：如你所见，“可踩踏”动作使得Pronger变得像超级马里奥兄弟中的库栗宝一样，被从上方击中之后将会死去，并播放一个音效。如果你点击编辑动作（Edit Behavior）按钮的话，你可以一窥这个动作后面隐藏的“代码”。


第四步：创建场景

游戏资源和游戏角色就位之后，我们就可以开始创建场景了。

定义：场景（Scenes）是由图块和角色组成的游戏关卡。你甚至可以把动作附加到场景上，不过在本次教程中我们不会这么做。

创建新场景

在主控板中点击场景（Scenes），再点击大虚线框



创建新场景对话框会出现。输入场景的名称。

来给背景涂上漂亮的天空吧。点击颜色（Color）下拉菜单，选择“垂直渐变”（Vertical Gradient）。选择两种想要的颜色。

左边选择第一种颜色，从屏幕顶端开始的颜色。右边选择第二种，渐变完成后位于屏幕低端的颜色。




全都完事之后，对话框看起来会像下图这样。点击创建（Create）就行了。


场景编辑器（Scene Designer）出现了。这个界面看起来很像许多绘图软件。其实用起来也很像。


放置图块

我们来往场景中添加一些图块。这些图块将会组成角色站立的地面。

首先，确定你在左手边的工具栏中选择了铅笔工具（Pencil Tool）


点击调色板（Palette，位于屏幕右侧）的图块（tile）选项卡，选择左上角的图块。


用鼠标左键把它放到左下角。


再选择最上面一排中间的图块


按住左键拖动来填充最下面一排，只留下角落一格。


最后把右上角的图块选定。


把空白填充掉。


小技巧：你可以一次选择多个图块，同时在场景中放置一整组。见下图。



放置角色

现在我们来吧Mambo和Pronger加入到场景中。

点击调色板上的角色（actor）标签，确定你选择了Mambo


如果你在场景上移动鼠标，你会发现Mambo会随着你的指针移动。在靠近地面的地方点击左键来放置一个Mambo。


小技巧：按住Shift可以紧贴网格放置角色。

现在选择Pronger，也在场景上放几个。你最后的成果看起来应该像这样：




添加重力

点击屏幕上方位于事件（Event）和背景（Background）中间的物理（Physics）按钮。在垂直重力（Vertical Gravity）区域中，输入“85”来模拟真实世界的重力。





第五步：测试游戏！

点击屏幕上方工具栏的测试游戏按钮（Test Game Button）


你可以用箭头键左右移动，用空格键来跳跃。
试试把Pronger推来推去，跳到它们头上。如果你落到了屏幕外面，这个场景会重置。


注意：你也可以在浏览器中测试你的游戏。从菜单中选择或者按Ctrl+回车（Mac机上是Command+回车）


恭喜！

你刚刚成功制作并测试了自己的第一个Stencyl游戏。这已经很了不起了，但我们只发挥了Stencyl强大功能的一点皮毛而已。

接下来我该怎么做？

我们鼓励你阅读其余的Stencylpedia章节，学习如何导入自己的资源，制作自己的动作来制作自己梦想中的游戏。

如果你想继续深入学习，我们建议你直接进入快速教程2。你将会学习制作一个类似小蜜蜂（Space Invaders）的飞行射击游戏。

MeowSnow

看起来确实比AGM方便，界面也友好呢……然后文盲匿了……

woshilhz001

可以设置中文 就是有点坑

国产吃货

我被卡在了第一步:下载

My笨笨

恩~是个很不错的2D横版游戏制作软件~
谢谢LZ的辛苦搬运~希望这个是汉化的

satgo1546

略出乎我的意料。

如果可以直接导出的话，改天下载一个玩玩……

---

体验完毕，界面字体在Windows下极其恶心，LZ有没有注意到……
目前完全没有初次体验Construct 2的感觉。

体验结果：好感度≈45%。

7456zll

{:2_271:}下载了这东西，妈蛋，中文版都是欠缺，于是乎，大家等着在下的完全汉化版吧！