美文网首页Cocos CreatorWEB前端开发技术杂谈
Cocos Creator 多分辨率完美适配系列-1(现状与最终

Cocos Creator 多分辨率完美适配系列-1(现状与最终

作者: 天煞魔猎手 | 来源:发表于2019-01-30 17:50 被阅读356次

本系列教程指引:

  1. Cocos Creator 多分辨率完美适配系列-1(现状与最终效果)
  2. Cocos Creator 多分辨率完美适配系列-2(部署验证设置)
  3. Cocos Creator 多分辨率完美适配系列-3(背景适配实现)
  4. Cocos Creator 多分辨率完美适配系列-4(内容适配实现)
  5. Cocos Creator 多分辨率完美适配系列-5(贴边栏动画实现)
  6. Cocos Creator 多分辨率完美适配系列-6(刘海屏适配)
  7. Cocos Creator 多分辨率完美适配系列-7(封装库使用)

根据 官网说明 文档,大部分开发者都了解到 Cocos Creator 目前提供了 4 种的多分辨率适配方案

  • 适配高度(Fit Height)
  • 适配宽度(Fit Width)
  • 自动选择适配宽高(SHOW ALL)
  • 准确适配(ExactFit)

但是无论哪一种方案,在实际商业项目中都不会表现得十分友好。不同方案会存在不同缺陷

  • 适配高度(Fit Height):会有可能裁减掉左右两边部分内容
  • 适配宽度(Fit Width):会有可能裁剪掉上下两边部分内容
  • 自动适配宽高(SHOW ALL):可能会出现上下或者左右黑边
  • 准确适配(ExactFit):直接拉伸整个游戏界面适应全屏

而这些还没有到真正生产环境中,就已经一定程度上不可用了,实际项目中还可能遇到需要兼容刘海屏(iPhone X为代表)。

那么有没有一个通杀,无关平台,无关分辨率,无关刘海屏的完美适配的方案呢?

答案是有的!通过学习这个系列的教程,你将了解到如何实现下面的适配效果

SHOW_ALL_*.png

马上进入下一个章节:

本系列教程指引:

  1. Cocos Creator 多分辨率完美适配系列-1(现状与最终效果)
  2. 👉Cocos Creator 多分辨率完美适配系列-2(部署验证设置)
  3. Cocos Creator 多分辨率完美适配系列-3(背景适配实现)
  4. Cocos Creator 多分辨率完美适配系列-4(内容适配实现)
  5. Cocos Creator 多分辨率完美适配系列-5(贴边栏动画实现)
  6. Cocos Creator 多分辨率完美适配系列-6(刘海屏适配)
  7. Cocos Creator 多分辨率完美适配系列-7(封装库使用)

相关文章

网友评论

    本文标题:Cocos Creator 多分辨率完美适配系列-1(现状与最终

    本文链接:https://www.haomeiwen.com/subject/fimcsqtx.html