介绍

 
ChatGPT是OpenAI开发的人工智能模型，能够像真人一样与我们聊天。ChatGPT能回答我们问题，还能帮我们做很多任务（例如翻译、概括等等）。

很多新软件会建立在ChatGPT之类的人工智能模型之上：软件会根据用户需求创建一份详细、准确的提示语，然后把提示语发送至人工智能模型，之后就能以人性化的方式显示人工智能模型的回复。

在这篇教程中，我们将制作一个简单的聊天程序。我们告诉ChatGPT扮演物理学家阿尔伯特·爱因斯坦，用户就能和爱因斯坦聊天了。

 
 

第1步 - 新建一个空角色

首先，在CreatiCode.com游乐场新建一个项目（点击上方的菜单“创建”），然后删除带小狗的角色。我们就得到一个空项目，里面有一个空角色。

 
 

第2步 - 添加聊天窗口

现在我们用“控件”类别中的“添加聊天窗口”来添加一个聊天窗口。

 
提示：为了在浮出控件中快速找到这个积木，大家可以搜索关键词“聊天”：

 
聊天窗口位于舞台中央（x=0，y=0），高度和宽度与舞台相同（480×360），所以聊天窗口会占据整个舞台。

大家可以修改聊天窗口的背景和边框颜色。

这个聊天窗口的名称为“聊天1”，稍后将会用名称索引该聊天窗口。

聊天窗口如下所示：

 
 

第3步 - 处理事件“点击”

聊天窗口的用法，用户可以在底部的输入框输入任意内容，然后点击绿色的发送按钮。

L我们打印用户输入的内容，积木“控件( )的值”表示用户的输入内容。

 
如果在下拉菜单中看不到“聊天1”，只需要运行一次项目即可。

注意，如果用户按回车键，也会触发积木“当控件( )被点击时”。

大家尝试输入一些消息，编辑器窗口底部的控制台就会打印出消息内容。

 
注意，把输入框中的消息删除后，消息不会添加到聊天记录中。这使得我们能够完全控制消息如何被添加、什么时候添加。例如，将消息发送到聊天记录窗口前，我们可以自动修改用户输入的错别字。

 
 

第4步 - 将用户输入内容添加到聊天记录

现在我们把用户输入内容附加到聊天记录，不再打印出来。我们可以用积木“附加到聊天( )”。

 
输入的消息就是积木“控件( )的值”，即用户输入的内容。

聊天内容被附加到用户“我”和一个用户图标下面。大家可修改文字颜色和背景颜色。如下所示：

 
 

第5步 - 把用户输入内容发送至ChatGPT并等待

现在我们即将把用户输入内容发送至ChatGPT，然后得到其回复。
大家要创建一个新变量来存放ChatGPT的回复内容，可以把这个变量命名为“回复”。

然后大家就可以添加积木OpenAI ChatGPT：请求( )以发送用户输入内容，然后等待回复：

 
我们用“完整回答”模式，就会让程序卡在这个积木上，一直到我们得到回复，回复内容将存入变量“回复”。

为了便于测试，现在我们用最大的长度50，以便于快速得到回复。

“温度”为1能让聊天机器人更加随机发挥和有创意。

我们把“会话”类型设置为“继续”，就会记住当前对话框中的全部聊天记录。

 
 

第6步 - 展示ChatGPT的回复内容

我们收到ChatGPT的回复后，我们只需要把变量“回复”中的内容附加到聊天记录窗口中：

 
这次的名字我们用“爱因斯坦”，消息靠右对齐，背景换一种颜色。

现在我们可以互动聊天了。由于聊天机器人还不知道我们想让它扮演爱因斯坦，所以它依然以ChatGPT的角色回复我们：

 
 

第7步 - 让ChatGPT扮演爱因斯坦

为了让ChatGPT扮演爱因斯坦，当我们启动项目时只需要告诉它就可以了。我们用同样这两个积木发送请求并展示回复。请求将设置角色：ChatGPT是爱因斯坦，用户是学生。

 
现在聊天功能就完整了！从现在开始ChatGPT 就扮演爱因斯坦：

 
 

第8步 - 增加回复的长度限制

目前，我们把最大长度限制为50，如果聊天机器人要说更长的内容，就会被剪短。在这种情况下，回复内容就出现“TOKEN LIMIT REACHED”（已达字数上限）。

 
有两种办法来解决这个问题。

第1种，你可以把“最大长度”设为一个更大的数，比如100或150。

第2种办法，你可以告诉ChatGPT回复短一些。我们不要把用户的输入内容直接发送给ChatGPT，而是先修改一下。例如，我们在用户输入内容后面添加“最多用50个词回复。”

有两处改动的方案如下：

 
 

第9步 - 测试运行

现在聊天程序就做好了。聊天试一试，如下所示：

 
最终的完整程序：

https://play.creaticode.com/projects/ddefa7e9b6c794efe0a81d8e

 
 

创意扩展

在这篇教程中，大家学会了如何使用聊天窗口控件，以及如何使用ChatGPT聊天机器人。然后大家可以尝试下面这些思路：

• 与其他人聊天：大家可以修改第1个提示语，让ChatGPT扮演成另外一个人，比如莎士比亚、拿破仑、林肯和牛顿。注意，你选的这个人一定要在网络上有广泛的相关内容，否则ChatGPT就不“认识”这个人。
• 与物体聊天：ChatGPT除了能扮演人，还能扮演成一个物体，例如火星、米老鼠、一个分子或者一只海豚等等。
• 在第1个提示语中提供更多信息：第1个提示语非常重要，因为它会告诉ChatGPT扮演成谁以及如何装扮，大家可以随意改进。例如，大家可以像这样指定一个时期：“请你扮演爱因斯坦和学生聊天，假装今天是1945年1月1日。”

 

用到的相关知识

• 使用变量
• 读取列表
• 图形特效
• 肢体检测人工智能

 
 

介绍

在这篇教程中，大家将利用人体姿势检测做一个健身游戏。不同的姿势将显示在舞台上，玩家要以最快速度做出这些姿势。

 
 

第1步 - 新建一个项目

在创益编程游乐场中新建一个项目。删除角色“角色1”，把角色“空的1”改名为“主角”。

 
 

第2步 - 运行身体部位检测

当点击绿旗时，我们要立即运行身体部位检测。这会打开摄像头并实时分析摄像头影像。大家要把“调试”设置为“是的”，就会自动显示身体关键部位。

 
在“变量”类别中会自动创建一个表格“i”。请勾选表格“i”前面的勾选框，使其在舞台显示：

 
然后运行程序。大家会看到身体关键部位被标记出来，表格“i”实时更新：

 
 

第3步 - 添加深蹲造型

接下来，取消勾选表格“i”，添加一个“深蹲”姿势的造型。大家可以用造型“多利亚-d”，然后改名为“深蹲”：

 
把角色大小设为130，然后移动到舞台右下角。这是玩家的第1个目标姿势。

 
 

第4步 - 分析这个深蹲姿势

尽管我们知道每个身体部位的位置，但我们不知道玩家摆的是什么姿势。为了自动检测玩家是否是深蹲姿势，我们重点看这4个点位：左胯、右胯、左膝、右膝。

主要观察点为，当玩家做深蹲姿势时，两个膝盖的距离要比左右胯部距离宽得多。

 
为了让逻辑简单，我们假设玩家的身体没有左右倾斜，那么我们就可以只用这4个部位的x坐标计算距离：

• 膝盖距离 = 右膝x坐标 - 左膝x坐标
• 胯部距离 = 右胯x坐标 - 左胯x坐标

 
 

第5步 - 读取表格

现在我们新建4个变量来表示这4个身体部位的x坐标：“左胯x”、“左膝x”、“右胯x”、“右膝x”。

我们可以从表格“i”读取变量的值。再次勾选表格“i”的勾选框来查看内容。例如左胯的x坐标，我们先找到“X”列，然后找到其行号为12：

 
那么，我们就可以把这个值读取到变量“左胯x”，如下所示：

 
读取这4个变量的积木如下所示：

 
 

第6步 - 计算距离

我们得到了4个身体部位的x坐标，现在可以计算膝盖之间的距离、胯部之间的距离。

新建2个变量“膝盖距离”、“胯部距离”，来表示这两个距离。

“胯部距离”就是右胯与左胯的x坐标之差：

 
同理，膝盖距离就是右膝盖与左膝盖的x坐标之差。这一步做完后的完整程序如下所示：

 
 

