- 博客(43)
- 资源 (12)
- 收藏
- 关注
转载 理解A*寻路算法具体过程
这两天研究了下 A* 寻路算法, 主要学习了这篇文章, 但这篇翻译得不是很好, 我花了很久才看明白文章中的各种指代. 特写此篇博客用来总结, 并写了寻路算法的代码, 觉得有用的同学可以看看. 另外因为图片制作起来比较麻烦, 所以我用的是原文里的图片. 当然寻路算法不止 A* 这一种, 还有递归, 非递归, 广度优先, 深度优先, 使用堆栈等等, 有兴趣的可以研究研究~
2015-02-05 15:15:17
656
1
转载 响应式布局这件小事
响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计(通过CSS3 Media Query实现响应布局)。一、什么是响应式布局?响应式布局是Ethan Marcotte
2014-12-26 13:50:54
620
转载 Web程序员最牛最实用的资源
大家好,最近我见到几个对Web程序员来说很牛很实用的工具/框架/事件,下面就带你们看看这些很棒的资源。Bitcore 伟大的JS库,完全支持创建一个比特币应用所必须的功能。 验证比特币地址:var bitcore = require('bitcore');var Address = bitc
2014-12-18 16:38:49
701
1
原创 HTML5制作Flappy Bird详细教程
微盘下载地址在这篇文章中,让我们来一起用Flappy Bird。HTML5游戏的教程。在这片教程中,我们使用65行Flappy Bird。JavaScript设置先下载我为教程制作的:Phaser框架index.html, 用来展示游戏的文件main.js, 我们写代码的
2014-12-12 14:05:03
1418
转载 如何让 height:100%; 起作用
当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果。你知道为什么height:100%不起作用吗?按常理,当我们用CSS的height属性定义一个元素的高度时,这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如,如果一个div元素的CSS是height: 100px;,那它应该在页面的竖向
2014-12-05 14:37:28
716
转载 一个基于HTML5的canvas的js面向对象贪吃蛇
下面是一个使用canvas API加JS面向对象的方式编写的一个贪吃蛇的简单实现,实现了穿墙、吃食物后智能加速,还缺少障碍物,地图切换,还有就是太丑了,有兴趣的朋友可以修改一下,我觉得这个还算好扩展,特地贴出来大家讨论研究,算法我写得差劲,权当抛砖引玉之用。Java代码 Asphyre
2014-11-28 09:42:47
643
转载 曲线谜团(经典游戏,经典源码)
非常有趣html5开发的智力游戏,据说超过多少分会有惊喜,代码简单难度适中。比较适合拿来学习在线演示地址:http://www.html5china.com/game/20101226_697.html大家多多交流... 以下是源码
2014-11-21 13:50:28
561
1
转载 PhoneGap开发初体验:用HTML5开发本地应用
第1页 PhoneGap开发初体验:用HTML5开发本地应用怎样在智能手机(以及其他移动设备)上将HTML5应用程序作为本地程序运行?虽然现在Web技术发展得相当快,但是想要在浏览器上运行一个几兆大小的应用程序还是非常困难的,因为浏览器的缓存是有限的。用户必须通过打开一个链接访问HTML5应用程序,而不能像访问本地应用程序一样,仅仅通过点击一个图标就能得到想要的结果,尤其是当移动设备脱机以
2014-11-14 13:33:54
899
原创 分享一个HTML5实现的拼脸游戏
分享一款使用HTML5的Canvas实现的拼脸游戏,你可以自己选择设定,眉毛,鼻子,嘴,并且能够输出为图片。这篇教程将帮助你快速了解如何使用Canvas API。使用方式: 请使用键盘方向键上下选择脸部**,左右选择**的不同类型。 Step 1. HTML HTML5 Face Builder | S
2014-11-07 15:21:14
597
转载 在widgetoneIDE环境下使用HTML5和jQueryMobile控件编写UI界面-九宫格
一下代码为在widgetoneIDE环境下使用HTML5和jQueryMobile控件编写UI界面-九宫格界面,界面布局代码如下: class="ui-mobile landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
2014-10-31 14:47:28
831
原创 HTML5_画布_太阳系
一、canvas属性和方法的简单介绍①对于不支持canvas标签的浏览器需要显示"不支持canvas"使用IE11浏览器的开发人员工具,仿真:文档模式=8,显示:IE8不支持canvas 默认的画布背景是白色的,可以给它加一个背景样式 \App3_HTML5\Module2_Canvas\canvas-1.html
2014-10-24 10:39:31
787
转载 模拟退火算法
优化算法入门系列文章目录(更新中): 1. 模拟退火算法 2. 遗传算法 一. 爬山算法 ( Hill Climbing ) 介绍模拟退火前,先介绍爬山算法。爬山算法是一种简单的贪心搜索算法,该算法每次从当前解的临近解空间中选择一个最优解作为当前解,直到达到一个局部最优解。 爬山算法实现很简单,其主要缺点是
2014-10-22 16:55:25
564
转载 令人惊叹的HTML5网页设计案例
HTML5的价值在于,它使得网页在与富媒体的结合上十分便利,产品可以具备更高质量,实现大量新增的表现效果,从而使Web能够轻松实现类似桌面的应用体验。很多人相信HTML5将引领下一代互联网的变革,当然目前HTML5还在不断的改进,作为从业者来说,我们也在不断的学习,这里收集了几个国外的有关HTML5设计案例的网站,里面展现了众多令人惊叹的设计,开发者们不容错过哦~No.1 HTML5
2014-10-17 13:36:33
1236
原创 HTML5超酷秒表动画 可暂停和重置秒表
关于HTML5和CSS3的时钟应用在之前我们已经分享过不少了,还有一些HTML5的日期选择应用。今天我们要分享一款基于HTML5和CSS3的圆盘秒表动画,秒表可以精确到0.001秒,并且可以在计时过程中暂停计时,同时秒表可以随时重置。下面来分析一下实现的源代码,主要由HTML和CSS代码组成,CSS相对比较复杂,因为涉及到动画。H
2014-10-10 14:23:58
1194
原创 分享8个超棒的基于HTML5和jQuery的开发教程
HTML5和jQuery组合目前对于web开发人员来说是强大的工具之一,使用这个组合能够帮助你扩展你设计的局限,实现一些非常绚丽及其强大的web应用或者网站。尤其是最近jQuery 1.0的发布,更助力了移动设备的开发。现在已经有很多的开发人员和设计人员开始使用HTML5和jQuery配合开发来显示各种特效。今天我们将给大家推荐8个精心选择的HTML5和jQuery组合开发的教程,希望对大家有
2014-09-26 11:14:57
630
原创 14个HTML5实现的效果合集
几年前,HTML5 前景还很模糊,只有少数的互联网极客才会关心。而现在,随着现代主流浏览器对HTML5的不断支持和完善,越来越多的开发者开始使用 HTML5 来制作各种功能强大的应用程序,HTML5 正引领互联网新革命。为了方便大家更好的学习 HTML5 ,本文向大家分享31个非常棒的 HTML5 教程和资源。
2014-09-26 10:49:32
1614
原创 让你忘记 Flash 的15款精彩 HTML5 游戏
本帖最后由 华美 于 2014-2-20 15:39 编辑HTML5 游戏开发是一个热门的话题,开发人员和设计人员最近经常谈论到。虽然不能迅速取代 Flash 的地位,但是 HTML5 凭借它的开放性和强大的编程能力,取代 Flash 是必然的趋势。你会看到,越来越多的界面设计精美、效果很酷的 HTML5 游戏不断涌现出来。这篇文章推荐的15款精彩的 HTML5 游戏把技术发挥
2014-09-19 10:02:19
587
原创 如何使用 HTML5 Canvas 制作水波纹效果
今天,我们继续分享 JavaScript 实现的效果例子,这篇文章会介绍使用 JavaScript 实现水波纹效果。水波效果以图片为背景,点击图片任意位置都会触发。有时候,我们使用普通的 Javascript 就可以创建一个很有趣的解决功能。
2014-09-19 09:14:16
816
转载 粒子群算法(5)-----标准粒子群算法的实现
标准粒子群算法的实现 标准粒子群算法的实现思想基本按照粒子群算法(2)----标准的粒子群算法的讲述实现。主要分为3个函数。第一个函数为粒子群初始化函数InitSwarm(SwarmSize......AdaptFunc)其主要作用是初始化粒子群的粒子,并设定粒子的速度、位置在一定的范围内。本函数所采用的数据结构如下所示:表ParSwarm记录的是粒子的位置、速
2014-09-18 17:52:07
759
转载 粒子群算法(3)----标准的粒子群算法(局部版本)
原文在全局版的标准粒子群算法中,每个粒子的速度的更新是根据两个因素来变化的,这两个因素是:1. 粒子自己历史最优值pi。2. 粒子群体的全局最优值pg。如果改变粒子速度更新公式,让每个粒子的速度的更新根据以下两个因素更新,A. 粒子自己历史最优值pi。B. 粒子邻域内粒子的最优值pnk。其余保持跟全局版的标准粒子群算法一样,这个算法就变为局部版的粒子群算法。 一
2014-09-18 17:48:06
813
原创 超酷的HTML5 Canvas网络画板教程
在今天的HTML教程里,我们要学习一下如何使用HTML5 Canvas实现一个超酷而又简单的网络画板功能。在这个教程中,我们可以选择笔刷的类型、笔刷的大小以及笔刷的颜色,当然作为画板还需要很多功能,这里只是最基本的绘制功能,大家可以自己实现类似矩形、椭圆等复杂元素的绘制。
2014-09-12 09:45:58
1791
原创 响应式网页设计入门
响应式网页设计(Responsive Web Design)这个概念在2000年的时候就有人提出来了,其实我更喜欢将其翻译为自适应网页设计,阮一峰关于Responsive Web Design的一篇文章就是翻译为自适应网页设计,但是国内都采用了响应式网页设计这一生硬的翻译(你能第一次看到响应式网页设计这种称呼而联想到他的具体含义吗?)。既然这种二流翻译已经是主流,我也采用响应式网页设计这一说法
2014-09-12 09:30:42
726
原创 主题:QUI框架V3.3版本正式发布!
这次V3.3是在V3.2基础上耗时半年完成。可以说完全达到了精品的程度:)同时网站也改版了,访问地址仍然是:
2014-09-12 09:26:01
3040
原创 html5 canvas 一个漫天飞雪的效果
很棒的下雪效果代码奉上漫天飞雪* {margin: 0; padding: 0;}body { /*You can use any kind of background here.*/ background: #6b92b9;}canvas { di
2014-09-12 09:15:50
1393
转载 A*路径规划初探
译者序:很久以前就知道了A*算法,但是从未认真读过相关的文章,也没有看过代码,只是脑子里有个模糊的概念。这次决定从头开始,研究一下这个被人推崇备至的简单方法,作为学习人工智能的开始。这篇文章非常知名,国内应该有不少人翻译过它,我没有查找,觉得翻译本身也是对自身英文水平的锻炼。经过努力,终于完成了文档,也明白的A*算法的原理。毫无疑问,作者用形象的描述,简洁诙谐的语言由浅入深的讲述了这一神奇的算
2014-09-05 14:38:36
1034
原创 HTML5重力感应小球冲撞动画实现
今天我们来分享一款很酷的HTML5重力感应动画教程,这款动画可以让你甩动页面中的小球,小球的大小都不同,并且鼠标点击空白区域时又可以生成一定数量的小球。当我们甩动小球时,各个小球之间就会发生互相碰撞的效果,并且在运动过程中模拟了重力感应的物理效果。你可以在DEMO演示中来尝试一下。
2014-09-04 17:59:58
1064
原创 HTML5超级玛丽游戏重体验 HTML5游戏经典
还记得小时候一起玩过的超级玛丽冒险游戏吗?是的,那是我们小时候很火的一款游戏,今天老外利用HTML5技术让超级玛丽可以在网页上跑了,HTML5版的超级玛丽虽然没有原版的功能强大,但是如果你有兴趣,完全可以把它写完善了。HTML5真的很强大,HTML5游戏方面更是犀利。
2014-09-04 17:31:50
1517
1
原创 HTML5物理游戏开发 - 越野山地自行车(二)创建一辆可操控的自行车
第二章又拖到现在才发布,话说本次更新离上次已经很久了。不知道大家还记得上一章讲的内容否?在上一章中,我们创建了各式各样的地形,今天我们就在这个地形之上,创建一辆自行车,并让它受到我们的控制。首先放上一张截图:
2014-08-29 14:28:29
619
原创 HTML5物理游戏开发 - 越野山地自行车(一)建立地行
制作一个越野自行车小游戏,让一个小自行车在各种地形之间来回颠簸。今天就先来看看越野自行车里的地形是如何实现的。一,准备工作首先你需要下载lufylegend和box2dweb 这两个引擎。box2dweb可以到这里下载:http://code.google.com/p/box2dweb/downloads/listlufylegend可以到这里:http://l
2014-08-22 10:03:51
1551
原创 10个奇幻的HTML5和Javascript效果(二)
10款令人惊奇的HTML5和javascript效果,大家要记得用高版本的一些浏览器哦,要不看不到效果的!
2014-08-13 13:10:10
458
原创 10个奇幻的HTML5和Javascript效果(一)
http://mudcu.be/labs/JS1k/BreathingGalaxies.html
2014-08-13 11:46:45
505
原创 基于HTML5 Canvas和jQuery的画图工具的实现
简介 HTML5 提供了强大的Canvas元素,使用Canvas并结合Javascript 可以实现一些非常强大的功能。本文就介绍一下基于HTML5 Canvas 的画图工具的实现。废话少说,先看成品:
2014-08-12 17:57:37
887
原创 网站引入QQ登陆
网站引入QQ登录可以为我们的网站极大的降低登录门槛,因为几乎所有用户都拥有QQ号。下面来说下引入QQ登录的步骤:1.引入script脚本:
2014-08-07 19:40:04
521
原创 CSS中背景图片区域截取技术
在网页前端的制作中,有些时候我们会用到大量的图片。里面包括了很多系列的图片,这个时候我们制作图片的时候大多数人都喜欢把几个或者几十个小图标做在一张图片上,这样可以极大的减少浏览器请求文件的次数,也更利于我们管理图片文件。我们在使用的时候,利用容器的大小和加载图片时候移动图片的位置在截取我们需要的图片,需要以背景图片的方式载入图片。比如我们有如下图片:在载入图片的时候
2014-08-07 19:33:19
8930
HTML5超酷秒表动画 可暂停和重置秒表
2014-10-10
HTML5重力感应小球冲撞动画实现
2014-09-04
FPGA实现两个1602拼接显示字符
2014-03-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人