SVG   基本内容     SVG并不属于HTML5专有内容       HTML5提供有关SVG原生的内容     在HTML5出现之前,就有SVG内容     SVG,简单来说就是矢量图     SVG文件的扩展名为".svg"     SVG使用的是XML语法   概念     SVG是一种使用XML技术描述二维图形的语言     SVG的特点       SVG绘制图形可以被搜索引擎抓取       SVG在图片质量不下降的情况下,被放大     SVG与Canvas的区别 …

HTML5目前最新的规范(标准)是2014年10月推出   2005年左右出现HTML5版本(非标准)     W3C组织(两个组织定义H5规范)   学习(研究)HTML5是学习未来(将来主流)   HTML版本 - 第一阶段主要学习还是4版本(包含5版本)     <header><nav>   HTML5版本之后,声明不再出现版本信息     有意地版本,以后可能不再会有新版本     HTML5的规范内容实时更新   注意     HTML5永远都不可能离开javascri…

Web Worker   基本内容     单线程与多线程       Worker可以模拟多线程的效果     定义 - 运行在后台的javascript     注意 - 不能使用DOM       在Worker中只能使用javascript中的ECMA       目前主流浏览器都支持Worker,除IE8之前   Worker提供API     检测当前浏览器是否支持Worker       if( typeof(Worker) !== "undefined" ){     …

Geolocation(地理定位)   基本内容     地理定位 - 地球的经度和纬度的相交点     实现地理定位的方式       GPS - 美国的,依靠卫星定位       北斗定位 - 纯国产,惯性定位技术和卫星定位       基站定位 - 移动运营商创建基站(提供信号源)       基于互联网 - IP地址(PC端和移动端)       目前很多浏览器都具有定位功能   HTML5中地理定位     地理定位功能并不是属于HTML5专有内容       HTML5的地理定位技术…

Canvas(画布)   基本内容     简单来说,HTML5提供的新元素<canvas>     Canvas在HTML页面提供画布的功能       在画布中绘制各种图形     Canvas绘制的图形与HTML页面无关       无法通过DOM获取绘制的图形       无法为绘制的图形绑定DOM事件     只能使用Canvas提供的API     Canvas用途       在HTML页面中绘制图表(例如柱状图.饼状图等)       网页游戏 - Flash技术       …

音视频处理   视频处理     基本内容       使用Flash技术处理HTML页面中的视频内容         包含音频.动画.网页游戏等  特点    浏览器原生不支持(IE浏览器要求安装ActiveX组件)    性能不好(不能过多地使用)    智能移动端并不支持Flash技术  命运    Flash的母公司Adobe公开宣布放弃       目前用于替代Flash技术最好的选择 - HTML5         几乎所有浏览器原生支持<video>元素  性能更高  智能移动端…

本系列文章对应游戏代码已开源 Sinuous game. 每个游戏都会包含场景和角色.要实现一个游戏角色,就要清楚角色在场景中的位置,以及它的运动规律,并能通过数学表达式表现出来. 场景坐标 canvas 2d的场景坐标系采用平面笛卡尔坐标系统,左上角为原点(0,0),向右为x轴正方向,向下为y轴正方向,坐标系统的1个单位相当于屏幕的1个像素.这对我们进行角色定位至关重要. Enemy粒子 游戏中的敌人为无数的红色粒子,往同一个方向做匀速运动,每个粒子具有不同的大小. 入口处通过一个循环来创建E…

前言: 在上一篇文章中着重介绍了H5小游戏开发的起步阶段,如Wing面板的使用,素材的处理,类的说明等等,那么今天主要是涉及到场景的创建,loading的修改等等的代码编写. 对于这一节,我在讲解的过程中会使用到众多的类或对象,对于它们的具体用法,建议查看白鹭官方文档. 文档地址:http://edn.egret.com/cn/docs/page/639 修改Loading 上一节我们讲到即将创建场景createGameScene()的时候就结束了,这一节在我们正常创建场景之前,我们先修改一下l…

前言: 好久没更新博客了,以前很多都不会,所以常常写博客总结,倒是现在有点点经验了就懒了.在过去的几个月里,在canvas游戏框架方面,撸过了CreateJS,玩得了Egret,又学过PIXI.js.在移动前端方面,尤其是小游戏开始有一点点小经验了.但只是小经验,为什么说是小经验? 首先,深度不足,虽然用得最熟最多的白鹭,可是习惯了JavaScript,对TypeScript的OOP编程掌握得还不够:其次,对Egret等游戏框架了解的广度还不够,还有相当部分用法没用到.虽然能够应付朋友圈里传播的…

Egret白鹭H5小游戏开发入门(一)   前言: 好久没更新博客了,以前很多都不会,所以常常写博客总结,倒是现在有点点经验了就懒了.在过去的几个月里,在canvas游戏框架方面,撸过了CreateJS,玩得了Egret,又学过PIXI.js.在移动前端方面,尤其是小游戏开始有一点点小经验了.但只是小经验,为什么说是小经验? 首先,深度不足,虽然用得最熟最多的白鹭,可是习惯了JavaScript,对TypeScript的OOP编程掌握得还不够:其次,对Egret等游戏框架了解的广度还不够,还有相…