Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • CreatiCode
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

CreatiCode Scratch Forum

  1. CreatiCode Forum
  2. 知识库
  3. 小教程
  4. 三维 - 迷宫游戏(难度:3级)

三维 - 迷宫游戏(难度:3级)

Scheduled Pinned Locked Moved 小教程
1 Posts 1 Posters 2.0k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • C Offline
    C Offline
    creaticodeteacher2-mail
    wrote on last edited by admin
    #1

    用到的相关知识

    • 创建三维场景
    • 绘制造型
    • 将二维造型挤出为三维物体
    • 调整物体大小
    • 更新物体纹理
    • 三维物体的速度
    • 三维方向和旋转
    • 在场景中添加化身
    • 追踪摄像头
    • 化身动画
    • 用射线投射检查物体碰撞

     
     

    介绍

    在本教程中,我们将制作一个简单的三维迷宫游戏,一个人物角色在你设计的迷宫中跑动。效果如下:

     

    第1步 - 创建一个“草地“场景

    首先新建一个项目,并删除小狗角色。在“空的1”角色中,添加绿旗积木和积木“创建三维场景”。注意,你需要点击输入框并选择“草地“场景。这是个轻量级的场景,有一大块草坪和蓝天。

     

    第2步 - 在造型编辑器中添加几个矩形方框

    现在我们来设计迷宫。添加一个空的角色,命名为“迷宫”。进入造型编辑器选项卡,绘制矩形方框。更改为无填充色,在轮廓中拾取一种颜色,然后绘制多个方框。这些方框将转化为三维迷宫的城墙。

     

    第3步 - 在城墙上打开几个缺口

    现在我们需要在城墙上打开几个缺口。我们可以用橡皮擦工具擦除部分城墙并形成缺口;

     

    第4步 - 将二维造型挤出为三维

    现在我们把这个二维迷宫挤出为三维迷宫,要使用“挤出”工具。

    在第一个角色中,发送一条消息——“添加迷宫”:

    在“迷宫”角色中,当收到“添加迷宫”消息,就运行积木“挤出”:

    现在就可以在三维场景中看到迷宫了:

     

    第5步 - 旋转迷宫并缩放迷宫

    三维迷宫有些问题,是竖着的,而且太小了。因为x轴朝向右,为了把迷宫变成水平的,我们将其绕x轴旋转270度(或-90度)。

    我们还可以把迷宫三个维度都放大20倍。迷宫角色更新后的代码如下。

    现在我们就得到一个漂亮的三维迷宫:

     

    第6步 - 更换城墙材质

    为了让城墙更逼真,我们可以更换城墙材质,通过在迷宫角色中添加如下积木来实现。大家可以随意尝试不同的材质。

    就会得到更好看的城墙,如下所示:

     

    第7步 - 添加人物角色

    接下来,我们回到第一个角色,用如下积木添加人物角色:

    默认情况下,这个人物站在中央:

     

    第8步 - 添加一个“追踪”摄像头

    为了让游戏玩家总是能看到人物前面的东西,我们在人物后面添加一个“追踪”摄像头,“主方向”设置为“目标”。这意味着摄像头方向永远与人物的方向一致。

    当人物跑动时,摄像头会跟随人物,我们就不能再用鼠标指针来旋转摄像头。

     

    第9步 - 按“W”键前进

    为了让人物跑动,我们要制作一个新的积木,命名为“操作键”,用以操作按键事件。在这个新积木的定义中,首先编辑“W”键,“W”键让人物向前跑。注意,在“重复执行”循环中我们要设置简短的等待时间,否则人物就跑得太快了。

    现在,如果我们按“W”键,人物就向前奔跑,摄像头会一直跟随人物:

     

    第10步 - 左转、右转

    接下来,我们再添加2个按键:按“A”键左转,按“D”键右转。注意,这个新的逻辑与“W”键无关,所以我们可以同时进行跑动和转向。

    现在,人物可以在三维迷宫内穿行了:

     

    第11步 - 添加跑步动画

    为了让人物跑动,我们需要做两处改动。

    首先,需要为人物加入“跑”动画。就如同教人物如何跑步:

    然后,我们要根据是否按下“W”键来启动动画“跑”还是“待命”。注意,我们不需要添加“待命”动画,因为,当人物载入场景时默认添加“待命”动画。

    这一步完成后,人物就出现奔跑动画:

     

    第12步 - 撞到城墙即停止

    最后一步,我们要让人物碰到城墙后停止前进,从而让人物寻找迷宫出路。

    首先,我们要在人物角色和迷宫角色之间打开碰撞。“Z位移”要设置为人物高度的一半,在这个项目中为50。若需深入了解这个积木,请查看这篇教学内容。

    接下来,我们需要更改人物移动的方式。不用积木“移动”,而是要用积木“设置速度”让人物奔跑和停止。

    得到的最终结果如下:

     

    创意扩展

    从这个基本的迷宫游戏,你可以扩展成多种形式。下面是一些创意想法:

    1. 不同场景:这个迷宫游戏还可以做成乌龟在水下迷宫游泳、飞机在空中迷宫飞行。

    2. 路径标记:如果迷宫太过复杂,游戏玩家可能需要一些方法来标记他走过哪些路。

    3. 奖品:我们可以在迷宫中放置一些宝石,让游戏玩家捡宝石,宝石能让游戏玩家跑得更快甚至可以跳过城墙。

    4. 分多种级别:你可以检查人物的位置,看是否走出迷宫。如果成功走出迷宫,你可以展示“已完成级别“信息,然后游戏玩家点击一个按钮进入下一级别。

    1 Reply Last reply
    0
    • CreatiCodeI CreatiCode pinned this topic on

    Hello! It looks like you're interested in this conversation, but you don't have an account yet.

    Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

    With your input, this post could be even better 💗

    Register Login
    Reply
    • Reply as topic
    Log in to reply
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes


    • Login

    • Don't have an account? Register

    • Login or register to search.
    • First post
      Last post
    0
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • CreatiCode