第7步 - 根据距离计算姿势

我们的程序知道了这2个距离，现在就可以对比二者以判定玩家是否为深蹲姿势。我们可以用一个简单规则：如果膝盖距离大于跨步距离的两倍，就算是一个好的深蹲姿势。

新建一个变量“姿势”，将其默认值设为“未知”。如果膝盖距离大于胯部距离的两倍，我们就把“姿势”设为“深蹲”。

 
 

第8步 - 重新编排积木

因为我们添加的所有新积木都为了计算玩家姿势这一个目的，我们应该制作一个新积木。新积木命名为“计算姿势”，然后把所有新积木移动到这个积木的定义中：

 
 

第9步 - 防备无效值

如果摄像头影像检测不到身体部位，表格中的对应项就将被设为-10000。如果胯部、膝盖的x坐标这4个变量有一个为-10000，这些数据就作废无效。

因此，我们应当再添加一些逻辑来忽略无效数值，比如要求全部4个变量大于-250。提示，如果舞台上能看到身体部位，那么x坐标就一定大于-240。

 
 

第10步 - 重复不断计算姿势

当玩家移动并修改姿势后，表格“i”中的数值将持续不断更新。因此，我们应当重复不断计算玩家的姿势，可以用一个无限循环来完成：

 
 

第11步 - 检查是否为“深蹲”姿势

现在我们可以重复不断检查变量“姿势”的值。一当该值变为“深蹲”，我们就展示一条成功消息。

 
运行程序后得到如下结果：

 
 

第12步 - 设置目标姿势

现在我们把基本的游戏机制做出来了，下一步就是让游戏更有趣。我们给玩家提供多个目标姿势，玩家要尝试完成这些姿势来得分。

第一步，我们新建一个变量“目标姿势”，表示玩家要做的下一个目标姿势。

我们可以用这个新变量重新编写代码：

 
 

第13步 - 将目标姿势在“深蹲”和“站立”之间切换

当用户完成目标姿势后，我们就应当把目标换成一个新姿势。简便起见，我们让目标在这两个姿势之间切换：“深蹲”和“站立”。

我们可以为此制作一个新积木“切换目标姿势”。如果“目标姿势”为“深蹲”，那么下一个目标应当为“站立”。否则，如果“目标姿势”不是“深蹲”，那一定是“站立”，那么我们就要切换回“深蹲”。

 
 

第14步 - 制作“站立”造型

为了显示出目标姿势改变了，我们也要更换角色的造型。

找到“多利亚-c”造型并添加到角色中，重命名为“站立”。

 
我们还需要为这个造型做一些细微调整。原来左边的腿向旁边伸出，我们可以选中整条腿并旋转到直立位置：

 
此外，头部侧视，可能会让玩家感到迷惑。我们只需删除这个头部，然后从“深蹲”造型复制一个头：

 
 

第15步 - 切换造型

当我们切换“目标姿势”，同时也要切换造型，从而使玩家看到下一步做什么姿势：

 
 

第16步 - 视觉效果/听觉效果

当目标姿势切换完成后，为了给玩家清晰反馈，我们要展示一些视觉效果。例如，在切换至下一个造型之前我们可以让角色瞬间变亮。并且，我们还可以播放收集硬币的声音：

 
 

第17步 - 检测玩家是否为“站立”姿势

在积木“计算姿势”的定义中，目前我们只检查了是否为“深蹲”姿势。我们还要检查玩家是否为“站立”姿势。简便起见，我们还是看膝盖距离和胯部距离。如果玩家站立，膝盖距离应该比胯部距离稍大一点点。我们假设，当膝盖距离小于跨步距离的1.2倍时就算是站立：

 
现在游戏就做好了。每当玩家做出目标姿势，我们就切换至下一个目标姿势：

 
 

创意扩展

在这个项目的基础上大家可以制作一些更有趣的东西：

• 游戏规则：大家可以设置不同的游戏规则。例如，大家可以为玩家设置时间限制（比方说1分钟），获得金币最多的玩家胜利。还可以要求玩家完成60次姿势，用时最短的获胜。

• 改进姿势检测方法：现在我们只看膝盖和胯部，大家还可以检查胳膊。比如，要求胳膊水平伸直，大家可以比较手腕和肩部的y坐标。

• 其他目标姿势：大家可尝试添加更多有趣的姿势。例如，让玩家做一个“X”姿势，如下图所示。需要用手腕和脚踝的x坐标和y坐标来检测这一姿势。

• 双人模式：当有两个玩家站在摄像头前面时，两个人都能被身体姿势检测引擎所检测到，这使得大家能够制作双人游戏。例如，每当玩家A做一个姿势，这个姿势就作为玩家B的目标。这样的话，玩家B就要重复玩家A的姿势。

 

用到的相关知识

• 增强现实人脸摄像头
• 球体的使用
• 三维坐标和位置
• 透明遮挡

 

介绍

在之前的一篇教程中，大家学习了如何在用户头上添加虚拟装束。

不过那个项目有个大问题，如果用户仰起头来，我们就能看到帽子的后边缘，看起来整个帽子就在人脸前面。

在这篇教程中大家将学习如何解决这个问题。大体思路就是遮挡住装束的后边缘，这样看起来就好像被头挡住了。

 

第1步 - 复制之前的虚拟装束项目

请打开“虚拟装束”教程的项目，保存一份副本。

 
 

第2步 - 切换至仿真模式

因为我们又回到编程上来，我们要开启仿真模式并显示标记。

 
 

第3步 - 添加一个椭球形表示人头

现在我们要用一些“技巧”。大体思路就是，添加一个三维物体来表示人头，用这个物体遮挡住帽子的后边缘。并且，这个物体应当是透明的，从而在最终结果中看不到它。尽管在现实世界中透明物体不能遮挡其他物体，但在虚拟世界中却可以实现。

首先，我们添加一个和人头形状差不多的椭球形。可以用一个球体，X/Y/Z三个维度分别为110/100/120，

提示，我们要把这个椭球形命名为“头”，以便于后面根据名称选择。

目前得到如下结果：

 
 

第4步 - 移动椭球形以适配帽子

接下来，我们要移动椭球形以适配帽子。大家可以点击舞台窗口上方的“位置”控件，然后用箭头拖动椭球形。

操作完成后，舞台下方的角色面板会显示位置，只需把位置信息填入积木“移动到( )”：

 
 

第5步 - 把椭球形用作透明遮挡

现在我们就用一个小技巧让帽子后边缘消失。用到的主要积木就是“转换为透明遮挡”，该积木有两个效果：

• 椭球形的头会变成透明的，那么我们就看不到它了。
• 物体被椭球形遮挡的部分仍然是被挡住的，就好像椭球形不是透明的。

为了实现这个效果，大家需要做两件事：

1. 在最下面添加积木“转换为透明遮挡”，即可把椭球形转换为透明遮挡。
2. 将积木“添加球体”移动到创建三维场景后面。这一步很重要，因为透明的椭球形只会遮挡住它后面添加的物体，包括帽子和人脸标记。
3. 为了在添加帽子之后修改椭球形，需要用积木“选择( )作为角色物体”选中椭球形。

现在大家看到椭球形消失了，但是，当你转动人脸时，帽子和标记点被一个空的形状所遮挡：

 
 

第6步 - 用真实摄像头测试

现在我们准备好用真实摄像头测试程序了。大家只需要隐藏标记并关闭仿真模式：

现在当帽子向后倾斜时，我们就看不到帽子后边缘了：

请大家调整帽子大小和椭球形，使帽子更适合自己的头。

 
 

创意扩展

这个“透明遮挡”方法也可用于其他虚拟物体。下面是一些创意思路供大家参考：

• 眼镜：大家可尝试戴上虚拟的遮阳镜，要遮挡住眼镜腿后部。
• 飞行的飞机：大家可以让一个飞机在头的周围飞行，当飞机飞到头后面时就要被遮挡住。

 

用到的相关知识

• 创建三维场景
• 增强现实人脸摄像头
• 更新纹理
• 更新颜色
• 按钮控件

 

介绍

当你运行增强显示人脸摄像头，就可以显示4个面部区域：脸、眼睛、嘴、嘴唇。

在这篇教程中，大家制作的程序让用户绘制不同的人脸。

 

第1步 - 添加增强现实（AR）人脸摄像头

