cocos creator3.7.1中 改canvas大小

       控制台log输出为何频频失踪?
  wxss代码为何频频失效?
  wxml布局为何乱作一团?
  究竟是道德的沦丧?还是人性的缺失?
  让我们一起来 走 跑进科学


前言

众嗦粥汁众所周知,CocosCreator是一款游戏制作引擎,同时更新速度比较快,最近入坑cocos,看人家视频里的调节canvas大小,新版已经迁移位置了,百度也搜不到,……^ ^。


正文

旧版截图:

新版位置:

  1. 在Cocos Creator中打开你的项目。

  2. 点击菜单栏中的“项目”按钮,然后选择“项目设置”。

  3. 在“项目设置”窗口中,选择“分辨率”选项卡。

  4. 在“分辨率”选项卡中,你可以更改Canvas的大小。你可以在“设计分辨率”下输入Canvas的宽度和高度,或者选择预设的分辨率。

  5. 你可以在“适配策略”下选择Canvas的适配方式,例如“不保持纵横比”,“保持纵横比并缩放填充”,“保持纵横比并缩放适配”。

  6. 点击“确定”按钮保存更改。

 


 

总结

注意:如果你更改了Canvas的大小和适配方式,可能需要相应地调整游戏场景和游戏元素的大小和位置,以确保它们在不同的分辨率下呈现正确。

您可以通过以下步骤在Cocos Creator 3.7.1中模拟书翻页效果: 1. 创建一个新的场景,然后将两个Sprite节点添加到场景中,一个用于显示当前页,一个用于显示下一页。 2. 为两个Sprite节点添加一个PageView组件,这将允许您滑动并翻页。 3. 在当前页的Sprite节点上创建一个Mask组件,并将其大小设置为与Sprite节点相同。然后,将一个Layout组件添加到Mask节点上,并将Layout的Anchor设置为(0, 0)以及其Position设置为(0, 0)。 4. 在Layout节点上创建两个Sprite节点,一个用于显示当前页的左半部分,一个用于显示右半部分。将这两个节点的大小设置为与Layout相同,并将它们的位置设置为(0, 0)。 5. 在当前页的左半部分Sprite节点上添加一个Widget组件,并将其Anchor设置为(0, 0.5),这将使其水平居中并垂直对齐。 6. 在当前页的右半部分Sprite节点上添加一个Widget组件,并将其Anchor设置为(1, 0.5),这将使其水平居中并垂直对齐。 7. 在下一页的Sprite节点上重复步骤3-6,但是将左半部分的Sprite节点的Anchor设置为(1, 0.5),将右半部分的Sprite节点的Anchor设置为(0, 0.5),这将使它们在翻页时正确显示。 8. 在当前页的左半部分Sprite节点上添加一个Button组件,将其Size设置为与Sprite节点相同,并将其Anchor设置为(0, 0.5)。在Button节点上创建一个新的脚本,并将其命名为“FlipPage”。在FlipPage脚本中,添加一个OnClick事件,并将其绑定到一个新的函数。 9. 在FlipPage函数中,获取PageView组件并调用其setCurrentPageIndex函数,将其设置为当前页的索引+1,这将使其滑动到下一页。 10. 在下一页的左半部分Sprite节点上添加一个Button组件,并重复步骤8和9,这将允许您在下一页上翻回到当前页。 11. 最后,在场景中添加一个新的脚本,并将其命名为“BookFlip”。在BookFlip脚本中,添加一个onPageTurning事件,并将其绑定到一个新的函数。 12. 在onPageTurning函数中,获取PageView组件并获取当前页的索引。然后,获取当前页的左半部分Sprite节点和右半部分Sprite节点,以及下一页的左半部分Sprite节点和右半部分Sprite节点。使用Tween动画将当前页的左半部分Sprite节点和下一页的右半部分Sprite节点向左移动,将当前页的右半部分Sprite节点和下一页的左半部分Sprite节点向右移动,以模拟翻页效果。 这样就可以在Cocos Creator 3.7.1中模拟书翻页效果了!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值