功能说明： 基于HTML5的超级玛丽游戏的demo，方向键左右控制移动，方向键上控制跳跃，该游戏基于本人开发的HTML5游戏框架cnGameJS。 请用最新版本浏览器查看。效果展示： 代码实现： 该游戏demo主要包含的元素有：资源加载，外部输入，碰撞检测，动画，游戏循环以及场景，我将一步步进行分析讲解。 1.资源加载： 我们首先要有一个游戏对象，代表一个关卡。该对象有如下三个方法：initialize，update和draw。它们分别的功能是初始化，更新所有游戏元素和绘制所有游戏元素。在游
1.功能 该模块是游戏的入口，我们通过该模块加载资源，并且在资源加载完成后调用游戏对象的入口函数。另外该模块还包括游戏场景之间的切换，以及加载百分比的计算和显示。 当开始游戏时，首先传入需要加载的资源列表，然后传入游戏对象,最后传入每个资源加载完成后调用的函数，该函数可以获取加载的百分比。如下：1cnGame.loader.start(["src1","src2","src3"],gameObj,function(loadedPercent){}); 这样的话，会先加载前面传入的三个图像资源，并
本模块的碰撞检查只局限于点与矩形，（平行的）矩形与矩形，点与圆形，圆形与圆形之间的检测，因此该模块也很简单，直接结合代码来看看：点与矩形：123456/** *点和矩形间的碰撞 **/ this.col_Point_Rect=function(pointX,pointY,rectObj){ return (pointX>rectObj.x&&poin
canvas画直角坐标系2017年3月17日利用canvas画直角坐标系其实挺简单的，只要确定了原点（0，0）点，也可以是其他的点，只要自己知道那是原点就行！知道了原点再分别向X轴方向和Y轴方向画两条直线即可（X轴和Y轴也是相对的，这个纯看个人喜好和实际需求）。闲话不多说直接看代码：1234567891011121314151617181920212223242526<!DOCTYPE ht
内容区块是指将HTML页面按逻辑分割后的单位。对于页面网站来说，导航菜单、文章正文、文章的评论等每一个部分都可称为内容区块。 article元素 article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以是一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件，或其他任何独立的内容。除了内容部分，一个article元素通常有它自己的标题（一般放在一个h
HTML5，这个目前互联网最为火爆的词语牵动着无数厂商，用户的心。虽然HTML5规范迟迟无法完全确定，但各大浏览器厂商和视频服务供应商已经开始抓住HTML5准备抢占市场先机同时给自己造势了。无论是Google还是Mozilla以及苹果，似乎都准备将HTML5作为下一代网络视频播放的主要手段，而他们共同的目标似乎就是干掉以往一直由Flash垄断的视频播放器(随着微软silverlit的出现Flash的优势已经逐步褪去了)，那HTML5 VS Flash到底有何缺点？我们一起来看看。 世界上最大的视频站点Y
为父容器添加display：flex/inline-flex 父容器可以使用的属性有：1.flex-direction：决定主轴的方向有四个属性值：row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column-reverse：主轴为垂直方向，起点在下沿。2.flex-wrap：如果一条轴线排不下，如何换行。有3个属性值：nowrap（默认）：不换行。当父容器宽度不够时每个item会被适当挤压。wrap：换行，第一行
<!DOCTYPE html> H5标准声明，使用 HTML5 doctype，不区分大小写<head lang=”en”> 标准的 lang 属性写法<meta charset=’utf-8′> 声明文档使用的字符编码<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/> 优先使用 IE