用这三个积木新建一个项目：

注意，大家要更改积木“切换到AR人脸摄像头”中的选项：

• 不显示标记，因为我们的重点在于人脸网格；
• 开启仿真模式，便于从不同角度查看结果；
• 开启全部4个人脸网格。

得到如下默认人脸：

 
 

第2步 - 添加一个按钮“颜色”

请添加“控件”扩展，然后添加一个按钮控件。

默认情况下，按钮被添加到舞台中心。当你用工具“控件位置”把按钮拖到左上角，添加按钮的积木将自动更新：

 
 

第3步 - 更改人脸颜色

每当点击按钮“颜色”，人脸颜色就改变。要做到这一点，我们需要用积木“当控件( )被点击时”，然后在下面添加积木“更新颜色”。

因为选择了“全部”区域，整个人脸都会变成同一种颜色：

 
 

第4步 - 设置随机颜色

大家可以不用一种固定的颜色，而是每当点击按钮时随机选择颜色。做法就是，用一个报表积木“颜色”嵌套一个积木“取随机数”：

现在我们可以重复点击按钮“颜色”来更换颜色：

 
 

第5步 - 每个区域设置不同颜色

大家可以用“区域”选项来控制人脸的哪一部分更改颜色。“主要”区域表示脸，“第二”区域表示眼睛，“第三”区域表示嘴，“第四”区域表示嘴唇。

比如，我们可以用4个积木“更新颜色”，并在每个积木中选择不同区域：

 
 

第6步 - 为“老虎”面孔添加一个按钮

绘制的第2个人脸效果，我们把人脸换成老虎。请添加一个按钮“老虎”，然后拖到第一个按钮后面：

 
 

第7步 - 添加“老虎”纹理

当点击这个新按钮时，我们要为人脸添加一个新面孔。我们可以在网上找一个老虎脸，或者其他动物。例如，下面这个老虎脸就比较好：

https://www.clipartmax.com/middle/m2i8H7b1A0N4G6m2_tiger-face-icon-tiger-animals-png-icon/

你要下载这个图像文件，然后将其上传为项目造型。

把这做完以后，就可以用积木“使用造型更新纹理”把这个纹理应用到整个人脸（全部区域）。注意，有些图像上下颠倒显示，所以要旋转180度。

现在就得到如下一张老虎脸：

 
 

第8步 - 调整“老虎”纹理

老虎脸还有个大问题：我们只用了老虎脸的中间那一块。为了用上老虎脸的更多部分，我们可以用一个小技巧。

在造型编辑器中，将老虎造型转化为“矢量图”，然后缩小。之后，在老虎脸周围画一个透明的矩形（无填充）。这会让老虎脸缩小，以便于适配人脸网格。

 
 

第9步 - 测试真实摄像头

现在我们的编程快要完成了，我们可以开始测试真实摄像头了，并做调试。对此，我们只需要将“仿真模式”切换为“否”。

最终结果如下：

 
 

创意扩展

大家可以把人脸网格绘制成无限种样式。一些创意思路如下：

• 透明颜色：大家可以尝试人脸网格使用透明颜色，这样的话仍然可以看到真实人脸。
• 文字或物体：大家可以尝试在人脸上写一些文字或者画一个小物体（比如一棵树）。
• 其他动物面孔：大家可以尝试将老虎造型换成其他动物面孔。

 

用到的相关知识

• 创建三维场景
• 使用模型
• 使用平面
• 增强现实世界摄像机
• 选取三维物体
• 广播消息

 

介绍

在这篇教程中，我们将制作一个增强现实（AR）游戏。玩家在地上点击即可植树。

 
提示：对于前10步，大家可以用电脑来开发项目。但最后2步，要在带后置摄像头的移动设备上的浏览器运行项目，比如平板、智能手机。

 
 

第1步 - 新建一个带三维坐标轴的空场景

请新建一个项目，删除小狗角色，在“空的1”角色中添加如下积木。因为这个角色将包含地面，请将其改名为“地面”。

大家可以在“三维场景”类别中找到积木“创建三维场景”和“显示三维坐标轴”。

 
如下所示， x轴指向右，y轴指向前（指向屏幕内），z轴指向上。大家可以在舞台上拖动鼠标使摄像机绕坐标系旋转：

 
 

第2步 - 添加一个大平面

在“地面”角色中，我们添加一个大平面，长宽都为1000000。颜色并不重要，因为我们在后续步骤中会使它透明。

 
得到如下结果：

 
 

第3步 - 开启鼠标选取事件

接下来，我们开启鼠标选取事件，从而使玩家能够选取平面上的任意地方。

 
注意，这个新增积木的第1个输入框我们空着，这样的话，当前角色的任意物体都变成可选取的，包括第2步添加的平面。你也可以填写“地面”，结果一样。

 
 

第4步 - 保存选取的位置

现在我们处理选取事件。首先，我们添加2个新变量“目标x”和“目标y”，用来存放选取点的x坐标和y坐标：

 
如果在场景中显示这2个变量，大家会看到，每当点击地面上的不同位置，这两个值就会发生变化。

 
 

第5步 - 添加一个新角色“树”

为了在三维世界中添加树，首先需要再添加一个角色“树”。这是关键的一步，如果大家在当前的“地面”角色添加树，那么这些树也将变成可选取的，这会让玩家感到混乱。

一般来说，对于这种世界跟踪增强现实项目，地面非常重要。我们只想让地面可被选取，所以我们要把其他全部三维物体放到别的角色中。

现在有两个角色：“地面”和“树”。

 
 

第6步 - 发送和接收消息“植树”

这两个角色用消息进行沟通。

在“地面”角色中，每当玩家在地面上点击一个地方，就广播一条新消息“植树”：

 
在“树”角色中，我们要接收这条消息，然后就可以添加树了：

 
 

第7步 - 当收到消息后添加一个树模型

在“树”角色中，每当收到消息“植树”，我们就添加一棵树。默认情况下，树总是被添加到场景中心，所以我们要把树移到玩家点击的地方，点击的坐标位置存放于变量“目标x”和“目标y”。

 
现在，每当你点击地面，就会种植一棵树：

 
 

第8步 - 隐藏和显示

我们的方案有个小问题。新加的树总是先在原点出现，然后移动到选取点。慢放镜头如下：

 
为了让树直接在选取点出现，我们可以用一个简单的方法：

• 当我们添加树模型时，我们设置为隐藏。
• 把树移动到目标点后，后面放一个积木“显示”，即可改为可见：

 
改动之后，树就会出现在我们点击的地方：

 
 

第9步 - 让树生长

为了更好玩，我们添加一个树生长的动画。要进行如下两处改动：

• 每当我们添加树，可以让树起初非常小，目标高度设置为20。
• 树显示以后，我们将其放大10倍，用时非常短。

 
现在我们就得到了树生长的动画：

 
 

第10步 - 切换至增强现实世界跟踪仿真

到目前为止，增强现实方面的东西我们还没有做。现在该切换至增强现实模式了。回到“地面”角色，添加积木“切换到AR世界摄像头”。我们将开启仿真模式，并检查是否一切都运行正常。

 
就得到如下结果。摄像机视野会稍有不同，但选取事件用法相同：

 
 

第11步 - 连接真实世界

现在我们准备好连接到真实摄像头了。大家需要在移动设备上打开这个项目，例如平板电脑和智能手机。

大家只需要把仿真模式改为“否”，即可打开真实摄像头。另外，我们把地面的颜色的透明度改为50%，这样就可以透过地面看到真实场景。

 
当你在移动设备上运行项目时，后置摄像头的影像会替代场景的蓝色背景，大家仍然可以点击地面植树：

 
 

第12步 - 整理项目

地面和三维坐标轴有助于开发项目，但在真实场景中明显会破坏所添加物体的画面。在发布项目之前，我们要把地面的透明度设为100%。注意，尽管我们看不到地面了，但选取事件对透明地面仍然管用。同时，我们还要把三维坐标系设置为隐藏。

 
最终演示效果如下：

 
 

创意扩展

使用这个方法大家可以制作很多有趣的项目。大家是否想试试下方这些创意思路：

• 其他物体类型：大家可以添加其他类型的物体，如形状、模型和人物化身。大家还可以用按钮或者下拉菜单让玩家能够选择添加哪种物体。

• 随机：每当添加一个新物体，大家可以把它的大小和颜色设置为随机。

用到的相关知识

