HTML5

JavaScript

基于HTML5的Web跨设备超声波通信方案详解

66 0

基于HTML5的Web跨设备超声波通信方案详解:前言:Chirp在iPhone上掀起了有声传输文件的序幕,我们再也不需要彩信、蓝牙配对、IM来传送数据。它通过“叽叽喳喳”的小鸟叫声来分享数据,简单有趣,而且可以快速的实现一对多的分享。 此外支付宝曾经试推过“声波支付”,利用手机发送超声波至终端作为交易密码进一步完成交易。然而支付宝的技术目前只是使用在了支付上,而需要可接受声波支付的特定售货机方可使用。 《Advanced Sound for Games and

JavaScript

从HTML5移动应用现状谈发展趋势的详细介绍

91 0

从HTML5移动应用现状谈发展趋势 时光如梭,自2008年HTML5诞生以来已经过去了5年的时间,作为新一代的Web标准,它自问世以来就受到方方面面的强烈关注,也引起了许多争议,支持者因其开放强大的特点而鼓吹它的美好前景,质疑者因其迟迟不能很好落地而怀疑它的实际作用。现在我们从现状入手,以提问的方式针对HTML5在移动平台的发展趋势做一个剖析,使得大家能够从纷繁复杂的信息中对HTML5的未来有更清晰的了解和认识。 针对移动平台,采用HTML5开发Web App(或者Hybrid

JavaScript

怎样开发优秀的HTML5游戏-迪斯尼《寻找奥兹之路》游戏技术详解(一)

41 0

前言 迪斯尼《Find Your Way to OZ》这个贴近地气的游戏我在最新一期《程序员》杂志的《从HTML5移动应用现状谈发展趋势》这篇文章里有所提及,它借用了近期上映的《魔境仙踪》电影的设定(设定来自于经典故事《绿野仙踪》,看过这个电影的同学们会深有感触),构建了一个等同的宏大游戏世界。同时迪斯尼又和谷歌合作,把它作为Chrome浏览器性能和HTML5技术的一个show case。对于这样一个使用了WebGL 3D、摄像头、3D音效等多种先进技术、支持桌面和移动端、品

JavaScript

怎样开发优秀的HTML5游戏-迪斯尼《寻找奥兹之路》游戏技术详解(二)

63 0

(接上文)桌面游戏通常创建于一个核心的物理引擎。因此,要在3D世界中模拟一个柔软的物体,需要一个完整的物理模拟器,并且建立一种可信的行为。 WebGL和JavaScript还不能奢华到可以运行一个完全成熟的物理模拟器。因此,在这个游戏中我们必须找到一种方式来创建风的效果。 我们在3D模型中为每一个对象嵌入“风敏度”的信息。3D模型的每个顶点有一个“风属性”,指定顶点应该要受到风速多大程度的影响。所以,这指定了3D物体的风敏度。然后,我们需要创建“风”本身。 我们通

JavaScript

用HTML5构建高性能视差网站的图文代码详解

62 0

本文介绍了一种时尚的网站设计方法,以及如何由浅入深的通过HTML5和浏览器渲染机制来构建高性能的站点。 文中多处涉及浏览器重绘和性能优化的原理,也是《Web滚动性能优化实战》的拓展和延续,难度上属于中级进阶,请在阅读前请先看看这篇文章。 介绍 视差网站最近风靡一时,只需看看下面这些站点: Old Pulteney Row to the Pole Adidas Snowboarding BBC News - James Bo

JavaScript

HTML5/CSS3 经典案例-无插件拖拽上传图片(一)

59 0

HTML5/CSS3 经典案例-无插件拖拽上传图片(一):上传基本是项目中经常出现的,一般采用:1、form提交 2、flash3、html5form提交会刷新页面,很难做到异步上传;flash可能是用得比较多了,因为可以兼顾到几乎所有的浏览器,我之前一直会用jquery的uploadify作为项目中的上传工具,uploadify也有基于html5好像是收费的,大家可以去官网看看;当然了,现在html5提供了API以及File,FileReader,XMLHttpRequest等强大的API,为我们拖放实

JavaScript

html5 是什么意思

56 0

html5是指第5代HTML,也指用H5语言制作的一切数字产品,所谓HTML是“超文本标记语言”的英文缩写,超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。本教程操作环境:windows7系统、html5版,DELL G3电脑。HTML5是指第5代HTML,也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到网页,多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的

JavaScript

HTML5/CSS3专题 CSS3打造百度贴吧的3D翻牌效果的经典案例

46 0

今天给大家带来一个CSS3制作的翻牌效果,就是鼠标移到元素上,感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的,甚至给女朋友写一些话语,放在使用该实例制作的相册之后都可以尝试下,哈~效果图:实例用到的一些CSS3的新属性: a、-webkit-perspective: 800px; perspective (透视,视角):属性定义 3D 元素距视图的距离,以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。决定了你所看到的是2D transform 还是3D t