HTML5 - ITeye技术社区

[Web前端] Canvas做游戏实践分享(七)

4.2 加速度加速度是改变速度大小及方向的一个属性，在物体受力的过程中，会产生加速度来改变速度的大小及方向。加速度的处理与速度的处理非常类似。一维坐标系统下的加速度一维坐标系统下加速度的实现很简单，我们仍然使用小球系统来模拟，为小球对象添加X轴与Y轴上的加速度属性。实现起来有两步：初始化加速度值，在每一帧开始时为速度增加加速度的值。如下： ball.ax=INITIAL ...

canvas javascript html5 加速度 games

1顶0踩

blessdyb 评论(0) 有2183人浏览 2012-02-13 23:08

[Web前端] Canvas做游戏实践分享(六)

4.1速度运动最基本的属性就是速度。注意这里的速度是物理中所说的速度(Velocity)，它包括大小及方向两部分组成。在动画中，如果我们已知当前一帧对象的位置以及速度，那在下一帧我们就能计算出物体所在的位置。在大多数情况下，速度的大小是按像素/帧为单位的，但实际运行中，由于浏览器的帧率不稳定性，会出现小的差别。如果应用对于统一帧率要求很严格，可以使用其它的方式来处理，之后我们会介绍这 ...

canvas html5 javascript 速度 games

1顶0踩

blessdyb 评论(0) 有3061人浏览 2012-02-13 07:37

[Web前端] Canvas做游戏实践分享(五)

3.5 渐变 Canvas的渐变有两各路，线性或径向。在使用gradient时，注意使用createLinearGradient与createRadiusGradient所创建的fillStyle均只在其指定的矩形/圆环区域内生效，如果要fill的图形处于gradient对象之后，则 ...

canvas javascript html5 gradient imageData

1顶0踩

blessdyb 评论(0) 有2418人浏览 2012-02-12 11:44

[Web前端] Canvas做游戏实践分享(四)

3.4 使用quadraticCurveTo绘制二次贝赛尔曲线 Canvas提供了一系列的方法来绘制曲线，比如quadraticCurveTo(通过起始两个点以及一个控制点来绘制，前两个参数为控制点横纵坐标，后两个参数为终点横纵坐标，使用的是数学上的二次贝赛尔方程)。下面我们来看一下常见的一些使用。固定控制点如下程序，我们实现了一个固定起始点，使用鼠标 ...

JavaScript canvas html5 贝赛尔曲线

1顶0踩

blessdyb 评论(1) 有3163人浏览 2012-02-12 09:03

[Web前端] Canvas做游戏实践分享(三)

3. Canvas 常见用法 3.1 canvas中的色彩对于canvas中色彩的表示，主要沿用CSS的四种方式： #RRGGBB 十六进制表示法 #RGB 上述十六进制中特殊色彩的简写表达，两种表示法的对应关系为复制R，G，B位上的数值，如#0bf是#00bbff的简写表达方式 rgb(R,G,B) 函数式的表达方式，各色彩取值为0~255 rgba(R ...

canvas javascript html5 games webapp

1顶0踩

blessdyb 评论(0) 有2314人浏览 2012-02-11 20:58

[Web前端] SenchTouch 使用scriptTagProxy 代理读取json数据

SenchaTouch 是一个应用于移动平台的HTML5框架，它提供了在手机移动平台上快速开发基于web的应用程序，现在介绍一下新手普遍头疼的数据访问问题。 SenchaTouch的数据访问很方便，只要声明好了数据存储类，然后配置数据地址，senchatouch的代理工具会将下载下来的json数据自动填充到本地数据存储里面。这里我们讲一下以jsonp的方式请求远程数 ...

jsonp senchatouch html html5

0顶1踩

TremendousTurtle 评论(0) 有1028人浏览 2012-02-11 15:39

当各种浏览器富客户端技术的大战正如火如荼的时候，最新标准的HTML5，CSS3登场了，它不需要任何插件。只是用html+css+javascript就可编写出漂亮的，动感的，富客户端界面。完全把其它几种插件技术打的溃不成军。它的唯一不足之处是需要浏览器本身支持html5和css3,如果大家都使用电脑上网也就罢了，用惯了IE6的网民们，没必要非得换浏览器，但是网民现在都投向了移动互联网的怀抱 ...