• 为物体添加高亮
• 复制到镜像位置
• 为三维场景启用物理引擎
• 为三维物体添加物理实体
• 向物理实体施加力
• 限制物理实体运动的速度和方向

介绍

在这篇教程中，我们将利用物理引擎制作一个弹珠游戏：

 
 

第1步 - 新建一个空场景

首先，在创益编程游乐场新建一个项目，删除带小狗的“角色1”，把“空的1”角色改名为“主角”。

在“主角”角色中添加如下积木，将创建一个空的三维场景、显示三维坐标轴并启用物理引擎，物理引擎的重力设置为-1000。

 
得到如下结果：

 
 

第2步 - 新增4个角色

在这个游戏中，有4种物体：桌子、球、扳机和目标。

 

如同二维的Scratch项目，每种物体用一个角色来组织代码，是个好理念。因此，我们新增4个角色，分别为“桌子”、“球”、“扳机”和“目标”。

 
 

第3步 - 广播4条消息

为了告诉每个角色建造各自的部分，我们要从主角角色广播4条消息：

 
注意，这些消息我们用的是“广播( )并等待”，这样的话，每一步完成以后才进行下一步。

 
 

第4步 - 每个角色接收消息

在这4个新角色中，第1个积木就是“当收到( )”，这样的话，每当主角角色发出消息后，其他角色就知道自己该工作了。

例如，在“桌子”角色中，我们接收消息“添加桌子”：

 
其他3个角色类似。

 
 

第5步 - 添加带三个侧面的方形管子

现在我们编辑“桌子”角色。桌子可以用一个带三个侧面的方形管子制作。我们让下端开口，从而使球有机会滚出桌子。

大家自己决定桌子的大小和颜色。比如，宽500，长1050，高110，边缘厚度可以为50：

 
添加方形管子的积木如下：

 
 

第6步 - 木材材质

大家可以根据喜好为桌子设置材质，使桌子看起来更逼真。例如，大家可以选择材质“木材07”，大小为1000：

 
得到如下结果：

 
 

第7步 - 为方形管子设置物理实体

现在我们为方形管子添加物理实体。因为它不动，所以质量设为0。因为我们要让球在边上反弹，所以恢复系数要高，比如80。最后，为了让球碰到边缘后旋转，我们要设置一定的摩擦系数，比如20。

 
 

第8步 - 添加一个斜面

接下来，我们在右下角添加一个斜面，就是一个盒子，x/y/z三维度大小为200/50/100。绕z轴旋转到-45度，然后移动到 x坐标160、y坐标-410。最后添加同样的材质。

 

这一步的积木如下：

 
 

第9步 - 为斜面添加物理实体

我们要为斜面添加和方形管子一样的物理实体，从而当弹珠碰到桌子的每一个边缘时都有同样的反弹效果。

 
 

第10步 - 将斜面复制到左边

左边需要同样的斜面，用积木“复制到镜像位置”能轻松实现，模式为“左右”：

 
现在“桌子”角色就完成了：

 
 

第11步 - 添加球

现在我们切换至“球”角色来添加球。首先添加一个直径为30的球体，命名为“球”。移动至y坐标-400、z坐标10。自己可以随意添加喜欢的材质。程序如下所示：

 
得到如下结果：

 
 

第12步 - 为球添加物理实体

因为球要四处弹跳，所以球的质量应当大于0。那我们用默认质量100就可以了。把恢复系数设为100，会非常有弹性。摩擦系数要小一点，比如20，这样的话，当球碰到其他物体时就会旋转，但不会减速太多。

 
 

第13步 - 切换至顶部摄像机视角

现在我们改成从顶部观看整个桌面。大家要切换至“主角”角色，添加积木“设置摄像头”，然后设置距离和视角：

 
现在看到的视角如下所示。看起来桌面像是立起来的，y轴正方向向上，y轴负方向向下。

 
 

第14步 - 使球“落下”

现在看起来好像球是悬浮着。为了让球自动向下滚动，我们可以对其物理实体施加y轴负方向的力。切换至“球”角色并添加如下积木：

 
从现在这个视角看起来球就是“向下落”：

 
 

第15步 - 添加扳机盒子

接下来，切换至“扳机”角色，在下部添加一个扳机盒子来托住球和击球。x/y/z三维度大小为150/40/100，然后移动至y坐标-480。大家可以随意挑选材质。

 
结果如下所示：

 
 

第16步 - 为扳机添加物理实体

现在我们为扳机开启物理引擎。我们要将扳机上下移动，但不受球和重力的影响，所以我们把质量也设为0。把恢复系数设为80，从而使球能够反弹，当球落下来后还能托住球。把摩擦系数设为100，这样的话，如果球正在旋转，球就会被弹到不同的方向。

 
这一步完成后，球会停在扳机上：

 
 

第17步 - 添加圆柱体目标

现在我们切换至“目标”角色，添加一些圆柱体作为目标。每当球碰到这些目标，玩家就得分。

添加第1个目标的方法如下，添加一个直径为60、高为100的圆柱体。命名为“10”，即当球碰到这一目标时玩家所得的分数。将其移动到桌面上部，y坐标300，x坐标50。

 
得到结果如下：

 
 

第18步 - 为目标开启物理引擎

现在我们为这个目标添加圆柱体的物理实体。因为目标不动，所以质量应当为0。把恢复系数设为120，使目标非常有弹性。如果恢复系数大于100，意味着当球撞到目标时会获得额外的能量。此外，把摩擦系数设为100，就会使球旋转。

 
 

第19步 - 再添加3个目标

将添加第一个目标的3个积木复制副本，用以添加更多目标。如下所示，这些积木再添加三个圆柱体目标，分别命名为“5”、“4”、“1”。

 
添加的目标如下所示：

 
 

第20步 - 扣动扳机

当玩家按下空格键，我们要快速将扳机下移到y坐标-540。当玩家松开空格键，我们要将其移回初始位置y坐标-480，时间比下移时稍长。

在“扳机”角色添加如下积木：

 
现在我们就可以用板机打球了：

 
 

第21步 - 碰到目标时广播消息“击中目标”

每当球碰到目标，我们就要展示一些视觉效果/听觉效果，并且使玩家的得分增加。

若要完成这一事件，每当球碰到目标角色中的物体时就要广播一条碰撞消息。

首先，添加积木“当收到（消息）参数( )”，点击下拉菜单新建一条消息“击中目标”。同时，新建一个变量“击中信息”。

 
接下来，在“目标”角色添加如下积木（放在添加4个目标的积木下方）：

 
这个积木将确保，每当球碰到任意一个目标时都会广播这一消息。

 
 

第22步 - 提取目标名称

当我们收到消息“击中目标”，变量“击中信息”将会告诉我们哪两个物体在哪个位置碰撞了。在这个游戏中，我们只需要知道碰撞的目标的名称，即“击中信息”被逗号分隔开的第2部分。请新建一个变量“目标名称”，用于存放目标的名称：

 
比如说，“击中信息”所包含的内容为“球,1,22.696,-78.908,9.598”，那么“目标名称”就为“1”。

 
 

第23步 - 目标高亮显示

每当目标被球碰到，我们就使它短时间高亮显示白光：

 
为了做这个效果，我们要在广播碰撞消息后创建高亮层：

 
我们还要根据名称选择目标，并将其添加到高亮层，较短时间后再将其移出高亮层：

 
 

第24步 - 限制球的速度

如果大家一直玩这个游戏，应该会发现一个小问题，有时球太快了，以至于会直接穿过目标或者是桌子边缘。

 
分步解析，物理引擎把球从位置1向上移到位置3。球从来没接触到粉色目标，所以物理引擎“不知道”两者碰到过。

 
为了解决这个问题，我们要限制球的速度，从而使球不会穿过目标。为了做到这一点，把如下积木添加到球角色中，使球的速度永远不超过1500：

 
 

第25步 - 整理场景

现在游戏就可以玩了。最后再进入主角角色整理一下场景。

首先，隐藏三维坐标轴。

第二，大家可以选一个别的场景，或者添加别的天空作为背景。这要在设置摄像机距离之前完成。

第三，我们可以沿y轴补充一些光，让物体的侧面更明亮。

 
游戏的最终演示效果如下：

 
 

创意扩展

大家可以把这个项目扩展成多种形式。一些创意思路如下：

• 不同的目标：大家可以把目标设置成不同的形状/颜色/大小/位置。

