Scratch怎么做3D跑酷游戏

五一假期就快结束了，嗯，这个下期呢，我是没闲着。用 space 开发时光足球遇到了一些瓶颈，于是我花了点时间去网上找了些资料，学习如何把三维的立体坐标转换到二维的屏幕上，来，实现一个伪三 d 的视觉效果。在百度、知乎、 csdn 逛了一大圈，总算是有所收获。 于是我抽取了一下各路文章的精髓，写了一个展示三 d 效果的小案例，里面最关键呢，就是这个自定义的沟通积木，可以实现三位坐标，想二位坐标的转换有一定的通用性， 做三 d 效果的同学呢，可以拿去参考使用。具体原理我就不讲了，多少有点枯燥，估计大部分人也没兴趣听。我主要演示并介绍一下几个主要参数的作用，方便大家移植到自己的项目里去使用。 首先说明一下我们的三维坐标系是什么样子的， xo 和 y 轴就跟舞台的 xoy 轴是一样的，向右和向上是正 正方向，重点是这周正方向是指向屏幕内的，而副方向是朝向屏幕外的。我现在给大家开一个上帝视角，便于理解。假设这里有一个立方体， 他的立体坐标系下的位置就是以原点为中心，能长二百，大概就是这样的位置。这里有一个相机，最终在屏幕上看到的内容呢，带入的就是相机的视角，想要呈现的也就是相机视角下的立方体。 这里的立方体我们是利用画笔、题目配合构图，沿着足够位置进行移动画出来了。我用 camerx camera、 y、 camera z 三个变量来表示相机的位置，这个参数变化就意味着相机位置的变化，也就意味着相机和立方体相对位置发生变化，那么看到的效果 也就会随之变化。先看默认参数下，呃，此时立方体呢，就固定在原点上，能长二百。相机在这轴负半轴负二百，你可以带入一下啊。在你正前方 一百米的地方，有一个边长两百米的透明的立方体对着你，你看到的就是这个效果。如果我把 camerg 调大，就是你在走向立方体，那他会显得越来越大，反之越来越小。如果我把 camerx 调大，那么你就来到了立方体的右侧，你不只看到他的正面， 还能看到一些侧面。同理， ctrl x 调小，你来到立方体的左侧，你会看到另一个侧面， ctrl y 交代，你可以看到他的上顶面，而调小你会看到他的下底面。除了平移旋转也可以改变视角。这三个变量分别代表了相机绕 x 周旋转、绕歪周旋转、绕这周旋转。我们来看一下效果。 先把相机调回到原来的位置，绕 x 旋转，看上去就是往屏幕里翻滚，绕歪轴旋转呢，就是围着你左右旋转，这周呢，就是面对你做顺利时间的旋转沟通积木在使用的时候要注意两 两点，第一点，如果你有多个角色各自绘制立体效果啊，那么这几个中间变量就不要选成适用于所有角色，而要选成仅适用于当前角色。第二，如果你绘制的元素要在游戏中不断变化，而不是固定的，那么需要利用重复执行加上全部插除来实现动态效果。 用这个勾透积木结合画笔积木可以制作出各种各样的立体效果来，包括做出第一人称视角的游戏。解锁这个技能点之后，我觉得我复刻游戏的目标清单又可以继续拉长了。抢谈登录红警三五至十一什么的都可以考虑了。

你喜欢跑酷游戏中背景滚动的效果吗？评论区说说你是怎么样实现的呢？今天我们就教你一套可附用的标准公式。背景角色有两个造型， 我们通过本体和克隆体实现背景滚动，创建镜头 x 变量和改变 x 坐标，实现横向移动。镜头里的风景其实是相对向左移的，我们的核心公式是 x 等于零减去镜头 x， 这就是反向移动的奥秘。我们用一个私有变量未知 x 来管理每个克隆体的起始位置。接下来最精彩的一步，如何让背景移出屏幕左边，然后自动瞬间回到右边？通过私有变量屏幕 x 和曲模计算来实现。原理是这样的， 草地角色的代码和背景角色代码类似，再建一个滚动速度，让背景和草地速度不一样。添加一个背包小猫角色，使用代码，让它奔跑起来吧。 添加一个镜头外变量，给它一个纵向的移动效果，我们来看效果， nice， 你 们也来试试吧！

这个就是我的程序， cs， go， 跑酷闯关，我一共有七个角色，分别是三 d 模块提示和关卡转换，是告诉我们该怎么样玩的。封面手臂呃 f b s， 也就是这个真率信息，还有一个准星。 下面我来给大家操作一下。点击绿奇会有一些视频，呃背景的音乐， wasd 是用来呃调节呃角色的位置，鼠标是来变换方位，然后他是有呃三种武器，这个都是像视频一样，我是用脚本给他们做的， 就像真正的是动态视频，我喜欢用狙击枪。接下来我来给大家演示一下该怎么样玩。空格是跳跃，我们要跳到这些蓝色方块上，蓝色方块是安全的。 接下来看到这个绿色方块，我们就可以进入下一关， 在下一关以后的关卡我们都有许多呃不同的方块，他都他们都有许多功能，就比如这个红色方块是不能碰的，如果碰到的话，你就要重新再来一次，那么如果你有时候不想 掉下去的话，你也要重新再来一次， 我们必须要小心。 接下来我们就可以进入到第三关，第三关我们就会有这个黄色方块，他是有一个呃大跳的，这关我们要注意，因为这个有一个，这里有一个小方块，哎，你看这样子就很容易会滑，然后就会掉了下去， 一定要十分谨慎， 跳至方块，黄色方块上去大跳去 继续， 哎呀，这样子我们不安静，或者是有时候会呃，你按的太过的话，就有可能就会不够距离，你就会漏掉。 按照这个绿色方块我们就可以到第四关， 那么后面的关卡我不一一介绍了，后面还有许多的不同的。呃，方块有传送啊，呃开启另外一个关卡的，等等许多。 这个呢就是我的程序 c s go 跑酷闯关，希望评委们能喜欢上我这个程序。