NodeJs HTML5 CSS3 高并发大流量

0顶0踩

040814119 评论(0) 有1373人浏览 2012-02-10 11:32

[Web前端] 浏览器前端与服务器持续通信技术回顾

最近想做一个基于web的在线聊天室的程序，刚好某童靴发了一个在线客服程序，于是引起了一番关于服务器与浏览器通信技术的争论。而且我发现自己可耻的OUT了。关于服务器与浏览器端通信，下面是我的原话，而且我也一直这么认为：因为http是无状态协议，不支持推送，地球人都知道。替代方案就是浏览器不停的发请求 (AJAX)获得返回值，但这样服务器表示鸭梨很大。然后有人提出了服务器推送技术， ...

ajax flash android html5 javascript

0顶0踩

040814119 评论(0) 有1802人浏览 2012-02-09 11:32

[Web前端] Canvas做游戏实践分享(二)

2.游戏中的数学知识在游戏的开发中，数学知识特别是其中的三角函数使用特别广泛 2.1 角度在使用canvas来制作动画的过程中，我们使用到的角度都是以弧度为单位的,角度与弧度之间的换算单位如下： radians=degrees*Math.PI/180 同时，在canvas中的坐标系是以右上角为原点(0,0),向左为x轴增加方向，向下为y轴增加方向。因此，需 ...

JavaScript canvas html5 games web

1顶0踩

blessdyb 评论(0) 有5035人浏览 2012-02-08 23:21

[Web前端] Canvas做游戏实践分享(一)

近期看了几本老外的书，学习了一些大神们的博客，接触了一下火的不得了的canvas做游戏，把自己的学习过程分享出来。 1.游戏的基本内容 1.1什么是� ...

javascript html5 canvas games web

2顶0踩

blessdyb 评论(3) 有7993人浏览 2012-02-08 21:23

[Web前端] Adobe CQ5 CMS 安装学习培训实战步步高【不断更新】

CQ5 Web Content Management (WCM) is a platform for delivering engaging, multi-channel customer experiences to drive online business success. 首先最全的CQ5的官方documents http://dev.day.com/content/docs/e ...

adobe cq5 html5 css3 flash

1顶1踩

guangqiang 评论(0) 有2358人浏览 2012-02-08 11:10

[Web前端] 六步加入HTML5工作组

最近国内互联网巨头纷纷加入W3C，如百度、腾讯、360等。还有HTML5研究小组虽然是民间组织，但其实也代表了其企业成员如创新工场等。回想2003年W3C首次 ...

html5 w3c 百度腾讯 360

0顶0踩

hax 评论(5) 有5791人浏览 2012-02-06 20:23

[Web前端] [原创] HTML5 基础教程

今天上网找 HTML5 的教程时，发现了一个英文基础教程： http://www.html-5-tutorial.com 讲的还是相当的不错的，结合了 SEO，讲的很生动。不过这个教程看来确实是“基础教程”（对于有一定 HTML 基础的人来说，这个教程还是有些简单）。我想说的是，吸引我的并不是它所讲的 HTML5 知识，而是作者讲解的方式及所用的词汇。我想大家对于英文的技术网站肯定是看多了 ...

html5

0顶0踩

yhz61010 评论(0) 有1467人浏览 2012-02-01 16:59

[移动开发] Phone Gap开发二：开发一个Phone Gap插件

快过年回家了，为了不阉割phonegap开发的介绍，在今天完成phonegap的最后一个介绍，在上一篇中提到过的如何开发phonegap的插件。目前PhoneGap虽然提供了很多的API，但是我们也很容易发现，他有很多地方不能满足我们的需求，比如发短信。我也将介绍如何开发一个针对PhoneGap发短信的Plugin。（Android 版本）。 1、创建一个Android工程，创建之后的 ...

phonegap html5 android

0顶0踩

gteam.yu 评论(0) 有3153人浏览 2012-01-19 14:15

[Web前端] 介绍HTML 5的datalist