• 视觉效果/听觉效果：为了让游戏更好玩，当球碰到目标和桌子边缘时，大家可以播放声音，或者使球高亮。

• 游戏结束：大家可以通过检查球的z坐标来判断球是否掉落到桌子外面，如果是的话，就展示一条消息“游戏结束”。

• 得分：大家可以用一个新变量“得分”记录玩家的得分。每当碰到目标时就增加得分。

• 奖励：大家可以在桌面上添加一些游戏道具，当球碰到道具后就获得奖励。例如，大家还可以再添加一个球，玩家用两个球能碰到更多目标。

 

用到的相关知识

• 为三维物体添加物理实体
• 设置物理实体的移动速度
• 获取物理实体的属性
• 更新颜色
• 网格材料
• 按钮控件
• 标签控件

 
 

介绍

在这篇教程中，我们将利用物理引擎制作一个简单的迷你台球游戏。玩家用一个白色的母球把一个红色的目标球打进球袋里。

 
 

第1步 - 新建一个项目

在创益编程游乐场新建一个项目。删除带小狗的“角色1”，我们只需要角色“空的1”。

请添加如下积木来初始化一个空场景，开启物理引擎，并设置摄像机和三维坐标轴。

 
 

第2步 - 创建3个新积木

请创建3个新积木：

• 添加球桌：用于添加一个带球袋的台球桌；
• 添加球：用于添加台球：
• 检查目标：用于检查目标球是否落入球袋中。

初始化场景之后依次运行这三个积木：

 
根据积木代码所执行的任务进行组织编排，是个好办法。

 
 

第3步 - 添加4个平面

现在我们开始制作台球桌。简单起见，我们将制作一个中间有一个方形球袋的球桌。

首先添加4个平面，然后向对角方向移到4个角：

 
添加和移动平面的积木如下所示。例如蓝色平面，其中心点的x坐标为5000，是宽度10000的一半，所以它的左边缘与y轴重叠。

 
 

第4步 - 移动这4个平面形成一个方形的洞

接下来，我们把每个平面在x和y方向上都移动100，从而在中心形成一个200×200的方形的洞。

 
代码改动如下。例如，蓝色平面的中心向右移动， X坐标从5000改为5100，那么它的左边缘与y轴的间隙为100。

 
 

第5步 - 添加网格材料

现在添加一些网格线，让这4个平面看起来像是一个整体：

 
应用网格材料的积木如下所示。全部4个平面使用同样的积木。大家可以随意选择颜色：

 
 

第6步 - 添加物理实体

现在我们还需要为这4个平面添加物理实体，平面可以用“盒子状”的物理实体。因为台球桌不移动，所以“质量”应当为0。并且，为了模拟真正的台球桌，我们要设置较低的恢复系数和较高的摩擦系数。

4个平面都添加如下积木：

 
 

第7步 - 制作球袋底部

一旦球落入方形球袋中，我们就要使球停在里面。要做到这一点，我们可以在桌面下方90的地方添加一个方形平面。因为球的直径为100，这可以保证球会停在球袋中。

 
球袋底部的恢复系数应当为零，从而使球不会跳出来。还应当为静止的，所以质量为0。添加球袋底部的三个积木如下：

 
 

第8步 - 制作目标球

我们做好了球桌，现在去编辑积木“添加球”。首先，我们添加一个红色的球，命名为“目标球”。为了让球看起来像是个塑料球，我们可以修改其光泽度和亮度：

 
添加球的积木如下所示：

 
 

第9步 - 为目标球添加物理实体

我们把球的质量设为100，从而使它被碰撞后会移动。我们还要把恢复系数设置高一些，以便于当母球碰到它后速度会比较快。另外，我们还要让目标球静止，在我们击球前使它不移动。当我们击球后会解除静止状态。

 
 

第10步 - 制作母球

接下来我们添加一个白色的“母球”：

 
添加母球的积木非常相似，与目标球的物理实体完全相同。

 
 

第11步 - 添加一个瞄准球

为了帮助玩家指定将母球瞄准哪里，我们添加一个黄色的“瞄准球”。我们将把母球射向这个瞄准球。因为瞄准球并不是真的，我们使它部分透明，还要让用户能够在桌子上拖动这个球。注意，因为瞄准球也有物理实体，所以当我们拖动时不会与目标球重叠。另外，因为目标球是静止的，所以瞄准球不会影响目标球的位置。

 
添加瞄准球的积木如下：

 
 

第12步 - 添加新控件

现在我们要让玩家能够击球。首先，添加3个控件供玩家操作：

• 一个滑动条，让玩家指定击母球的速度；
• 按钮“击球”，用球杆击母球；
• 按钮“重置”，重新玩。

 
添加控件的积木如下：

 
 

第13步 - 击母球

当玩家点击按钮“击球”，我们就应当把母球射向目标球。我们可以利用滑动条的数值设置母球的物理实体的速度，积木如下：

 
不过，当我们点击按钮“击球”，母球根本不动。原因就是，我们创建母球和目标球的时候把二者都设置成了静止。因此，我们要首先解除静止：

 
现在母球就能发射出去了：

 
还有个问题。黄色的瞄准球只是用来帮我们瞄准母球，并不让它撞到目标球。因此，当母球被击出后，我们就要删除瞄准球。完整代码如下：

 
现在母球就会向瞄准球移动，然后碰撞目标球：

 
 

第14步 - 重置球

当点击按钮“重置”时，我们应当使球归位，让玩家重新玩。这一步其实很简单：我们只需要再次运行积木“添加球”。因为这3个球都有名称，当我们重新创建这3个球时，原来的球就自动被移除。

 
当你点击“重置”时的情景如下：

 
 

第15步 - 恢复瞄准球的位置

当玩家击球并点击“重置”后，最好是把瞄准球放在玩家之前瞄准的地方。这样的话，玩家就可以根据上一次的尝试继续调整瞄准球的位置。

要实现这一点，我们要做3个改动：

• 新建两个变量“x”和“y”，把初始值设为瞄准球的初始坐标：

 

• 在积木“添加球”中用这2个变量设置瞄准球的位置：

 

• 当我们击出母球之后，把瞄准球的新位置存入这2个变量：

 
做这些改动后，每当我们移动了瞄准球，我们点击“重置”后瞄准球都会回到上一次移动的位置：

 
 

第16步 - 检查是否进球

当目标球落入球袋后，我们可以看到其z坐标正好为-40。这是因为球袋底部的z坐标为-90，球的半径为50。

 
知道了这一点后，我们可以重复不断地检查目标球的z坐标来判断是否进球：

 
当我们知道进球以后，可以用一个标签展示成功消息。

 
现在如果我们运行程序，连按钮都不出现了。不要惊慌失措，原因是，积木“检查目标”包含一个无限循环，所以积木“检查目标”后面的所有积木都不运行。为了解决这个问题，我们只需要把积木“检查目标”移到程序的底部：

 
游戏的最终演示效果如下：

 
 

创意扩展

现在大家已经学会了如何制作基本的游戏，可以把这个项目扩展成多种形式，让游戏更好玩。一些创意思路如下：

• 把球放在不同位置：把母球和目标球换个位置。

• 墙和障碍物：大家可以在球桌上放一些其他物体作为墙和障碍物，例如盒子、圆柱体，会阻挡母球和目标球，让游戏更有难度。另一方面，台球有时候需要从这些物体上反弹进入球袋。

• 多个目标球：玩家要把多个球打入球袋。

• 多个球袋：可以添加多个球袋，玩家要选择瞄准哪个球袋。

• 坡道：大家可以在球桌上添加一些坡道，使母球和目标球能够飞起来越过障碍物，或者跳上更高一层的球桌。

• 多个级别：像大多数游戏一样，大家可以设计多种难度级别。当玩家熟练以后，就会喜欢更有难度的级别。

 

用到的相关知识

• 社区模型
• 三维文字
• 读取表格
• 复制物体
• 三维物体的速度
• 化身动画

 
 

介绍

在之前的一篇教程，大家制作了人物在桥上跑步的项目。在这篇教程，我们将在那个项目的基础上制作一个穿越障碍游戏。玩家控制跑步者，收集越多金币越好，但不能撞到路途中的障碍物。

 
 

第1步 - 将之前那个项目保存一份副本

请打开之前那个教程的项目，保存一份副本。然后取一个描述性的名称，如“穿越障碍游戏”。

 
 

