h5游戏

原生手游市场已是红海，腾讯、网易等寡头独霸天下，H5游戏市场或将成为下一个风口。据笔者所知，很多H5游戏开发团队由于选择引擎不慎导致项目甚至团队夭折。如何选择适合团队和项目的引擎，笔者通过学习和项目实践，总结微薄经验，供大家参考，非技术人员也可以将本篇内容作为引擎选择的重要关注点。 选择H5游戏引擎的思考维度 1、开发语言的支持 2、2D、3D、VR的支持 3、性能 4、引擎的应用广度 5、设计理念 6、工作流支持力度 7、商业化成熟案例 8、学习资源与技术支持能力 首先，我们要知道，当前主流的游戏引擎有哪些。由于H5引擎有很多，笔者在这里进行了精心的筛选，过滤掉不支持webGL的引擎，以及封装了第三方渲染内核的JS框架，和不能直接在浏览器中运行的JS引擎。 为什么要过滤掉这几种呢，首先，没有自己的渲染内核，仅仅是基于第三方的内核作的API封装，笔者很担心可持续的性能优化和维护能力。另外，不能在浏览器中直接运行的JS引擎，将限制H5游戏跨平台的交互能力。还有， 笔者非常看好webGL模式，认为webGL模式才是H5引擎的未来。原因有几点： 第一、性能，webGL模式远超Canvas数倍。DOM模式就不适合用于真正的游戏开发，更不用提。 第二、3D方向，webGL模式理论上可以制作2D和3D游戏，Canvas和DOM模式下只能制作2D游戏。 第三、普及率

去年JDC出了不少优秀的武媚娘…不，H5呢，大家都很拼，同时当然也积累了一些经验和教训，今天结合咱们的实战案例，从字体，排版，动效，音效，适配性，想法这几个方面好好聊一聊关于H5的设计，希望对同学们有帮助。 　　 字体 　　 排版 　　在有限的手机屏幕空间内，我们积累的经验告诉我们最好的效果是简单集中，最好有一个核心元素，中心元素不宜过多，突出重点为最优。 　　比如JDC的“拍拍十二星座实用手册”的项目，只用了最简单的图形和文字居中摆放。 　　以可口可乐的这个“我们在这 我们在乎”为例，相较而言，越左边的排版会越容易引起关注。这是因为我们懒惰的大脑里最初看到这种简洁排版会立刻出现“嗯 我可以马上看完不费劲”的潜意识信息而带着轻松的态度去阅读。 　　 动效 　　1 / 前期跟前端设计师进行沟通，讨论页面中元素的动效呈现。例如一些元素的位移，旋转，翻转，缩放，逐桢，淡入淡出，粒子效果，照片处理等等，还有3D展示效果。 (http://fffNaNiscm.com 这个网站里有h5所能实现的效果) 　　比如JDC出品的“京东HR招聘”里面就用了位移，缩放，淡入淡出的效果。而“京东微店七宗罪”的最慷慨这一屏则是用到了粒子效果，每个钱币翻转下落的速度不一样显得画面更真实。今年在朋友圈疯转的维多利亚和特斯拉的H5用的是擦除的效果，模糊的遮罩足够挑起人们的好奇心。 　　以上两款

一、什么是HTML5和H5 HTML5是HTML网页标准的5.0版本，5.0版本相比4.0新增了很多技术内容，这一次的变化是比较大的，甚至是革命性的，它的诞生带动了很多技术领域的发展，尤其是在移动端设备上面。因此，我们今天所谈论的HTML5这个词它已经产生了一些变化，它代表的已经不再是简单的HTML网页设计标准，而是围绕着HTML这个东西以及它周边的一系列网页相关技术的总称。这其中，既包含了HTML+CSS的网页制作，也包含了JavaScript这门编程语言的相关开发。 而H5就简单了~~，它就是HTML5的简称，仅此而已。 二、什么是WEB前端 它是根据H5的功能和作用所起的一个别名而已，就好像，当我们说微博的时候，我们的第一反应，想到的是新浪微博，但微博不止有新浪微博，它还有腾讯微博、Twitter等等，所以微博与新浪微博的关系，就像WEB前端与H5的关系一样。 三、全栈 大家都知道，我们平常看到的网页，全部是由程序编写的，这些程序运行的结果，就是我们看到的网页，我们管我们看得到的这部分技术领域叫做前端，而在一个网站的内部，还有很多很多我们看不见摸不着的程序在运行着，这些程序在背后进行着复杂又精密的计算，才能保证我们程序的正常运作，他们很重要，但很多时候，我们却感知不到它们的存在，因此我们管这个看不见的技术领域，叫做后端。当一个人的技术能力，既能覆盖前端又能覆盖后端的时候

Argus 腾讯质量开发平台，官网链接： https://wetest.qq.com/product/argus 主要针对性：H5的游戏性能测试 主要介绍： 独家首屏时间统计： 告别人工掐秒 自动统计首屏加载耗时 细化至每个跳转页面 专利FPS算法： 专利FPS算法更科学地统计H5游戏帧率信息 真实反映衡量游戏流畅度 基础性能数据： 提供FPS、CPU、PSS、流量等性能指标 一次搞定基础数据 自主便捷测试： 测试手机无需ROOT 支持Android全系统 自主测试，场景不受限 支持设备类型 1、Argus性能测试工具，为PC端程序，可在32位/64位的win7、win10机器上运行。 2、支持Android设备上（无需root），H5游戏的性能测试，具体类型见下方。 使用介绍 一、连接手机 1）使用USB数据线连接测试手机和PC 2）打开手机的安卓开发者模式，并允许USB调试。 3）若要进行微信小游戏体验版的首屏测试，请检查手机设置中，是否有USB模拟点击选项，并勾选为允许。 在Argus PC工具的手机连接界面，点击“立即连接”按钮。 若连接不成功，请检查连接设备数及手机驱动是否安装成功。简易方式，可使用应用宝等手机管理工具，检查手机是否可以连通及安装驱动。 二、选择类型 1）请将待测的应用置于前台 2）根据实际需求，从下拉框选择对应的测试类型，参考文档：支持类型说明。 3

1、先简单介绍几个概念： 　　H5是 HTML标准的5.0版本 ，HTML5简称H5。需要用到的技术： HTML + CSS、JavaScript 。 　　web前端：是根据H5的功能和作用所起的一个 别名 。这里可以举个栗子：微博 - 新浪微博 类比 web前端 - H5。 　　网页:标记成对出现，标记不会显示在浏览器页面上，这些标记超越了普通文本的意义，叫做HyperText。 　　HTML:Hypertext Markup Language（超文本标记语言）。 　　总的来说，H5和HTML5是同一个东西，web前端是H5的别称，而全栈既包括前端也包括后端。 2、H5能够做些什么？ 　 　主要就是编写页面，比如：浏览器打开京东、天猫······；微信订阅号、公众号、微信小游戏、小程序都是网页构成的。 　　上头说到浏览器，就顺便提一下常见的浏览器：opera、Firefox、IE、safari、chrome、QQ浏览器。这些在pc端上可以使用，后面3种浏览器在手机上也可以用。 　　那说了这么多，又和HTML有何关系？关系就是W3C（world wide web consortium，万维网联盟）通过HTML这门编程语言来制定、更新和维护这些浏览器。 来源： https://www.cnblogs.com/hefeifei/p/11602499.html