现在开发H5游戏是不是都采用微软开发平台基于WebGL的引

来源：蜘蛛抓取(WebSpider) 时间：2018-04-08 06:07 标签： 游戏采用denuvo加密
主题 : cocos-js做h5游戏的问题
可可豆: * CB
威望: * 点
在线时间: (时)
注册时间: *
最后登录: *
发自: Web Page
来源于&&分类
cocos-js做h5游戏的问题&&&
现在使用cocos－js做h5游戏，发现在android手机上默认使用canvas渲染，效果很差。换了几个浏览器，都是canvas渲染，即使在chrome浏览器设置中打开“支持webgl”，也是使用canvas渲染。在ios，windows系统默认都使用webgl渲染。看起来是android的问题，不是很确定。有没有什么方法可以强行使用webgl渲染，有人知道吗？
级别: 新手上路
UID: 456553
可可豆: 145 CB
威望: 141 点
在线时间: 59(时)
发自: Web Page
回 楼主(gyk_gyk) 的帖子
官方代码里面默认就把所有android系统全部指定为canvas渲染，我尝试了让android使用webGL渲染，很少部分的android浏览器能跑，其中有些浏览器半支持webGL依然不能跑。
关注本帖(如果有新回复会站内信通知您)
发帖、回帖都会得到可观的积分奖励。
按"Ctrl+Enter"直接提交
关注CocoaChina
关注微信 每日推荐
扫一扫 关注CVP公众号
扫一扫 浏览移动版1815人阅读
最近微信新版本，主推小程序中的小游戏模块，一个 “跳一跳” 的 H5 游戏瞬间爆火，虽然很多传言说 H5 真正盈利的时机未到，因为它的突出作品大多是简单的小游戏，好玩但不吸引付费。然而，H5 游戏巨大流量和强大的日活跃还是可以转化为利润的。最近也是公司想将一个 U3D 的休闲项目开发出 H5 版本，所以大概了解以下这个行业的一些技术。
主流引擎：
大概浏览了一遍各大论坛和技术博客，当前比较流行的 H5 游戏引擎有两个：
LayaAir：这是 Layabox 公司旗下的第二代 HTML5 开发引擎，性能上已经达到原生 APP 的水准，支持 2D 、 3D 、 VR 、AR 、 Native 手游 和 页游。支持 ActionScript3 、TypeScript 、JavaScript 三种语言，
Egret 也叫白鹭，是使用 JavaScript（TypeScript）编写的 HTML5 开源免费游戏框架。
参考一篇性能对比的博客
之后，最终我选择用 LayaAir 来试试看。
语言选择：
都知道 Js 并非强类型的语言，在大型项目中，使用没强类型的语言是还是挺可怕的，为了 Egret 和 LayaAir 都支持用 TypeScript 这种强类型的语言，且此语言于 JS 语法完全兼容。所以，基于我们项目还是有一定复杂度，最终选择 TypeScript 吧。
可以大致理解为： TypeScript 就是加了类型的 JavaScript ，可以编译生成 JavaScript 。
编译型语言
真正面向对象的语言
LayaAir 安装：
选择最新的
选择最新的
使用 TypeScript 来开发 HTML5 需要依赖 Node.js ，主要是利用启动的 NPM 工具来下载 TypeScript Compiler ，然后使用此 Compiler 来将 TypeScript 转为 JavaScript。安装方式是在 Node.js 安装完成之后，在命令行中输入一个安装指令：
npm install -g typescript
查询是否安装成功：
看到对应的版本信息即表示安装成功。
LayaAir IDE 是免安装的软件，解压安装包后双击 LayaAir.exe 即可打开，但在新建工程之前，需要先安装上述下载好的引擎，否则创建工程之后会提示 “LayaAirIDE需要ts编译环境，是否要安装？” 。
关于 TypeScript 的基础语法，可以参考
这个视频教程。也可参考文档：
参考文章：
阅读：19201
阅读：15493
文章：23篇
阅读：132179
阅读：86916
文章：17篇
阅读：33434
文章：16篇
阅读：52096
文章：12篇
阅读：32053> &>&&>&&>&正文
&&& 腾讯升级发布全新的浏览服务（TBS），X5内核升级到Blink版本，H5能力和渲染性能全面提升，特别在WebGL性能上进行了重点优化。另外，白鹭引擎在最近推出的3.0.8版本中也加入了WebGL渲染器，游戏性能提升3~5倍，引发了互联网各领域的高度关注。
　　WebGL标准早在2011年就发布了，不过对于WebGL的支持，却是在近两年才开始逐渐完善。目前，全球范围内，苹果、谷歌、微软等巨头旗下的操作系统、浏览器；在国内包括QQ、UC等移动浏览器，微信等移动HTML5落地场景，都加入了对WebGL的支持，数据显示，WebGL在移动平台上的覆盖率超过了85%。
　　WebGL优势在哪？
　　这并非是在安利WebGL，而是大量事实告诉开发者们，一旦能够突破性能瓶颈，基于HTML5实现的Web内容（包括了游戏、应用、交互页面等），将成为未来移动互联网的主流。
　　WebGL的优势显而易见，它完美地解决了现有的Web交互式三维动画的两个问题：第一，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持；第二，它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。
　　也正是如此，以腾讯为首的国内巨头，在HTML5内容领域已经开始快速布局。就在节前，腾讯在GMIC上发布腾讯浏览服务（TBS），在升级的技术支持上开始全面开放支持WebGL，从而力图让接入TBS的HTML5内容，拥有更优秀的效果表现和用户体验。
　　TBS的示范效应！
　　TBS由腾讯X5浏览服务升级而来，作为技术底层的X5内核也有重要升级：升级之后的X5blink内核除了在系统稳定性、网页打开速度以及文件格式支持方面保持了一贯的优势，还增强了对Html5、CSS以及WebGL等关键能力的支持。
　　基于升级之后的TBS，不再受限于canvas绘图，通过WebGL的加速，使得HTML5的2D游戏以及3D游戏运行效果都有着极大的改善。此外，合作伙伴能够实现更多内容和交互的开发和创新，同时大幅节省自身成本。
　　腾讯TBS发布，对于移动行业的最大促进或许是加快了移动浏览内容全面实现Web化，让基于HTML5技术打造的各类内容，如游戏、网页、视频、WebApp等，跨平台的运行于各类接入浏览服务的应用场景中。
　　引擎商们做了啥？
　　腾讯浏览服务此次升级，被业界解读成是HTML5能力全面释放的信号。
　　作为国内领先的HTML5游戏引擎，白鹭引擎在全新的3.0.8版本加入了对WebGL渲染器的支持。
　　如前文所言，基于HTML5实现的Web内容，将成为未来移动领域的主流。但是性能问题依旧是WebGL所需要攻克的难点，以HTML5游戏为例，目前的主流仍旧是Canvas模式。
　　另外，安卓浏览器碎片化问题非常严重，既有谷歌浏览器等性能标杆，也有老式操作系统如Android4.4.2的系统WebView等神坑。采用WebGL的白鹭引擎在这种复杂的设备环境下是否可以投入实际生产环境，大部分开发者也相当疑惑。
　　性能提升有多大？
　　眼见为实，我们接下来先看一下白鹭引擎的性能表现。
　　WebGL渲染器：
　　下述视频中展示的游戏是在白鹭引擎WebGL渲染器功能内部测试阶段，由白鹭的开发者制作的。从视频中我们可以看出，在Canvas模式下，游戏的平均帧频只有20帧左右，而切换到WebGL模式，帧频直接飙升到了45-50帧。
　　视频：http://v.youku.com/v_show/id_XMTUyNDI1MDE1Mg==.html
　　（无法直接观看视频的小伙伴可优酷搜索：白鹭引擎WebGL游戏实测）视频中的对比数据如下所示：
　　我们可以看到，采用白鹭引擎新版本的WebGL渲染器之后，使用白鹭引擎制作的游戏在不改变任何游戏业务逻辑代码的前提下，普遍立刻达到两至三倍的性能提升。
　　3D游戏创作：
　　WebGL渲染的增强，意味着利用白鹭引擎开发重度化3DHTML5游戏，在性能上的表现更加突出，与原生3DApp游戏几无二致。在拥有了性能保证和完整工作流的前提下，使用白鹭引擎和工具，开发者们可以更加便捷得制作重度化的3DHTML5游戏。
　　（由白鹭引擎创作的3D游戏，性能媲美3D页游，可顺畅地跑在X5内核中）
　　不规则遮罩：
　　此外，3.0.8版本还对不规则遮罩进行了优化，开发者只需要修改自己的遮罩逻辑，确认传递的是一个纯粹的Shape对象，即可得到5倍以上的性能提升，示例代码如下
　　iOSWebGL模式下的遮罩：
　　除了不规则遮罩的整体性能优化之外，3.0.8版本还针对WebGL渲染器下的iOS遮罩进行了针对性的优化，进而使WebGL渲染器在包含了部分遮罩的场景下在iOS上得到很大的性能提升，以及Android上的小幅提升。
　　骨骼动画：
　　这个改动无需开发者进行任何业务逻辑调整，只需更新引擎即可。在这次版本中，DragonBones也进行了一次优化，性能可以得到最多200%的提升。
　　白鹭引擎3.0.8版本也在5月3日发布，标志着白鹭WebGL技术的日趋成熟。一方面，白鹭引擎进一步完善和优化2D渲染，资源管理，网络优化等相关能力，除此之外也进一步加强3D方面的能力。开发者们利用全新引擎，开发更重度、性能品质更高，甚至是3D化的HTML5游戏，也经有了完整的工作流支持。
　　未来能做什么？
　　其实，大多数移动开发者，关注的除了WebGL能够带来性能提升的程度之外，更关注在它逐渐完善之后能做什么。能做什么呢？
　　其一，制作性能表现媲美原生App游戏的重度化HTML53D游戏，这在两年以前是构想，而现在已经有了实现的基础。
　　其二，惠及到电商、O2O、会展或者产品发布会等各个领域，因为目前不但可以轻松制作出Web应用，还可以利用大量应用场景、浏览器和系统支持WebGL优势，在移动端，推出基于HTML5脚本打造3DWeb页面视图、场景、甚至交互动画，试想在电商领域，通过浏览器或者官方的Web应用，就能够以三维的方式查看产品详情，是否更具吸引力？
　　其三，营销方式的进化，正是有了WebGL带来的性能提升，更复杂丰富的3D交互动画，场景化营销、游戏化营销将极有可能在移动互联网领域，成为更直观更有效的方式。
　　这其中蕴含的市场体量到底有多大，已经不需要过多揣测。
提示：支持键盘“← →”键翻页博主最新文章
博主热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)

我要回帖

更多关于 游戏采用denuvo加密 的文章

 

随机推荐