- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 HTML5高级编程之图形扭曲及其应用三
下面来看看drawtriangles函数的扩展。利用drawtriangles函数来实现一个旋转的3D地球，效果如下因为lufylegend1.5.0版的drawtriangles函数有个bug，所以我悄悄的更新了lufylegend1.5.1版，大家可以到官网下载，地址如下其实绘制3d球体效果的话，首先就是绘制一个平面，然后将这个平面分成一个一个的小三角形，然后再用这些小三角形拼
2014-12-01 16:46:04
718
转载 HTML5规范尘埃落定，5个开发工具推荐
HTML5规范终于在今年正式定稿，对于从事多年HTML5开发的人员来说绝对是一个重大新闻。数字天堂董事长，DCloud CEO王安也发表了文章，从开发者和用户两个角度分析了HTML对两个人群的优势。其实，关于HTML5的开发工具，我们以往的文章已经介绍了很多，而这次所分享的则是过去未提到或没有详细介绍但又实用的五个HTML5开发工具。
2014-12-01 16:14:25
655
原创 [html5游戏开发]数独游戏-完整算法
本次讲一下数独游戏的开发，数独游戏是一个填数字的游戏，在一个9x9的方格内，这个9x9的大格子又可以分为9个3x3的小的九宫格，在这些格子内填写上1至9的数字，使得每一行，每一列，并且每个小的九宫格内的数字都不重复,游戏玩法简单，数字组合千变万化，所以玩起来特别有意思。
2014-12-01 15:18:07
2510
原创 HTML5高级编程之图形扭曲及其应用二(运用篇)
下面来详细讲解一下drawtriangles函数的使用方法。并且使用drawtriangles函数实现下面这种处理效果因为这个方法是从AS3移植而来，所以它的使用方法和AS3基本一致，这里是AS3的drawtriangles函数API，大家可以参照一下上次也说明过，移植后的drawtriangles函数，第4个之后的参数的含义不同，在这里它第4个参数表示分割线的线粗，第
2014-11-13 17:19:24
745
原创 HTML5高级编程之图形扭曲及其应用一(原理篇)
HTML5中的几种变形HTML5中的变形，共有以下几种方法scale() 缩放rotate() 旋转translate() 平移transform() 矩阵变形setTransform() 重设矩阵这几个方法，对图片一共能完成下面几种处理但是，如果要实现下面这种不规则的变形，就不行了那咱们一步步，先来看
2014-11-13 17:13:35
1609
原创 [html5游戏开发]经典的推箱子
这一次先来看一个经典的推箱子游戏，相信大家也都知道这款游戏，推箱子游戏最早源于日本，是一款极其锻炼逻辑思考能力的游戏，箱子只能推不能拉，玩家必须在一个有限的空间里，将所有的箱子归位，如下图所示。图1 这是我用最新版lufylegend.js引擎开发的，想挑战一下的朋友，可以点击下面的游戏链接试一下自己能通过几关。http://lufylegend.com/demo/box游戏一
2014-11-04 18:23:11
1985
原创 [html5游戏开发]数独游戏-完整算法
在中国数独游戏似乎没那么流行，但是在日本这个游戏非常受欢迎，在通勤的电车上，经常能看到一些人一个手拿着一本数独游戏的书，另一个手拿着一支铅笔，就这么一路计算着。现在我用lufylegend.js引擎来将这款游戏搬到浏览器上来，游戏界面如下图所示。图1 游戏分为两个阶段，第一个阶段，是比较简单的玩法，只需要横，竖，没有重复的数字就可以了，另一个高级阶段，还需要保证每一个小的九宫格内的数字
2014-11-04 17:37:03
1273
原创 HTML5高级编程之像素处理及粒子效果
HTML5中的像素处理，需要用到getImageData和putImageData两个函数，先用getImageData复制canvas画布中的像素数据，然后对获取的像素数据进行处理，最后再通过putImageData将处理完的数据粘贴到canvas画布。我们不妨把中间处理像素的过程称作像素的批处理，由于像素的复制和粘贴是两个比较费时的过程，为了更高效的对像素进行处理，我们应该在一次批处理过程中尽
2014-10-13 17:34:59
672
原创 用HTML5来开发一款android本地化App游戏-宝石碰碰
本次来说一说如何利用lufylegend.js引擎制作一款HTML5游戏后，将其转换为android本地化的App应用，转换过程其实很简单，下面一步步来做说明。首先来开发一个类似于对对碰的游戏，不过此游戏玩法为在下原创，如有雷同，纯属巧合，游戏界面如下。游戏操作：上下左右划动屏幕，来操作宝石向不同的方向移动。游戏规则：当有三个一样的宝石相邻则消除，被消除过一次的宝石会变成半透明，当所有
2014-10-13 16:40:01
872
原创 HTML5开发-在你的游戏应用中加入广告
在中国，一般都是不喜欢花钱的，如果你的游戏或者应用是需要付费的，那么玩的人就少。所以大多数开发者都会选择在游戏中植入广告，来获取些许微薄的收入。下面我来说说如何利用lufylegend.js开源引擎在游戏中加入广告。利用lufylegend.js引擎1.7.2版中的新功能LStageWebView，可以在html中加入一个iframe用来显示一个外部页面，我们可以利用这个功能来显示广告。
2014-09-23 09:34:10
676
转载 HTML5 canvas 可拖拽时钟
下面介绍一个自己搞的小时钟，方便拖拽。那么如何插入到自己的界面中呢？只需要加上如下代码就好了：? clcok.js的完整代码如下：var extra=document.createElement('div');extra.style.position='absolute';
2014-09-23 09:30:47
798
原创 HTML5开发中使用MVC模式
很多人一定会说，js开发根本不需要什么MVC，用了就是给自己找麻烦。在这里，我不去讨论需不需要的问题，只是我个人感觉这次的开发使用了MVC模式之后，代码各个模块确实一目了然，维护和扩展都相对方便了许多，很适合大中型的开发，当然对于小程序而言，也确实没有使用MVC的必要。现在我将这个框架公开，并在这里简单说明一下它的用法，这个框架是我在很短的时间内完成的，所以一定存在很多不完善的地方，如果你有更好的
2014-09-12 10:54:19
645
原创 HTML5超帅动画制作－LTweenLite的妙用
lufylegend.js是一个开源的HTML5游戏引擎，在游戏中往往会有各种的动画，这些动画有些是flash文件，有些是视频文件，本次就来利用lufylegend制作一个帅气的游戏动画，如下图。一，准备工作准备工作当然就是引擎的下载了。二，制作过程要做动画，一般是要用到时间轴，在lufylegend.js引擎中时间轴事件用法如下[javascript] view pl
2014-09-12 10:48:09
668
原创 HTML5各引擎显示效率比较
HTML5各引擎显示效率比较现在越来越多的人开始尝试使用HTML5开发，HTML5的引擎也逐渐增多，开发者到底应该选择一款什么样的引擎呢？这一次我来对比一下几个我个人认为还不错的引擎的效率。一，图片显示效率比较测试内容，随机在页面上显示15000个小图片。1，裸奔(不用任何引擎)。测试代码如下[javascript] view plaincopy1. var c=doc
2014-08-19 13:50:21
797
转载 Range：HTML5中的新型Input类型
之前曾经简单的介绍过HTML5中的几个新出现的input类型：number(数字)，date(日期)，color(颜色)，range(范围)等等，这里详细说一下Range类型。Range就是范围：年龄范围，工资范围，人数范围。当页面上需要用户输入一个在一定范围内的数字时，使用一个类似滑块控件是十分方便的。一个典型的滑块控件使用场景就是颜色选择器中用左右拖拽箭头来调节RGB颜色值。
2014-08-12 11:10:40
1804
转载 HTML5仿苹果手机的面板合拢折叠效果
这是一个HTML5折叠菜单，但更像是一个折叠面板，仿苹果手机的passbook应用中的代码例子，请在火狐或chrome下浏览。不知道有没有听说过手机琴菜单，觉得这一个从形式上来说，是挺像的。passbook仿苹果手机的面板合拢折叠效果-html5特效.pocket{width:300px;height:460px;padding: 10px;
2014-08-12 11:08:18
1069
转载 html5的自定义data-*属性与jquery的data()方法的使用
去读一下HTML5的详细规范，自定义data属性的用法非常的简单，就是你可以往HTML标签上添加任意以 "data-"开头的属性，这些属性页面上是不显示的，它不会影响到你的页面布局和风格，但它却是可读可写的。 ... ...人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法
2014-08-08 11:24:04
515
转载 HTML5+CSS3构建同页面表单间的动画切换
有开发者表示，HTML5将给个人开发者带来更多机遇。下面的稿件详细描述了一个唯美的动画效果，它实现了在同一个页面中进行登录表单和注册表单的转换。这些效果，完全由HTML5和CSS3实现。文章后面附上了三种不同风格的显示转换效果、以及源码下载。既可为网页瘦身，又可实现漂亮的网页效果，快快收藏吧。这篇稿件将描述如何在HTML5中，使用CSS3的目标伪类“:target”来创建注册和登录两个表单、并
2014-07-22 11:26:29
1606
转载 html5的离线存储问题汇总
HTML5的一个重要特性就是离线存储，所谓的离线存储就是将一些资源文件保存在本地，这样后续的页面重新加载将使用本地资源文件，在离线情况下可以继续访问web应用，同时通过一定的手法（更新相关文件或者使用相关API），可以更新、删除离线存储等操作； HTML5的离线存储使用一个manifest文件来标明哪些文件是需要被存储的，使用如 来引入一个manifest文件，这个文件的路径
2014-07-21 10:23:08
641
转载 9个用来加速 HTML5应用的方法
Web 开发者经常在找一些新的方法来不断的提升页面的速度和性能，而 HTML5 的很多新特性可以实现，让用户有着更好的体验，在这里我们整理了 9 中简单易于实现的 HTML5 技巧，或许可以对你有所帮助。1. 使用 HTML5 表单和输入框HTML5 引入很多全新的表单属性和输入框类型，虽然并不是所有的浏览器都支持，但它们的确都很有用：autofocus 使得页面加载完毕后
2014-07-18 10:55:29
593
转载 9个用来加速 HTML5应用的方法
Web 开发者经常在找一些新的方法来不断的提升页面的速度和性能，而 HTML5 的很多新特性可以实现，让用户有着更好的体验，在这里我们整理了 9 中简单易于实现的 HTML5 技巧，或许可以对你有所帮助。1. 使用 HTML5 表单和输入框HTML5 引入很多全新的表单属性和输入框类型，虽然并不是所有的浏览器都支持，但它们的确都很有用：autofocus 使得页面加载完毕后
2014-07-18 10:47:00
414
转载 9 个用来加速 HTML5应用的方法
Web 开发者经常在找一些新的方法来不断的提升页面的速度和性能，而 HTML5 的很多新特性可以实现，让用户有着更好的体验，在这里我们整理了 9 中简单易于实现的 HTML5 技巧，或许可以对你有所帮助。1. 使用 HTML5 表单和输入框HTML5 引入很多全新的表单属性和输入框类型，虽然并不是所有的浏览器都支持，但它们的确都很有用：autofocus 使得页面加载完毕后
2014-07-18 10:40:58
448
转载 Firefox OS Quick Start（Firefox OS快速开始）
Firefox OS快速开始Firefox OS平台给web开发人员希望多年的：移动环境专注于用HTML、CSS和JavaScript创建应用，本指南的目的是让你开始使用一个环境和基本应用架构，以便您可以创建下一个伟大的应用！如果你想要跟随这个指南学习，你可以下载快速开始应用应用结构打包与托管应用程序有两种类型的Firefox OS应用程序：打包和托管。打包
2014-07-17 09:25:23
490
转载 Firefox OS Quick Start（Firefox OS快速开始）
Firefox OS快速开始Firefox OS平台给web开发人员希望多年的：移动环境专注于用HTML、CSS和JavaScript创建应用，本指南的目的是让你开始使用一个环境和基本应用架构，以便您可以创建下一个伟大的应用！如果你想要跟随这个指南学习，你可以下载快速开始应用应用结构打包与托管应用程序有两种类型的Firefox OS应用程序：打包和托管。打包
2014-07-17 09:20:10
494
TCL论坛版主申请表
2014-08-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人