三维 - 地球走透透（难度：1）

[creaticodeta2-mail]

 

覆盖的关键课题

• 创建三维场景
• 使用轨道摄像头
• 摄像头设置
• 小工具扩展
• 按钮插件

 

介绍

在这个教程中，你将会创建一个程序来告诉大家你的祖国和你想要拜访的国家：

 

 

 

步骤 1 - 加载“地球”场景

请在创益编程游乐场创建一个新的项目，移除小狗角色，再把这些编程积木添加到“空白1”角色中。

使用三维场景类别中的"创建三维场景" 来加载”地球“场景。

 

 

现在你可以围绕着地球来 旋转摄像头：

 

 

 

步骤 2 - 找到你在地球的哪里

现在请尝试通过旋转和放大摄像头来寻找你在地球的哪端。举个例子，假设你的位置很靠近芝加哥（美国），你可以尝试把这个地点放在摄像头的中间：

 

步骤 3 - 让摄像头自动移动

现在我们要让摄像头自动移动以便用户不需要旋转摄像头。

要移动摄像头，你需要使用”设置摄像头“编程积木。而要找出摄像头的位置，你可以使用摄像头特质报告编程积木，下图将展示如何同时使用这两个编程积木：

 

 

在完成你的程序之后，它看起来应该长成这个样子。它会自动把摄像头移动到你所在的地球位置上。

 

步骤 4 - 给目的地的新按钮

接下来，让我们添加一个按钮来让你直接跳到你在地球上的目的地。添加一个 “小工具” 扩展，然后添加 “添加按钮” 编程积木。

举个例子，假设你想要访问西班牙。那么你可以把按钮上的字体设置成”西班牙“。

 

 

当你点击这个编程积木（只点这个积木），一个新的按钮会被添加到屏幕的中间。你可以打开”小工具位置“工具，并移动或者调整按钮大小。”添加按钮“编程积木的数值会随之改变。

这里展示一个有新的编程积木的最终程序：

 

 

 

步骤5 - 处理点击按钮事件

当用户点击按钮时，我们需要转换摄像头视角以便它看向地球上的西班牙。这个逻辑可以被转换成这两个编程积木：

 

 

现在我们只需要找出摄像头的准确距离和角度。这个方法和步骤2和3非常相似。我们首先手动移动摄像头，然后找出摄像头参数。

 

 

 

步骤 6 - 摄像头动画

现在，当用户点击“西班牙”按钮时，我们的摄像头就会跳转到新的视角。要让跳转看起来更流畅，我们可以添加一些动画，就像我们在谷歌地球里面看到的一样。

我们有很多可以移动摄像头的方法。在这个例子中，我们会先在1.5秒内把摄像头和地球之间的距离增加到11000来拉远摄像头。第二步，我们保持这个就，但是在三秒内把摄像头旋转到一个新角度。最后，我们在1.5秒内把摄像头拉近以便更靠近西班牙。

 

 

现在我们得到一个还不错的摄像头动画：

 

 

 
 

创意点子

你可以使用这个点子来创建更多其他有趣的程序，用以展示地球的其他部分。这里有一些你可以参考的想法

• 你可以改变按钮的颜色来让他变得更好看。
• 你可以添加另外一个可以把摄像头转换成你现有地点的“家乡”按钮。
• 你可以创建一个程序来展示地球上最大、最小和最出名的国家。