第2步 - 角色“游戏道具”

现在添加一个空角色，命名为“游戏道具”。我们将在这个角色中添加和管理所有的游戏道具，比如路障和金币。

 
 

第3步 - 广播和接收消息“添加游戏道具”

和其他角色一样，我们要在“主角”角色中广播一条消息“添加游戏道具”：

 
然后在角色“游戏道具”中处理这一消息：

 
 

第4步 - 用网格做位置标记

我们要指定把游戏道具放在哪里。尽管我们可以把道具放在任意位置，但如果我们把桥的甲板作为网格，就会简单得多，只需要把道具放在每个网格的中心。

例如，我们可以把甲板分成三列。甲板宽度为300，那么每一列的宽度就为100。这三列的中心分别为x = -100、x = 0、x = 100。

 
同样，我们可以把甲板分成很多行，每一行的宽度为100。行的中心为y = 100、y = 200……以此类推

 
分好行和列之后，就能指定把道具放在哪里。比如，如果我们想在第2行第3列放一个蘑菇，那么蘑菇的位置为x = 100，y = 200。

 

 
再举个例子，如果我们想在第3行第1列放一块石头，那么石头的位置为x = -100，y = 300。

 
 

第5步 - 添加一个表格“道具”

为了存放游戏道具的位置，我们使用一个表格。请进入“变量”类别，新建一个表格“道具”。

因为我们把甲板分成3列，我们就在表格中新建3列，分别命名为1、2、3。尽管大家可以进行手动更改，但是用下方这4个积木会更快：

 
我们还要为表格添加60个空行，这样的话，我们就可以把游戏道具放在y坐标为100至6000的位置。可以用如下重复执行循环来添加空行：

 
 

第6步 - 向“道具”表格添加数据

现在我们向表格中添加一些数据，用以指定我们在夹板上放置道具的位置。比方说，我们要在第3行第2列放置一个路障，我们就可以在表格中写上“障”，如下所示：

 
现在我们添加更多路障。比如，在第7行的第1列和第3列添加两个路障：

 
大家可以随意添加更多数据，但这些已经足够我们开始编程了。

 
 

第7步 - 添加第1个路障

因为我们将要在场景中使用好多个路障，我们可以先添加一个，剩下那些就复制产生。

因为创益编程平台上没有路障模型，所以我们无法使用积木“添加模型”。但我们可以在第三方网站上找一个路障模型，第三方网站如Sketchfab.com。搜索“路障（road block）”会出现很多模型，我们就用下图中标出来的这个模型：

 
大家可以把模型下载为GLB格式，然后上传为社区模型。如果你想用同样的模型，就无需做这一步。

当添加这个社区模型时，请把高度设置为50，从而不会太大。另外，将其命名为“障”，与表格中表示路障的名称相同。

 
现在与跑步者相同的位置就会出现一个路障：

 
 

第8步 - 将第1个路障隐藏到桥下方

我们要复制第1个路障并放置在甲板上。我们并不需要显示第1个路障本身。因此，我们可以把第1个路障下移，隐藏在桥下面。

 
可能有人就好奇了，如果你把跟踪摄像机设置为“自由”模式，仍然能看到桥下面的路障：

" class=" img-responsive img-markdown" width="606" height="452" />

 
 

第9步 - 遍历表格“道具”的行和列

现在我们就要遍历表格“道具”的每一个单元格，并读取其中的内容。我们需要用2个遍历循环，为这2个遍历循环新建2个变量“行”、“列”。因为表格“道具”中有60行，所以变量“行”应当从1走到60。表格“道具”中有3列，所以变量“列”应当从1走到3。

 
 

第10步 - 读取表格“道具”中单元格的值

如果给出任意单元格的行号和列号，我们就能读出该单元格的值并存入一个新变量“道具类型”。

 
 

第11步 - 复制路障

当我们检查表格中的每一个单元格，变量“道具类型”的值为“”或者“障”，如果为“障”，就表示我们要在该行该列放置一个路障。

为了复制副本，我们要选择添加的第一个路障，然后使用积木“复制物体”。

 
 

第12步 - 移动副本

复制副本以后，我们还要将其移动到甲板上的目标行和列。我们需要用行号和列号计算x坐标和y坐标：

• x坐标：如果列号为1，那么x就等于-100；如果列号为2，那么x就等于0；如果列号为3，那么x就等于100。尽管我们可以用三个积木“如果”，但用这些积木计算x坐标会更简单：

• y坐标：第1列的y坐标为100，第2列的y坐标为200，所以我们只需把行号乘以100即可得到y坐标：

 
把上述积木结合起来，我们就可以这样移动复制的物体：

 
现在就出现了3个路障，分别与表格中的3个“障”字对应。第3行有一个，第7行有两个。

 
 

第13步 - 使程序加速

如果我们要复制很多个副本，上述代码会比较慢。为了提高速度，我们可以新建一个积木“添加道具”，并将其设置为“运行时不刷新屏幕”。

 
然后，把添加路障的所有积木都移到这个新积木的定义中：

 
之后当我们添加更多道具时，这一改动会让程序运行更快。

 
 

第14步 - 为跑步者设置关卡

开始编写“跑步者”角色中的代码。

当跑步者在甲板上跑动时，我们要检查跑步者是否被路障挡住。因为我们能通过“道具”表格知道所有路障的位置，所以我们只需要找出跑步者的当前位置，然后在表格里面查找。

注意，只有当跑步者进入新的一行时我们才需要检查。例如，第1行的y坐标为100，只有当跑步者到达y坐标为100时我们才检查是否有路障。之后，等到跑步者到达y坐标为200时再进行检查。

我们在“跑步者”角色中用如下这些积木实现这个思路。用一个新变量“新行”来表示要检查跑步者的下一行，初始值为1。当跑步者的y坐标大于100（1个100），我们在一个对话泡泡中显示其y坐标，然后把“新行”增加到2。之后，当跑步者跑过y坐标为200（2个100），我们再次显示y坐标并把“新行”增加到3，以此类推。

 
现在，当跑步者在甲板上跑过每一行时我们就会看到其y坐标：

 
 

第15步 - 计算跑步者所在列

现在我们知道了跑步者所在的行，还要知道所在的列。甲板上只有三列。中间一列（第2列）的x坐标介于-50和50之间。因此，如果跑步者的x坐标小于-50，那就位于第1列；如果x坐标大于50，那就位于第3列。

 
现在就可以看到打印出的列号：

 
 

第16步 - 检查跑步者所在位置的道具类型

假如我们知道了跑步者所在的行号和列号，就可以读取“道具”表格以找出该位置的道具类型。如果为“障”字，那么跑步者就碰到了一个路障，我们就应当立即停止无限循环，然后广播一条消息“游戏结束”。

 
 

第17步 - 使跑步者和摄像机停止

当“跑步者”角色收到消息“游戏结束”，就应当使跑步者和转换器物体“摄像机”（控制跟踪摄像机）停止。

 
如下所示，如果跑步者碰到路障就会停止：

 
 

第18步 - 动画“打败”

为了让游戏更有趣，我们让跑步者转过身来面向摄像机，然后展示动画“打败”：

 
如下所示：

 
 

第19步 - 游戏结束消息

除了显示失败泄气的动画，我们还要显示一个大标题消息“游戏结束”，用一个标签控件或者是对话气泡很容易实现。下面是用对话气泡实现：

 

结果如下所示：

 
 

第20步 - 在“道具”表格中添加金币

除了路障，我们还要在桥上放置一些金币。首先，我们在表格中选择一些单元格并添加文字“币”。例如，在第3、5、7行有3个金币：

 
 

第21步 - 添加初始金币

现在我们切换至“游戏道具”角色。

与添加路障相同，我们先添加一个金币，然后复制很多副本。如下所示，

 
 

第22步 - 复制金币

我们使用复制路障的相同代码来复制金币。另外，我们可以让金币绕z轴旋转。

 
在甲板上添加的金币如下图所示：

 
 

第23步 - 收集金币

现在进入“跑步者”角色编辑。

我们可以检测跑步者是否碰到金币，与检查路障相同。我们需要创建一个新变量“得分”，用以记录跑步者收集了多少金币。当游戏开始时该变量设为零。

 
每当跑步者碰到一个金币，得分就加1：

 
现在我们就能看到，每当跑步者碰到金币，得分就会增加：

 
 

第24步 - 为金币命名