在HTML5中,目前有的浏览器是支持datalist的,其实就是一个下拉式的自动提示框,举例如下: <input type="text" id="favGtrPlayer" list="GtrPlayers"> <datalist id="GtrPlayers"> <select& ...

datalist html5

2顶0踩

jackyrong 评论(0) 有1872人浏览 2012-01-17 15:45

[移动开发] [随笔]移动App--本地应用还是html5？

时间回溯到10多年前，那个时候如果要开发一套针对中小企业的信息化方案，我想大多数开发者马上会想到delphi，利用delphi提供的相关框架和组件， ...

移动App html5 iOS android wp7

0顶0踩

bluecrystal 评论(0) 有2966人浏览 2012-01-09 11:43

[Web前端] HTML5/CSS3翻转动画（二）

上一篇我们制作了两行文字的翻转效果，他们是同步进行的，当然不同步也可以设置时间不同。而有时我们想时间上是相同的，但是翻转效果是不同的，这点也不难做，我们再编写一组翻转动画CSS即可： @-webkit-keyframes flip2 { 0% { -webkit-transform: rotateY(0deg) scale(1,1); color: white; } ...

css html css3 html5 javascript

4顶2踩

sarin 评论(0) 有9585人浏览 2011-12-31 11:28

[Web前端] HTML5/CSS3翻转动画（一）

翻转动画效果，就是将页面的元素（文字，图片）加入围绕坐标轴翻转的效果，在Webkit内核的浏览器中，很容易实现。而其它内核暂时支持不是很好。首先，我们创建页面： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="tex ...

css html html5 javascript css3

4顶0踩

sarin 评论(0) 有17675人浏览 2011-12-30 13:43

[Web前端] 玩转HTML5应用实战：灵活拖拉文件

本人原创作品，原文发表在： http://tech.it168.com/a2011/1207/1285/000001285230_all.shtml 转载请注明出处在HTML5中，出现了众多的新的技术和特性，而本文将介绍的是目前HTML5标准中，对如何将用户客户端的文件拖拉到浏览器这一特性进行初步的讲解。在HTML5中的标准中，提到了希望能在新一代浏览器中，支持用户直接将客户端桌面的文件拖放到浏 ...

html5

3顶0踩

jackyrong 评论(0) 有1993人浏览 2011-12-28 20:06

[编程语言] 圣诞前赶制的小站,入门级

近期边学习sinatra, html5 canvas 边尝试写了个有关 "阿狸" 得小站. 终于在圣诞夜发布到了cloudfoundry 网址 http://alieternity.cloudfoundry.com ...快实习了. 希望找个不错得工作

html5 sinatra canvas

0顶1踩

genius_45 评论(5) 有1477人浏览 2011-12-25 01:08

[移动开发] jquery mobile搭配REST是不错的选择

现在，jquery mobile由于可以使用HTML5去编写移动网页，因此如果是普通的网站，想搞个移动版本之类的话，可以尝试用jquery mobile,比如有些功能，需要返回给移动端的话，可以使用后端REST的风格，以JSON形式返回给前端，然后jquery mobile 有利用ajax发起向后端拿到REST返回的结果，在前端解析，效果是不错的。下面看下大概的模型： ...

mobile jquery html5

1顶0踩

jackyrong 评论(0) 有3590人浏览 2011-12-24 16:22

[移动开发] [翻译介绍]jquerymobile页面(page)分解

Jquery Mobile"page"结构是优化的用于支持单页面和在一个页面中本身内部(local internal)的链接页。 mobile page structure手机页面结构：一个Jquery mobile� ...

jquerymobile html5 android

0顶0踩

banxi1988 评论(0) 有7762人浏览 2011-12-20 11:58

[Web前端] HTML 5 GAME的几款小游戏例子推荐

HTML5 时代就要来了,连game也很多开始往HTML5上转移,HTML5 GAME有几个好处 1 跨平台浏览器 2 不用安装 3 代码编写维护快,容易当然目前还有些问题,比如版权保护,渲染速度等,下面是几个不错的网上的小例子游戏程序 1 是个迷宫的效果http://www.ambiera.at/coppercube/demos/version3/backyard/embe ...

html5 游戏

4顶0踩

jackyrong 评论(0) 有2966人浏览 2011-12-18 21:38

[Web前端] 三种HTML中不错的滑动条实现方式

在html5中,新出现了可以支持自由滑动的范围控制条的控件,即: <input id="defaultSlider" type="range" min="0" max="500" /> 但其浏览器支持情况中,firefox是暂时不支持的,IE当然不支持了,会取而代之的是文本框. ...

html5 jquery html

2顶0踩

jackyrong 评论(0) 有22911人浏览 2011-12-16 11:37

[移动开发] Sencha-touch之TabPanel的Tab在点击时执行事件

前面一直很忙，忙了快有一年了，学习了很多东西，也没有系统的整理一下，现在开始逐渐的将自己的一些学习的心得一点一点的记录下来。 Sencha-touch的前身是ExtJs，前几年我一直在做ExtJs的方面的扩展开发，现在由于自己的项目，做移动端的跨平台开发，因此用到了Sencha-touch。 Sencha-touch中TabPanel的使用频率应该是很高的了，一般的应用应该都会用到， ...

Sencha-touch 跨平台移动 html5 phonegap

0顶0踩

cugbmao09 评论(0) 有6484人浏览 2011-12-13 19:53

[互联网] HTML5 WebSocket做聊天室(服务器端基于Jetty8)

早就厌倦了Ajax轮询,一直想试试Web Socket.这次终于体验了一把这次用的浏览器是Chrome,IE不用提了,不支持,FireFox据说是支持的,但是实际试下来不支持.估计是有自己的API,下次再研究....(以上提到的浏览器都是最新稳定版Chrome15,IE9,Firefox8.0) 开发环境:Eclipse3.7,Jetty8.04 [2012/4/6日更新: ...

WebSocket HTML5 Jetty Eclipse

7顶4踩

redstarofsleep 评论(21) 有27120人浏览 2011-12-13 08:33

[Web前端] html5 中一个无聊新特性之reversed倒序

在HTML5中，W3C的草案有很多新的特性了，有的已经被各大浏览器所接受，有的依然没能接受，有的接受的比较少，在本文中，将介绍一个目前各大浏览器都还没接受的一个新特性，reversed，这个特性用在列表中，其定义标准在 W3C的地址为：http://dev.w3.org/html5/spec/Overview.html#the-ol-element 先看例子 <ol reversed ...

ol html html5

1顶0踩

jackyrong 评论(0) 有3533人浏览 2011-12-12 21:37

[Web前端] html5新特性介绍之PageVisibility API

在HTML5的众多新特性中,有的新特性可能容易被人忽视,又或者不是主流新特性,但不可忽略,因为估计以后越来越多浏览器支持.今天要介绍的,就是 chrome和ie 10都支持的一个很好的新特性:HTML5中的PageVisibility API,下面例子讲解下. 比如在web中,有的时候,用户会经常切换页面,把某个页面最小化后,可能很久时间都不打开某个页面了,要过很久再打开.又或者比如 ...

html5 chrome ie google

3顶0踩

jackyrong 评论(0) 有6556人浏览 2011-12-10 11:51

[Web前端] Chrome中canvas上drawImage无法画出image的解决办法

在自己写demo的过程中碰到了这样一个问题发现drawImage方法没有达到预期的效果图片没办法显示而fillRect等画图形的方法却工作良好大概的代码如下： $(function() { var $my_canvas=$("#my_canvas"); var my_canvas=$my_canvas[0]; var context=my_canv ...

canvas html5

3顶2踩

cookiejj2010 评论(5) 有20328人浏览 2011-12-02 15:32

[Web前端] html5音乐播放器（chrome测试通过）

html5出来已经很久了，众所周知html5支持播放音乐和视频，作为一个html5网页的开发者，一直都想做一个html5的音乐播放器，同时也增加对javascript的认识，我利用空闲的一段时间开发了一个javascript版本的html5播放器，由于马上又有事情做，这个版本只具备的一部分的功能，欢迎大家一起交流，完成所有的功能。靠，发现我太唐僧了，不说废话直接上代码了 <!DOCTYP ...

html5 音乐 javascript

0顶1踩

gteam.yu 评论(0) 有2358人浏览 2011-12-02 12:24