请选择 进入手机版 | 继续访问电脑版

默认
回复 4
  • TA的每日心情
    慵懒
    2021-1-1 19:30
  • 签到天数: 17 天

    连续签到: 1 天

    [LV.4]偶尔看看III

    89

    主题

    124

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    26947

    最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

    游戏自适应设置方法[复制链接]
    发表于 2020-5-15 22:19:13 | 显示全部楼层 |阅读模式
    将以下代码建立在 引用部分中第一种方式:
    1.jpg
    或者 将事件另外创建一个地方放着,然后引用。
    在创建事件中 添加一个时钟 执行  resize()  函数接口
    1. function resize() {
    2.       
    3.     var canvas = document.querySelector('canvas');
    4.     var windowWidth = window.innerWidth;
    5.     var windowHeight = window.innerHeight;
    6.     var windowRatio = windowWidth / windowHeight;
    7.     var gameRatio =  game.config.width / game.config.height;
    8.     if (windowRatio < gameRatio) {
    9.         canvas.style.width = windowWidth + 'px';
    10.         canvas.style.height = (windowWidth / gameRatio) + 'px';
    11.     } else {
    12.         canvas.style.width = (windowHeight * gameRatio) + 'px';
    13.         canvas.style.height = windowHeight + 'px';
    14.     }


    15. }
    复制代码

    特别备注:这个仅仅只用于缩放模式,并非渲染画布变大,而是游戏场景跟着缩放哦~~里面所有对象同样
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2020-6-13 09:35
  • 签到天数: 41 天

    连续签到: 37 天

    [LV.5]常住居民I

    35

    主题

    48

    帖子

    776

    积分

    萌新开发者

    Rank: 6Rank: 6

    积分
    776
    发表于 2020-5-15 22:42:25 | 显示全部楼层
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2021-1-1 19:30
  • 签到天数: 17 天

    连续签到: 1 天

    [LV.4]偶尔看看III

    89

    主题

    124

    帖子

    2万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    26947

    最佳新人活跃会员热心会员推广达人宣传达人灌水之王突出贡献优秀版主荣誉管理论坛元老

    发表于 2020-5-15 22:51:55 | 显示全部楼层
    特别备注:这个仅仅只用于缩放模式,并非渲染画布变大,而是游戏场景跟着缩放哦~~里面所有对象同样
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    2020-6-12 14:55
  • 签到天数: 2 天

    连续签到: 1 天

    [LV.1]初来乍到

    0

    主题

    4

    帖子

    36

    积分

    普通用户

    Rank: 1

    积分
    36
    发表于 2020-6-12 15:42:43 | 显示全部楼层
    感谢分享
    回复

    使用道具 举报

  • TA的每日心情
    难过
    2020-9-26 14:50
  • 签到天数: 1 天

    连续签到: 1 天

    [LV.1]初来乍到

    0

    主题

    4

    帖子

    22

    积分

    普通用户

    Rank: 1

    积分
    22
    发表于 2020-6-25 20:27:15 | 显示全部楼层
    学习学习学习习
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|手机版|小黑屋|55IDE.Com

    GMT+8, 2021-1-21 17:01 , Processed in 1.220785 second(s), 42 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    返回顶部