跑步者碰到金币之后，就应当把金币从场景中删除。要做到这一点，我们首先要进入“游戏道具”角色，为每一枚金币命名一个不同的名称。比如，我们可以把金币的行号和列号拼接起来组成一个名称：

 
 

第25步 - 移除金币

在“游戏道具”角色中，我们要响应新消息“移除道具”，这条消息会把要被移除的金币的名称作为参数。大家要新建一个变量“道具名称”，

 
 

第26步 - 发送消息“移除道具”。

现在我们返回“跑步者”角色，当我们知道要移除金币时就广播消息“移除道具”。我们可以把行号和列号拼接起来作为名称，当广播消息时把该名称作为参数：

 
当跑步者收集金币后，金币就会立即消失：

 
 

第27步 - 宣布成功

如果跑步者能够通过全部60行，游戏就算成功完成。我们现在只是为了简单演示，让跑步者通过10行就宣布玩家成功，可以在跑步者角色中广播一条新消息“成功”来实现：

 
 

第28步 - 处理消息“成功”

处理消息“成功”的代码类似于处理消息“游戏结束”的代码，只需修改动画和在界面上打印的文字：

 
演示效果如下：

 
 

创意扩展

现在大家制作好了游戏的全部组件，现在该做成一个完整的游戏了。一些思路示例如下：

• 道具地图：显然，大家应该在表格“道具”中添加更多数据，用于添加更多的路障和金币。
• 显示得分：大家可以用一个标签来显示得分。此外，每当玩家收集一枚金币，大家可以在后面用一个对话泡泡显示“+1”。
• 其他道具：除了路障和金币，大家还可添加其他道具，例如植物、路标、财宝箱等等。
• 使控制更简单：现在玩家控制跑步者在x坐标的范围太广。为了让游戏更简单，大家可以让跑步者的x坐标限制为-100、0和100。例如，如果玩家按下向右键，就让跑步者一直向右跑到x坐标为100。
• 蹦跳和滑步：大家可以让跑步者跳过路障、在障碍物下面滑过去。提示，大家可以检查跑步者的z坐标来判断是否跳过路障。
• 声效：大家可以在游戏过程中播放声音，比如当跑步者收集一枚硬币、当游戏结束时等等。

 

用到的相关知识

• 为三维场景启用物理引擎
• 为三维物体添加物理实体
• 获取物理实体的属性
• 拖动物体
• 广播消息
• 选取事件
• 名称和角色物体

 
 

介绍

在本篇教程中，大家将利用物理引擎制作一个三维游戏。如下所示，玩家可以移动、旋转一个反弹板，让球落到目标平台上。

 
 

第1步 - 新建一个空场景

首先，在创益编程游乐场新建一个项目，删除角色1，然后添加如下积木，将创建一个空的三维场景，显示三维坐标轴，并将摄像机距离设置为800。

 
得到如下空场景：

 
 

第2步 - 为场景启用物理引擎

在场景中使用物理引擎之前，我们必须要启用物理引擎。把场景的重力设置为-500，会让球落得很快。

 
 

第3步 - 广播3条消息

这个游戏有3个主要部件：反弹板、球和目标平台。为了让项目更有条理，我们广播3条消息，每一步骤一条：

 
注意：前2条消息我们用的是“广播( )并等待”，以便于板和目标都添加好以后我们才添加球。

 
 

第4步 - 添加3个空角色

用多个角色来组织代码也是个好办法。在这个项目中，我们为3个物体创建3个角色：“板”、“目标”和“球”。

添加空角色的方法就是，鼠标移至右下角的圆按钮上，在弹出菜单中选择“绘制”。

 
 

第5步 - 制作反弹板

现在我们在“板”角色中添加一个盒子作为反弹板。

当该角色收到消息“添加板”，就会添加一个盒子，大小为100×100×30。大家可以随意选择一种颜色。还要绕y轴顺时针旋转30度：

 
要在“板”角色中添加如下积木：

 
 

第6步 - 为反弹板添加物理实体

尽管我们可以看到这个盒子，但物理引擎“看不到”，因为物理引擎只作用于物理实体。因此，我们要为这个盒子添加物理实体，设置为“盒子”形状。因为我们不想让盒子受重力而降落，所以要将其“质量”设置为0。另一方面，因为我们要让球在这个板上反弹，所以要把恢复系数设置为100%。

添加物理实体的积木如下：

 
 

第7步 - 使板可拖动

在这个游戏中，我们要让玩家能够四处拖动反弹板。我们可以用如下积木为盒子开启拖动。注意，我们要让玩家只能改变盒子的x坐标和z坐标，所以拖动模式要设置为“平面”，方向设置为y轴方向。这样就能确保盒子能够在x方向和z方向上拖动，但其y坐标永远为0，保持不变。

 
现在大家就可以像下面这样拖动盒子了：

 
注意，大家仍然可以拖动背景绕摄像机旋转。

 
 

第8步 - 使反弹板旋转

除了移动反弹板，我们还可以让玩家能够旋转反弹板，让玩家在设计球的反弹路径上有更多选择。

为了与拖动区分开来，当点击时我们旋转反弹板。在三维项目中，这可以用“选取事件”来实现。提示，“选取”与“拖动”的区别在于，鼠标指针是否在同一个地方按下并松开。

在“板”角色中，我们需要开启选取事件，然后编写选取事件。具体来说就是，我们将选中被鼠标点击的物体，然后将其绕y轴轻微旋转。

 
现在大家就可以移动和旋转这个板了：

 
 

第9步 - 添加目标平台

接下来，我们切换至“目标”角色。当该角色收到消息“添加目标”，就会添加2个盒子作为球的目标平台。如果球停在这个平台上而不落下，游戏就算成功。

 
为了简单起见，我们把这两个盒子的恢复系数都设为0，这样的话，球落到上面就不会反弹。

 
 

第10步 - 添加球

现在我们准备要在“球”角色中添加球了。

当该角色收到消息“添加球”，就添加一个大小为50的球。大家可以随意选择一种喜欢的颜色。我们让球从z坐标为200的地方落下。因为我们要让球下落，所以球的质量不能为0。恢复系数要设为100，以便于从反弹板上反弹。

 
球落下的情景：

 
 

第11步 - 接连不断地丢下小球

在游戏成功之前，玩家要一直调整反弹板，尝试不同的位置。为了让游戏简单点，我们每5秒丢下一个球，这样的话，玩家就无需点击按钮重新开始。

我们用一个无限循环不断丢下新的球。为了避免场景中有太多球，我们用一个小技巧：我们把球命名为“球”，那么，当我们要添加相同名称的新球时，原有的“球”物体就被删除。

 
现在这个游戏就可以不停地玩了：

 
 

第12步 - 球的z坐标

我们的游戏将一直持续到玩家成功将球反弹到目标平台上。球停到目标平台上之后我们就要停止游戏。

为了判断球是否成功停在平台上，我们可以检查球的z坐标。如果球停在目标平台上没有落下，其z坐标应当为一个固定值。

我们通过将球的z坐标打印到控制台面板上来找出其z坐标。注意，我们获取的是球的物理实体的z坐标，因为当球被物理实体控制时球本身的z坐标不变。

 
运行这段程序获取z坐标：

 
结果证明，当球停在目标平台上时，其z坐标约为-170。提示，我们也可以计算出这个数值：目标盒子位于-200，其厚度为10，所以它的上表面的z坐标为-195。球的半径为25，那么球的中心位置为-195 + 25 = -170。

 
 

第13步 - 判断游戏成功与否

现在我们根据球的物理实体的z坐标来判断玩家是否成功。我们需要将z坐标取整并与-170对比。

当我们判定球停在目标平台上后，可以用一个标签控件来显示成功消息。我们还要终止无限循环，就不再生成新的球。

 
成功消息如下：

 
 

第14步 - 整理代码

把游戏做好了，现在该整理一下代码。在“空的1”角色中，我们应当隐藏三维坐标系，并换成一个更好看的场景，比如“蓝天”。

 
游戏的最终演示效果如下：

 
 

创意扩展

大家可以把这个游戏改编成多种形式。下面是一些思路：

• 多个反弹板：大家可以为玩家提供多个反弹板，并设计游戏等级，玩家必须用上所有反弹板并让球落到目标平台上。

• 不同的反弹板类型：大家可以为反弹板设置不同的恢复系数。此外，当点击反弹板时，大家可以使它绕x轴或z轴旋转，而不绕y轴旋转。

