摄像机
欢迎来到摄像机的使用!
相信听到摄像机
很多小伙伴难免会闻风丧胆
不信你看,皮卡丘已经在一旁瑟瑟发抖了!
但这次的摄像头制作很简单!
(皮卡丘:啊?为什么)
因为啊。。。
一个扩展帮我们搞定了所有!
有请 我 们 的 —— G相机!
没用过的小伙伴可以去试试,总之就是非常方便 (皮卡丘用了都说好!)
相机阻尼跟随
让我们新建一个循环:专门处理摄像头运动
上面的摄像头跟随的原理
只要是认真听前面的课程的
肯定能看得懂
只需要这样,你就拥有了带阻尼的摄像机运动效果
就像这样:
很好,但不够好(为啥?) 我们还没发挥完摄像机的优势
缩放与速度
现在可能会显得角色的速度有点慢
那就加入摄像机缩放!
让摄像机缩放随速度变化
但是。。。我们的速度是多少?
抢答抢答d皮卡丘:
“这还不简单吗,不就是x速度加y速度....吗?
哎,等等好像哪里不对?”
当然不是!
因为x速度和y速度也分正负
x速度和y速度到0的距离
才是真正的速度大小!
所以我们要选择的是:
x、y速度的绝对值,它们的和自然也是速度的大小
(如图)
但,摄像机缩放的初始值是100
这样的话和又太大了
所以,我们要减小它们的和
当然不是用减号(可能会变成负数)
我们应该用除号(如图)
先等等,
摄像机缩放的值越大,视野就越小
总不能速度越快,看到的范围就越少吧
因为在高速状态下,更需要大视野
所以我们把除以10改成除以-10
这样就是速度越快,视野越大
将其加入循环
但,也不能一直增加 因为,还需要让摄像机能回归原位
所以,我们在后面除以20
就可以让摄像机缩放更缓慢地归位
现在再试试吧~
先别急着离开!
有没有发现用了摄像机后
背景就不一直挡着后面的白色区域了
所以我们要让背景动起来
一直固定在摄像机前面
将背景固定
但是,背景是无法移动的
所以,我们要再创建个角色
这里我选择了一个幽深的颜色(#202933),来框住整个屏幕
来到程序部分
让其一直移到最后的图层以免挡着画面
再让他一直跟着摄像机就好了
(如图)
很好,让我们看看效果
显然又不好了,
摄像机缩放太大,还是把背景漏出来了
怎么办?当然放大就好了
可原版不支持呀 但现在去试试就会发现又可以放这么大 这也是摄像机的功劳 加入摄像机扩展后,角色可以放大到任意大小,并且不会有边界限制(当然可以在摄像机扩展中打开边界限制)
最后将其加入代码块就真的OK了
快去试试吧
<iframe
width="100%"
height="800px"
scrolling="no"
src="https://www.ccw.site/embed?id=sumiu-jump/sumiu/Lec02c&type=comment"
title="{跟着溯μ制作平台跳跃游戏 02c}"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowFullScreen
scrolling="0"
></iframe>