• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:主页 > 网页设计 > html5
超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改,包括HTML和XHTML的标签,相关的API、Canvas等,同时HTML5的图像img标签及svg也进行了改进,性能得到进一步提升

html5

超文本标记语言(HTML)的第五次重大修改,进行了多达近百项的修改,包括HTML和XHTML的标签,相关的API、Canvas等,同时HTML5的图像img标签及svg也进行了改进,性能得到进一步提升

详细介绍HTML5实现3D迷宫的代码案例在上面的效果预览中,可以看到右边是2D的平面地图,而左边的则是第一人称的3D视图,这两幅图的关系是非常密切的,实质上,实现3D视觉的过程,就是依据2D地图把地图转换成第一人称视觉的过程。
HTML5+A*算法实现游戏寻路的代码分享功能描述:结合A*算法和HTML5完成的一个寻路demo。鼠标点击地图任意位置,飞鸟会寻找最短路程到达该位置
HTML5游戏《坦克后援队》的示例代码分享该游戏实质上是坦克大战+推箱子。玩家控制坦克,在与敌人战斗的同时把物资顺利运送到目的地则可顺利过关,共三个关卡。
详细介绍基于HTML5的超级玛丽游戏demo的示例代码基于HTML5的超级玛丽游戏的demo,方向键左右控制移动,方向键上控制跳跃,该游戏基于本人开发的HTML5游戏框架cnGameJS
HTML5游戏框架cnGameJS开发实录-游戏场景对象场景对象有区别于上一篇介绍的地图对象,它们分别应用于不同类型的游戏。之前的地图对象应用于格子类的游戏,例如推箱子,坦克大战。而本节介绍的场景对象,则适用于拥有特定场景的游戏,例如超级玛丽,恐龙快打等。这类游戏通常在2d场景内控制一个玩家对象,随着玩家的移动,场景跟着移动。
HTML5游戏框架cnGameJS开发实录-资源加载模块代码详解该模块是游戏的入口,我们通过该模块加载资源,并且在资源加载完成后调用游戏对象的入口函数。另外该模块还包括游戏场景之间的切换,以及加载百分比的计算和显示。
HTML5游戏框架cnGameJS开发实录-核心函数模块篇的代码实例核心函数模块,主要的作用是为之后的框架开发和用户对游戏的开发提供方便,整个框架在一个闭包之中,避免对全局作用域的污染。之后每个不同的模块分别在自己的闭包内,使不同模块的分割更清晰。因此我们框架的模块划分会是这样:
HTML5游戏框架cnGameJS开发实录-实现动画原理在游戏中,游戏角色的动画效果是一个游戏必不可少的一部分。这节我们以构造超级马里奥的角色为例,讲解cnGameJS里动画的实现。
HTML5游戏框架cnGameJS开发实录-碰撞检测模块篇本模块的碰撞检查只局限于点与矩形,(平行的)矩形与矩形,点与圆形,圆形与圆形之间的检测,因此该模块也很简单,直接结合代码来看看:
HTML5游戏框架cnGameJS开发实录-外部输入模块篇在游戏中我们常常用到类似这样的操作:鼠标点击某位置,玩家对象移动到该位置,或者按鼠标方向键,玩家向不同方向移动,等等。这些操作无一不用与外部输入设备打交道。作为游戏的设计者,我们很需要在任何时候知道鼠标目前的位置,键盘的点击状况等,从而方便我们对游戏元素加以控制。因此作为一个游戏框架,外部输入模块也是必不可少的。
HTML5游戏框架cnGameJS开发实录-基本图形模块篇该模块也很简单,主要包括三个基础图形的绘制:矩形圆形文字。我们把一个个图像以构造函数的模式封装,例如当我们需要绘制一个矩形对象,我们首先new出一个矩形对象,再调用对象的draw方法进行绘制。例如:
HTML5游戏框架cnGameJS开发实录-游戏地图对象篇游戏地图对象适用于类似坦克大战,推箱子之类的游戏。这些游戏的地图都由一个个小格子组成,使用游戏地图对象,可以很方便地生成这种地图。
canvas画直角坐标系利用canvas画直角坐标系其实挺简单的,只要确定了原点(0,0)点,也可以是其他的点,只要自己知道那是原点就行!知道了原点再分别向X轴方向和Y轴方向画两条直线即可(X轴和Y轴也是相对的,这个纯看个人喜好和实际需求)。
HTML5游戏框架cnGameJS开发实录-精灵对象篇所谓的精灵对象,就是游戏中的一个具有行为的元素,以超级玛丽为例,玛丽,敌人都算是一个精灵对象。在cnGameJS框架中,精灵对象如下几个特点:
HTML5游戏框架cnGameJS开发实录-游戏循环篇由于整个游戏都在一个游戏循环中进行,所以游戏循环可以说是游戏的核心部分。每次循环时,更新游戏对象的属性,以及绘制游戏元素。
详细介绍HTML5的article和section的区别内容区块是指将HTML页面按逻辑分割后的单位。对于页面网站来说,导航菜单、文章正文、文章的评论等每一个部分都可称为内容区块。
HTML5实现一个图片滤镜效果的示例代码分享本文描述了HTML5实现一个图片滤镜效果的示例代码分享,有一定的参考价值,下面我们一起看下
HTML5 canvas画图的图文代码详解HTML5<canvas>标签用于绘制图像(通过脚本,通常是JavaScript)。不过,<canvas>元素本身并没有绘制能力(它仅仅是图形的容器)-您必须使用脚本来完成实际的绘图任务。getContext()方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。本手册提供完整的getContext("2d")对象属性和方法,可用于在画布上绘制文本、线条、矩形、圆形等等。
HTML5与Flash比较的详细介绍HTML5,这个目前互联网最为火爆的词语牵动着无数厂商,用户的心。虽然HTML5规范迟迟无法完全确定,但各大浏览器厂商和视频服务供应商已经开始抓住HTML5准备抢占市场先机同时给自己造势了。无论是Google还是Mozilla以及苹果,似乎都准备将HTML5作为下一代网络视频播放的主要手段,而他们共同的目标似乎就是干掉以往一直由Flash垄断的视频播放器(随着微软silverlit的出现Flash的优势已经逐步褪去了),那HTML5VSFlash到底有何缺点?我们一起来看看。
html5 canvas图像处理的实现代码分享前两天无意中看了下《prohtml5programming》,发现html5竟然也能很好的支持图像处理,在此稍稍交代一下。
详解html5实现图像局部放大镜(可调节)(图文)1)图像的加载,上篇blog里有www.php.cn/html5-tutorial-358646.html,必须注意apache的配置,否则getImageData()会有安全问题而无法运行!!
HTML5 canvas实现可拖拽时钟的示例代码分享下面介绍一个自己搞的小时钟,方便拖拽。那么如何插入到自己的界面中呢?只需要加上如下代码就好了:
HTML5文件操作API的代码案例详解我常常想,如果网络应用能够读取和写入文件与目录,将会非常方便。从离线转移到在线后,应用变得更加复杂,而文件系统方面的API的缺乏也一直阻碍着网络前进。存储二进制数据或与其进行交互不应局限于桌面。令人欣慰的是,由于FileSystemAPI的出现,这一现状终于得到了改变。有了FileSystemAPI,网络应用就可以创建、读取、导航用户本地文件系统中的沙盒部分以及向其中写入数据。
HTML5断点续上传的示例代码分享断点上传,java里面比较靠谱一点的,一般都会选用Flex。我承认,Flex只是摸了一下,不精通。
HTML5之Javascript多线程的详解在HTML5之前,浏览器中JavaScript的运行都是以单线程的方式工作的,虽然有多种方式实现了对多线程的模拟(例如:Javascript中的setinterval方法,setTimeout方法等),但是在本质上程序的运行仍然是由JavaScript引擎以单线程调度的方式进行的。在HTML5中引入的工作线程使得浏览器端的Javascript引擎可以并发地执行Javascript代码,从而实现了对浏览器端多线程编程的良好支持。
首页 上一页 83 84 85 86 87 下一页 末页

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最新内容

    • html5 svg 中元素点击事件添加方法
    • 一款利用html5和css3动画排列人物头像的实例演示_html5教程技巧
    • html5的新特性有哪些?html5新特性的总结
    • HTML5 本地存储之如果没有数据库究竟会怎样
    • 生日蛋糕的制作方法-不过用的是HTML5+CSS3代码
    • 移动端中touch事件的详解
    • canvas需要在标签里直接定义宽高
    • 想在猪八戒接做网页,要怎样系统的学习 ?
    • html5使用canvas绘制一张图片
    • HTML5 WebGL打印3D机房

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有