嗨，大家好，我是大吴老师，继续给大家带来 scratch 编程免费教学，今天要教大家开发一个跑酷游戏， 如果觉得大吴老师的讲课对你有用，请动动手点个关注，也可长按点赞按钮，给我一个强烈推荐， 我将持续更新，给大家带来免费的编程教学，谢谢！刚才大家已经体验了一下跑这个跑酷游戏，那我们开始对他进行分析，然后编程教学， 其实这是一个非常简单的一个跑酷游戏，大家看到的是人就是一个小精灵，骑着摩托车在跑道上，在城市的街道上跑，往前跑，但要实现这种效果，所谓我们人经常是有视觉的错误，错误， 那我们怎么实现这种效果呢？他其实不是人在往前跑，而是后面的背景在往，就是人在，人需要实现向前向右的这种跑的效果的话，那需要只需要他后面的背景能实就是不停 呢，往左边移动，那就就达到了人的视觉上的一种人在向前跑的一种效果。 那要实现一个背景不停的往左移动的话，那就至少需要两张相同的图片，至少两张，然后进行切换，那不停的往左移动，人们的视觉上才能看到的是这个 背景，城市的那个街道一直在往后移动，人在往前跑动。好，那我们开始了进行编程教学， 我们进到 scratch 里面新建一个作品，那我们这个你看背景，你看我们把这个城市的背景加载起来， 这个就是背景那但是我们大家知道是 gradu 舞台背景是不能运动的， 他是没有，就是没办法移动的，那怎么办呢？那就必须要把这个背景放置在当成角色来使用，那怎么当成角色来使用？那就要这里新建一个角色，智慧一个角色， 我们智慧一个角色，把这个背景的这张图片拷贝过去 复制，然后这个角色这里黏黏贴，然后这就变成了，是不是就变角色生成了一张背景的角色的图片，那我们背景的这张图片啊，不用，这个角 的图片，我们放在位置，零零的位置就是舞台中心， 那我们要实现这个背景的移动，你看这个就是这张背景要这样移动，那我们往左移动，那左边，右边这里不是有空白出来了吗？那所以说至少需要两张，这里复复制一张至少需要两张 图片，两张背景图片，那这张往前这张就是 我们第一张放在零零的位置，我们先放在零零的位置，那这一张因为我们的舞台背景宽度是不是四八零？四八零的话我们这里放成，因为要有一点，要有一点重叠 别的部分四六五。那我们是不是还有一个小精灵骑个摩托车，那我们把摩托车加载进来， 这个摩托车是一个小精灵在摩托车上面，那我们你看 我们这个摩托车他有很多个角色造型，那我们只要用到其中一个，那我们这个是不是要我们是向右边就说跑动，是不是他需要 水平翻转一下？这样，然后我要讲我们这里要添加一个小精灵的角色进来，然后拷贝上来， 我们是不是把这个小精灵选中，然后复制到这个上面来， 这样是不是可以了？这个就是小精灵骑摩托车跑酷的，这样角色就已经制作好了， 那我们还需要添加两个障碍物，路上的障碍物，跑酷的添加一个石头， 我们就添加一个就可以了，一个障碍物在路上。好，那我们进行程序代码的编写，我们首先就是要实现这个背景的移动， 当绿漆被点漆，那我们这个是第一个，这张背景图片要移动到零零的地方， 然后重复执行，然后就一直往左移动，然后 移动人往右走。要实现人往右跑的一个效果，那就需要背景图片往左移动， 往左移动，那就是 x 坐标，增加一个符，加 x 坐标减八，然后 然后就需要他一直移移，移动到最后最左最左边这里需要做一个判断，如果跑到这个最边缘这里了，那就需要让把它移再移动到最右边去，那这里需要做一个判断。如果，那么 如果 x 坐标小于等于 who is 小于，或者等于，那就是它的 x 坐标。这张图片的 x 坐标小于四负的四六五，最左边这不是负的四六五，右边的位置是正的四六五， 四六等于我的小于我的等于四六五的时候， 那我们就把它你看就移过来了，移到这里，因为它整个呃舞台整个宽度是四八零，但是它因为移动啊，它 运动和有一个，最后有一个呃，有一个有一段距离，他是没办法移动的，到这里移到四六负四六五的时候就没办法移动，所以说他这里的时候就需要把它再移回到，再移动到 正的四六五零。 now， 这张图片呢？ let's see， 看一下它的效果 and 一直在往左移动，移到这里的时候，然后他又会回到这里来， 这个地方少了一个负负的四六五，那我们再运行一下，你看他就移到这，你看又过来了， 因为这是没有加上第二张图片的，没有加上第二张背景图片的运动，这只是第一张背景图片的移动，那我们再加上第二张背景图片，跟随着切，跟随着过来的话，那整个就会实现一个连续无缝的一个移动效果。 那我们把这个拷贝到第二个角色里面去，这能带吗？ 那我们第二张图片是首先默认的位置是四六零一到八，那这个也是一样的。 好，那我们运行起来两张图片，你看这样两张背景图片就实现了一个无缝的向左移动，然后看上去这个人就在原地，但就人的视觉上就会产生一种人在向前 前跑的一种效果。这个跑过游戏最关键的背景的移动已经程序编写好了。由于时间的原因，我们今天的课程就讲到这里，剩下的部分开发，那我们在下一节课呃，教大家把剩下的部分开发完， 然后也请大家给大吴老师点赞，谢谢，那我们下节课再见。