• 障碍物：大家可以再添加一种物体作为障碍物，玩家无法移动和转动障碍物。这会让游戏更有趣。

用到的相关知识

• 为三维场景开启物理引擎
• 为三维物体添加物理实体

 
 

介绍

在这篇教程中，大家将利用物理引擎制作一个有趣的篮球游戏：

思路就是，用绳子将篮球与空中的挂钩相连接，篮球就会像蜘蛛侠一样摇荡。玩家可以决定什么时候添加绳子、什么时候去除绳子，从而让篮球落进篮筐里。

 
 

第1步 - 新建一个带物理引擎的空场景

首先，在创益编程游乐场新建一个项目，删除带小狗的角色1，然后把“空的1”角色改名为“主角”。

在主角角色中添加如下积木，将创建一个以蓝天为背景的三维场景，显示三维坐标轴，并启用物理引擎，重力为-500。

 
得到如下场景：

 
 

第2步 - 制作4个新积木

在这个游戏中，4个主要的组件分别为篮筐、挂钩、篮球及其托盘。我们制作4个新积木来组织积木代码：

 
 

第3步 - 用方形管子制作篮筐

制作篮筐的方法，我们可以使用开口的方形管子。如下三个积木将添加一个方形管子，开口大小为150×150，深度为80。为篮筐设置“方形管子”形状的物理实体，质量设为0以使其停留在空中。恢复系数设为0，这样球就不会弹出去。摩擦系数设为100，能减慢球的滚动。篮筐上绘制绿色方格和白线。

 
就得到如下篮筐：

 
 

第4步 - 移动并转动篮筐

接下来，我们将篮筐沿着y轴向前移动，以便于篮球有一些摇摆的空间。另外，我们将篮筐绕x轴旋转45度，以便于使其开口朝向我们。

 
篮筐的新位置如下：

 
 

第5步 - 添加挂钩

现在我们制作挂钩。我们用一个圆环来表示挂钩。对于圆环的物理实体，因为没有“环状体”，我们只需要用“球体”或“盒子”。挂钩的形状无关紧要，因为它不会与其他物体碰撞。因为圆环要保持静止，所以其质量设为0。恢复系数和摩擦系数都不重要。大家可以随意添加一种颜色的网格材料。

 
做出来的挂钩如下：

 
 

第6步 - 移动并转动挂钩

为了让篮球能摇摆较长距离，挂钩需要移动到很高的位置。另外，挂钩应当竖立。用如下2个积木实现：

 
现在挂钩如下所示：

 
 

第7步 - 制作篮球托盘

篮球托盘就是位于篮球下方的一个小平面。游戏开始后，篮球会在托盘上弹跳，一直到用户将篮球连接到挂钩。

我们把托盘放到y坐标-500处，那么当篮球连接到挂钩时就会向前摇摆。为了让篮球反弹，托盘的恢复系数要设为100%。

 
托盘如下所示：

 
 

第8步 - 添加篮球

最后一个组件就是篮球。注意，篮球要命名，并且需要将z偏移设为25，也就是其高度的一半。

篮球要放在托盘的正上方。恢复系数也必须为100%，以便于从托盘上弹跳。此外，篮球的摩擦系数要设为100%，以便于落入篮筐之后快速停止滚动。

 
现在大家运行程序，就会得到如下弹跳的篮球：

 
 

第9步 - 添加跟踪摄像机

因为篮球要向前摆动，所以我们要用跟踪摄像机来跟踪篮球。使摄像机拍摄篮球的角度和水平夹角为45度，以便于判断何时将篮球与挂钩连接、何时断开连接。我们还要把摄像机设置为“自由”模式，这样的话玩家就能自由调节摄像机。

 
现在篮球位于摄像机视野中央：

 
 

第10步 - 添加按钮控件

为了让玩家将篮球与挂钩连接、断开连接，我们用一个按键事件或者按钮点击事件。在这个项目中，按钮是个更好的选择，因为玩家可以在手机或者平板上玩这个游戏。

后面这个积木将在舞台右下角添加一个按钮。因为玩家第1个操作是把篮球与挂钩连接，所以我们要在按钮上显示“连接”。

 
按钮的默认样式如下：

 
 

第11步 - 修改按钮样式

为了让按钮更美观一些，我们用下面这2个积木修改其背景和字体样式：

 
现在按钮如下所示：

 
 

第12步 - 将篮球与挂钩连接

现在我们准备做本项目最重要的一步。为了让篮球看起来像是用绳子连接到挂钩上，我们要做两件事。

• 第一，我们要添加一个距离约束，让篮球与挂钩保持相同距离。有了距离约束，篮球就不会下落，而是在挂钩下面来回摆动。
• 第二，我们要在篮球与挂钩之间连一条线，用来表示“绳子”。注意，我们用的是可移动的线，绳子会随篮球移动。

注意，当我们添加距离约束时，第1个输入框应当为“挂钩”，因为挂钩是静止的，而篮球要摇摆。“可移动的线”将随篮球移动，为了让线看起来像绳子，我们将其纹理改为“地毯”。

 
现在如果我们点击“连接”，就会出现一根绳子，看起来好像篮球在摇摆。

 
 

第13步 - 删除篮球托盘

当篮球绕挂钩摇摆时，有时还会碰到篮球托盘：

 
为了解决这个问题，当我们将篮球与挂钩连接后，删除篮球托盘即可：

 
 

第14步 - 游戏分阶段

篮球与挂钩连接后，玩家的下一个操作就是断开连接，这一操作会将篮球抛向篮筐。为了让用户界面简洁，这一操作我们还是用同一个按钮。

由于我们将同一个按钮用于不同的用途，我们想一个办法来跟踪当前的“游戏阶段”。在这个游戏中，有3个阶段：

• 第1阶段：从游戏开始到玩家将篮球与挂钩连接；
• 第2阶段：从玩家将篮球与挂钩连接到玩家将二者断开连接；
• 第3阶段：篮球与挂钩断开连接之后。

我们可以用一个变量“阶段”来表示游戏处于哪一阶段。新建这一变量，在游戏开始时将其设置为1：

 
 

第15步 - 在第1阶段点击按钮

现在，当点击按钮时我们就可以运行不同的积木代码。只有当变量“阶段”为1时才运行现有这些积木代码：

 
 

第16步 - 为第2阶段做准备

完成第1阶段后，我们要进入第2阶段，就要把变量“阶段”更新为2。同时，我们要把按钮改为显示“断开链接”，因为玩家要在第2阶段断开绳子：

 
现在当我们点击按钮时，按钮就会改变：

 
 

第17步 - 在第2阶段点击按钮

在第2阶段，当用户点击按钮后，我们就应当移除距离约束和绳子，从而让篮球自由飞出去。同时我们还要删除按钮，因为玩家不需要再操作什么了。然后把变量“阶段”更新为3。

 
现在就可以玩游戏啦！点击“连接”即可添加绳子，点击“断开连接”即可抛出篮球：

 
 

第18步 - 检查成功与否

在第3阶段，我们要检查篮球是否落入篮筐中。我们可以用一个无限循环每秒检查一次：

 
 

第19步 - 检查篮球的位置和速度

如果篮球已经落入篮筐中，就不会再动了，其z坐标应当不变。我们可以用如下这两个“获取”积木检查两个值：

 
z速度应当接近0，z位置应当约为-131.8。我们用这两个条件检查成功与否，如果成功就显示一个标签。
 

 
现在我们就会得到如下的成功消息：

 
 

第20步 - 修改标签样式

为了让标签更美观一些，我们可以修改其背景和文字样式：
 

 
现在的成功消息如下所示：

 
 

第21步 - 整理程序代码

最后要整理一下程序代码，要隐藏三维坐标轴：

 
游戏最终演示效果如下：

 
 

创意扩展

大家可以把这个项目扩展成多种形式。以下是一些思路：

• 修改参数：大家可以把篮球、挂钩和篮筐移到别的位置。可以更改篮球或篮筐的大小，还可以更改场景的重力。

• 2个挂钩：从第1个挂钩断开连接后，可以让玩家在第三阶段再连接到另一个挂钩，然后在第4阶段断开连接。第2个挂钩还可以在不同方向上。这就会让游戏更有难度。示例如下：

 

• 障碍物：为了让游戏更具挑战性，大家可以添加一些静止的障碍物，玩家必须要躲避障碍物。