- 博客(104)
- 收藏
- 关注
RSS订阅转载 HTML5 Audio/Video 标签,属性,方法,事件汇总
标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条 id="media" src="http://www.abc.com/test.mp3" controls> 标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载
2014-07-21 10:52:03
924
原创 在JavaScript的数组中进行数组元素查找和替换(JS的indexOf等)
Extend JavaScript Array Method Array.prototype.indexOf=function(substr,start){var ta,rt,d='\0';if(start!=null){ta=this.slice(start);rt=start;}else{ta=this;rt=0;}var str=d+ta.join(d)+d,t=st
2013-09-18 12:26:19
1820
转载 如何自定义 Cocos2d-HTML5 Loading 界面
在使用 C++ 编写 Cocos2d-x 游戏的时候，通常在运行游戏之前，需要加载游戏资源，这样是为了让游戏在运行时更为流畅，避免了在运行时加载资源，而出现卡顿现象，影响用户体验，因为加载资源是非常耗时、耗资源的操作。在 Cocos2d-html5 中也是同样，在运行游戏之前，预先加载好所有的资源（加载到浏览器缓存），以保证游戏的流畅运行。Cocos2d-html5 的加载流程在开
2013-09-10 15:10:48
1378
转载 cocos2d-html5新建项目
知道ch5有一段时间了，但是都没去学，最近公司需要我做游戏方面的开发，于是就开始来研究一下ch5首先，下载cocos2d-html5,我下载的是最新版的2.1.5，可以自己去官网下载或者点下面的链接下载cocos2d-html5-2.1.5下载后可以放到本地的服务器上，里面有很多例子，还有4个游戏demo测试用例下面来新建项目我使用的编辑器是Aptana S
2013-09-09 17:52:15
1346
原创 COCOS2D中对精灵的操作、对图片的各种操作
内容简要：1、初始化 2、创建无图的精灵 3、设置精灵贴图大小 4、添加入层中5、对精灵进行缩放 6、对精灵款或高进行缩放 7、旋转精灵8、设置精灵透明度 9、精灵的镜像反转 10、设置精灵的颜色11、得到图的宽高 12、按照像素设定图片大小 13、在原有的基础上加xy的坐标14、设置图片锚点 15、从新排列z轴顺序 16、更换精灵贴图17、设置可视区
2013-09-09 17:22:24
1180
转载 Cocos-2d 关于多个CCSprite精灵播放同一个CCAction动画问题
问题描述：在Cocos-2d场景动画中，常常出现多个Sprite的同一行为动画假设场景中此时有两个精灵sprite1，sprite2他们其实点分别在场景左侧，需要完成的动作CCMoteTo到场景最右侧初始状态如下图：初始尝试：[cpp] view plaincopyprint?- (void)playAction { //1.试
2013-09-09 14:52:29
1214
转载 Cocos2d-html5 之 HelloWorld 深入分析与调试
html5的时代正在来临，其可以方便的运行在多平台上并调用OPENGL 进行图形渲染，大量使用html5开发的2D和3D游戏正在涌现,Cocos2d-x也顺应形势推出了相应的版本，今天我们来学习一下Cocos2d-x在Html5上怎么运行和开发及调试。 打开HelloHTML5World，可以看到以下文件和目录：res:资源图片目录：src:当前程序的j
2013-09-06 17:01:58
3199
转载 从零开始，使用Cocos2d HTML5完成一个游戏——第三步：连环反应
欢迎来到课程的第三部分。在第一部分 （译文）中我像您展示了如何安装Cocos2DHTML5 还有让一些东西移动，在第二部分 （译文）中我增加了一些鼠标交互，现在是时候给圆环做一个应激反应，这也是本游戏的特色。 同样的，我们只需要在circlechain.js中做一点改动，主要是在handleBullet 函数中控制子弹的移动和碰撞的地方。
2013-09-06 16:40:02
1701
转载 从零开始，使用Cocos2d HTML5完成一个游戏——第二步：鼠标交互
欢迎来到Cocos2d HTML5制作完整游戏第二课。这次我们准备给游戏添加鼠标交互。基于原来的游戏上，现在你要用鼠标移动一个红色圆圈。当你点击鼠标的时候你会拆毁一个圆圈，并且分发4发子弹上下左右飞出去。下面是我们今天要做的时候的步骤。从第一步开始，你只要改变circlechain.js文件：var circlechain = cc.Scene.extend({ onEnter:f
2013-09-06 16:39:59
912
转载 从零开始，使用Cocos2d HTML5完成一个游戏——第一步
从零开始，使用Cocos2d HTML5完成一个游戏——第二步：鼠标交互 欢迎来到Cocos2d HTML5制作完整游戏第二课。这次我们准备给游戏添加鼠标交互。基于原来的游戏上，现在你要用鼠标移动一个红色圆圈。当你点击鼠标的时候你会拆毁一个圆圈，并且分发4发子弹上下左右飞出去。下面是我们今天要做的时候的步骤。从第一步开始，你只要改变circlechain.js文件：var
2013-09-06 16:37:50
947
转载 Jquery的$命名冲突
在Jquery中，$是JQuery的别名，所有使用$的地方也都可以使用JQuery来替换，如$('#msg')等同于JQuery('#msg')的写法。然而，当我们引入多个js库后，在另外一个js库中也定义了$符号的话，那么我们在使用$符号时就发生了冲突。下面以引入两个库文件jquery.js和prototype.js为例来进行说明。第一种情况：jquery.js在prototype.js
2013-09-05 16:51:00
570
转载 cocos2d-html5教程之重要概念及Test例子结构
学习cocos2d-html5的朋友注意了，有一些比较概念性的东西需要大家去学习。1， 导演（CCDirector）在cocos2d-html5引擎中，导演是游戏的领袖，导演运筹帷幄所有的场景、布景、精灵等。2， 摄像机（CCCamera）细到每个节点都需要摄像机，例如节点发生放大、缩小、旋转等变化的时候，都需要继承摄像机，让其重新渲染。3， 场景（CCScene）我们可以理解成
2013-09-04 15:01:48
940
转载 cocos2d-html5学习笔记（七）--Action
Action实在太多了，有些我没有用过，这里只讲常用的Action。关于Action的其他知识，请参考陈升想的两篇关于action的教程cocos2d-html5教程之动作CCActioncocos2d-html5教程之动作CCAction详解2cocos2d-html5教程之动作CCAction详解2好的，先来一个最简单的Action[javascript]
2013-09-04 14:58:46
845
转载 cocos2d-html5学习笔记（六）--alpha2中cc.Sequence.create中的bug
今天学习了action，但是练习cc.Sequence.create的时候，发现了问题。cc.Sequence.create可以传一个action的数组进去，但是我试了很多次，还是没成功。无奈之下，我去看了源代码。一看，原来是判断参数是否是数组的语句错了[javascript] view plaincopyprint?cc.Sequence.create = f
2013-09-04 14:57:51
1159
转载 cocos2d-html5学习笔记（五）--菜单和场景转换
作者：Allenice原地址：http://blog.youkuaiyun.com/allenice1/article/details/7745227本笔记只写文字菜单，其他种类的菜单与文字菜单差不多。1.菜单的创建var MenuTest=cc.Layer.extend({ init:function () { //创建一个绿色层
2013-09-04 14:56:35
990
转载 cocos2d-html5学习笔记（四）--键盘事件和touch事件
作者：Allenice文章来源：http://blog.youkuaiyun.com/allenice1/article/details/7733340游戏是互动的，获取用户输入至关重要。cocos2d中目前只有Layer以及其子类能够获取用户输入，即触发用户输入的事件。这个结论是我通过查看API文档猜测的，因为要触发这些事件，必须要有setIsKeypadEnabled和setIsTouchEn
2013-09-04 14:54:25
890
转载 cocos2d-html5学习笔记（三）--cocos2d中的坐标系统
原文地址：http://blog.youkuaiyun.com/allenice1/article/details/7727052作者：Allenice1cocos2d中坐标原点和Layers的锚点是left、buttom。添加三个layer：var layer1=cc.LayerColor.create(cc.ccc4(255,255,0,255),320,480);
2013-09-04 14:54:17
778
转载 cocos2d-html5学习笔记（二）--cocos2d中的layer
作者：Allenice源地址：http://blog.youkuaiyun.com/allenice1/article/details/7707185一个游戏一般由多个场景构成，每一个场景可以有多个层（Layer），这个概念与PS类似。1.新建一个层（Layer）var MyHelloWorld = cc.Layer.extend({ init: function
2013-09-04 14:51:39
681
转载 Cocos2d-HTML5学习笔记1:初探
各位技术人士好好看看哈，全是总结之作框架目录：box2d：物理引擎；cocos2d：引擎核心部分；CocosDenshion：声音模块相关；Demo：测试性文件；Tests：所有API引擎代码；Tools：配置文件（模版生成工具）CHANGELOG:日志记录；AUTHORS：关于作者----------------碎片start-----------
2013-09-04 14:51:14
653
转载 JQuery实现让元素获取焦点效果
前天我写了一篇《JS 获取当前焦点控件(元素)》的文章，无意中发现在实现这方面的特效使用JQuery框架更简单。现在我就说一下有关JQuery实现让元素获取焦点效果吧！ 一般而言，只有表单元素与链接才能使用focus与blur事件，因此jQuery对于许多元素就歇菜了。但只要为元素节点设置一个tabindex属性，非表单元素也可能使用这两种事件。 但默认能使用焦点事件的
2013-08-28 09:48:03
4747
原创 在已有的子节点前插入/删除一个新的子节点
removeChild() 方法可从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。语法：nodeObject.removeChild(node)参数描述node必需。指定需要删除的节点。insertBefore() 方法可在已有的子节点前插入一个新的子节点。此方法
2013-05-20 14:49:22
1334
转载 JSON.parse()
JSON.parse()方法 本文章介绍一下javascript in json 中 json2.js中的parse()方法。以下为json2js中的原文介绍JSON.parse(text, reviver)This method parses a JSON text to produce an object or array.It can throw
2013-05-20 09:42:43
545
转载 javaScript call 函数的用法说明
javaScript 中的 call() 是一个奇妙的方法，但也是一个让人迷惑的方法，先看一下官方的解释。call 方法 请参阅 应用于：Function 对象 要求 版本 5.5 调用一个对象的一个方法，以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 t
2013-04-23 14:58:02
490
转载 js处理date类型的各种方法
Date.prototype.isLeapYear 判断闰年Date.prototype.Format 日期格式化Date.prototype.DateAdd 日期计算Date.prototype.DateDiff 比较日期差Date.prototype.toString 日期转字符串Date.prototype.toArray 日期分割为数组Date.prototype.
2013-03-07 09:33:24
1074
原创 获取当前日期或者前七天日期
Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this.
2013-03-04 12:16:15
1763
转载 如何减少浏览器的repaint和reflow?
文本内容主要包括以下几点：什么是repaint/reflow?什么情况下会触发浏览器的repaint/reflow?浏览器自身所作的优化如何优化你的脚本来减少repaint/reflow?一、什么是repaint/reflow?页面在加载的过程中，需要对文档结构进行解析，同时需要结合各种各样的样式来计算这个页面长什么样子，最后再经过浏览器的渲染页面就
2013-02-22 16:24:52
462
原创 变量私有化保护
变量的私有化在函数内部的变量是私有的，外面是不可以访问到函数内部的变量的，但是函数内部可以访问到外部的变量。看下面的代码：function Foo(paramOne) { var thisIsPrivate = paramOne; this.bar = function() { return thisIsPrivate;
2013-02-22 14:37:05
1475
1
翻译 浏览器内部工作原理
目录 一、介绍 二、渲染引擎 三、解析与DOM树构建 四、渲染树构建 五、布局 六、绘制 七、动态变化 八、渲染引擎的线程 九、CSS2可视模型 一、介绍 浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。
2013-02-22 13:57:27
1258
2
原创 超出字数隐藏
function hideNum(thisId,showLeng){ var nowId = document.getElementById(thisId); var nowLeng = nowId.innerHTML.length; if(nowLeng > showLeng){ var nowWord = nowId.
2013-02-18 15:53:39
656
转载 CSS和Javascript的标签属性对应表
在写javascript中，经常要用到style对象的css属性，很多不记得其实很好记，基本就是CSS中的“-”转化为javascript的驼峰写法，除了注意下float盒子标签和属性对照CSS语法（不区分大小写）JavaScript语法（区分大小写）borderborderborder-bottomborderBottom
2013-02-18 15:33:03
629
转载 javascript图片浏览器的核心——图片预加载
网站开发时经常需要在某个页面需要实现对大量图片的浏览，如果考虑流量的话，大可以像pconline一样每个页面只显示一张图片，让用户每看一张图片就需要 重新下载一下整个页面。不过，在web2.0时代，更多人愿意用javascript来实现一个图片浏览器，让用户无需等待过长的时间就能看到其他图片。知道了一张图片的地址，需要把它在一个固定大小的html容器（可以是div等）里边显示出来，最重要的
2013-02-18 15:16:49
481
转载 Animations功能
CSS3动画之二：Animations功能 Animations功能与Transitions功能相同，都是通过改变元素的属性值来实现动画效果，不同之处是：Transitions功能只能通过改变指定属性的开始值与结束值，然后再这两个属性值之间进行平滑的过渡来实现动画效果。所以Transitions功能不能实现比较复杂的动画效果；Animations功能可以定义多个关键帧以及定义
2013-01-27 11:38:30
308
转载 新发现getBoundingClientRect() 来获取页面元素的位置
getBoundingClientRect() 来获取页面元素的位置 document.documentElement.getBoundingClientRect 下面这是MSDN的解释：SyntaxoRect = object.getBoundingClientRect()Return ValueReturns a TextRe
2013-01-20 19:51:42
689
原创 js sleep
1.[javascript] view plaincopyfunction sleep(n) { var start=new Date().getTime(); while(true) if(new Date().getTime()-start> n) bre
2013-01-18 14:30:15
333
原创 火狐 跨域问题解决
设置Security.fileuri.strict_origin_policy 为false参考网址：http://kb.mozillazine.org/Security.fileuri.strict_origin_policy
2013-01-07 15:06:26
1862
转载 使用SeaJS实现模块化JavaScript开发
From:http://www.cnblogs.com/leoo2sk/archive/2011/06/27/write-javascript-with-seajs.html前言SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只
2013-01-04 14:17:43
727
转载 javascript的缓动效果（第2部分）
原文地址：http://www.cnblogs.com/rubylouvre/archive/2009/09/17/1567607.html这部分对原先的缓动函数进行抽象化，并结合缓动公式进行强化。成品的效果非常惊人逆天。走过路过不要错过。好了，打诨到此为止。普通的加速减速是难以让人满意的，为了实现弹簧等让人眼花缭乱的效果必须动用缓动公式。我见过两套缓动公式，一套是早期Robert
2012-12-29 10:56:38
757
转载 javascript的缓动效果（第1部分）
原文地址：http://www.cnblogs.com/rubylouvre/archive/2009/09/16/1566699.html缓动，学名为Tween，缓冲移动的简称。要想页面内容切换起来舒服，就使用淡入淡出特效，要想让页面元素动起来自然，就要使用缓动效果。这两个混合起来，可以衍生多种特效的。感谢Flash开发人员为我们做了那么多先行研究，我们直接把它们拆出来装在各种菜单与相册
2012-12-29 10:50:02
425
转载 Javascript绝句欣赏
1. 取整同时转成数值型：’10.567890′|0结果: 10’10.567890′^0结果: 10-2.23456789|0结果: -2~~-2.23456789结果: -22. 日期转数值：var d = +new Date(); //12956984167923. 类数组对象转数组：var arr = [].slice.call(
2012-12-29 10:02:32
342
转载 本地存储 关于cookie
最近面试的过程中，碰到了一些关于本地存储的问题，主题也不知道写什么好，就随便写个本地存储。我问了许多的前端，使用Cookie会有什么弊端，很多都是回答说不安全之类的，不安全那是肯定的，不过只要服务端在使用Cookie的时候适当的加个密就可以防止很多安全的问题了，这不是我们前端主要关心的问题。在日常的开发过程中，本人碰到了以下问题：1. 存储大小问题2. 在请求过程中会带过去服务
2012-12-29 09:51:20
593
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人