HTML5+JS

HTML5+JS 《五子飞》游戏实现（六）鼠标响应与多重选择

上一章我们提到了如果有多条线上的棋子可以被吃掉，那么游戏需要提示用户，让用户选择吃哪条线上的。另外因为是网页游戏，所以一定要实现鼠标单击棋子可以进行操作。 当鼠标移动棋子上面后，切换鼠标指针为手形，移开棋子后再切换回默认的状态：el.mousemove(function(e){ varo=el.offset(); varp={x:e.clientX-o.left,y:e.clientY-o.t
里沃特·2015-01-16 07:00

HTML5+JS 《五子飞》游戏实现（五）移动棋子

上一章 我们知道了怎么处理两个重要的吃棋动作，想要吃对方的棋子，首先得移动自己的棋子。现在里沃特跟大家分享分享，怎么移动棋子。想要移动棋子，在页面上，首先要点击一下要移动的棋子，然后再点击一下目标位置，如果可以移动，则把棋子移动的目标位置，原来的位置就要清空。上面这句话，我们要分两步来处理：1、判断目标是否可移动；2、可以移动则移动棋子。 1、判断目标是否可移动。首先移动时只能按直线，其次目标位置
里沃特·2015-01-13 21:00

HTML5+JS 《五子飞》游戏实现（四）夹一个和挑一对

在第一章我们已经说了怎么才能“夹一个”以及怎样才能挑一对，但那毕竟只是书面上的，对码农来讲，我们还是用代码讲解起来会更容易了解。 为了更容易对照分析，我们先把路线再次贴出来：//可走的路线 this.lines=[ [0,1,2,3,4], [5,6,7,8,9], [10,11,12,13,14], [15,16,17,18,19], [20,21,22,23,24], [0,5,
里沃特·2015-01-12 07:00

HTML5+JS 《五子飞》游戏实现（三）页面和棋盘棋子

前面两节，我们已经对《五子飞》有个初步的认识，对走棋路线也有了基本的了解，现在里沃特继续跟大家分享HTML页面，另外把棋盘棋子也画出来。演示地址：http://www.lyout.com/projects/fiveflychess/FiveflyChess3.htmHTML页面非常简单： 五子飞 .fiveflychess{ margin-left:auto; margin-r
里沃特·2015-01-09 08:00

HTML5+JS 《五子飞》游戏实现（三）页面和棋盘棋子

前面两节，我们已经对《五子飞》有个初步的认识，对走棋路线也有了基本的了解，现在里沃特继续跟大家分享HTML页面，另外把棋盘棋子也画出来。演示地址：http://www.lyout.com/projects/fiveflychess/FiveflyChess3.htmHTML页面非常简单： 五子飞 .fiveflychess{ margin-left:auto; margin-r
里沃特·2015-01-09 08:00

HTML5+JS 《五子飞》游戏实现（二）路线分析和资源准备

上一节 里沃特与我们分享了《五子飞》的下棋规则，可能有些伙伴看得不清楚，像我们码农还是看到代码比较靠谱。下面就把可以走棋的路线跟大家说一下。 假设从左上角开始，以0开始编号，往右数（没看第一节棋盘的先去看一下）（因为路线比较简单，就直接写固定的数据了）：1.横着走有5条直线：varlines_h=[ [0,1,2,3,4], [5,6,7,8,9], [10,11,12,13,14], [
里沃特·2015-01-05 21:00

HTML5+JS 《五子飞》游戏实现（二）路线分析和资源准备

上一节 里沃特与我们分享了《五子飞》的下棋规则，可能有些伙伴看得不清楚，像我们码农还是看到代码比较靠谱。下面就把可以走棋的路线跟大家说一下。 假设从左上角开始，以0开始编号，往右数（没看第一节棋盘的先去看一下）（因为路线比较简单，就直接写固定的数据了）：1.横着走有5条直线：varlines_h=[ [0,1,2,3,4], [5,6,7,8,9], [10,11,12,13,14], [
里沃特·2015-01-05 21:00

HTML5+JS 《五子飞》游戏实现（一）规则

很久没写文章了，这个游戏其实已经写了有段时间了，一直没有完善，赶在新年之际，分享给大家。该《五子飞》游戏，不是平常大家所说的《五子棋》，这个玩法简单，是我们老家儿时常玩的一种益智游戏，我们先来看看棋盘布局： 规则如下：一、黑白双方（对方黑，我方白）各执五子，分别摆放在双方的边线上；二、棋子只能走直线（斜的直线也是），不能转弯；三、只要前面没有棋子（任何一方的）就可以跳格走；四、可以夹死对方一个或可
里沃特·2015-01-04 21:00

HTML5+JS 《五子飞》游戏实现（一）规则

很久没写文章了，这个游戏其实已经写了有段时间了，一直没有完善，赶在新年之际，分享给大家。该《五子飞》游戏，不是平常大家所说的《五子棋》，这个玩法简单，是我们老家儿时常玩的一种益智游戏，我们先来看看棋盘布局： 规则如下：一、黑白双方（对方黑，我方白）各执五子，分别摆放在双方的边线上；二、棋子只能走直线（斜的直线也是），不能转弯；三、只要前面没有棋子（任何一方的）就可以跳格走；四、可以夹死对方一个或可
里沃特·2015-01-04 21:00

【egret】WebStorm――html5+js/ts专用IDE

http://www.cnblogs.com/jnoodle/archive/2011/11/15/2250041.html WebStorm是什么？WebStorm是JetBrains的一个专门为Web开发人员设计的IDE，JetBrains大家应该不陌生，Resharper、IntelliJIDEA等都是出自这个公司。JetBrains给WebStorm下的定义是：ThesmartestJav
思月行云·2014-12-09 09:17

【egret】WebStorm――html5+js/ts专用IDE

http://www.cnblogs.com/jnoodle/archive/2011/11/15/2250041.html WebStorm是什么？WebStorm是JetBrains的一个专门为Web开发人员设计的IDE，JetBrains大家应该不陌生，Resharper、IntelliJIDEA等都是出自这个公司。JetBrains给WebStorm下的定义是：ThesmartestJav
思月行云·2014-12-09 09:17

【egret】WebStorm——html5+js/ts专用IDE

http://www.cnblogs.com/jnoodle/archive/2011/11/15/2250041.htmlWebStorm是什么？WebStorm是JetBrains的一个专门为Web开发人员设计的IDE，JetBrains大家应该不陌生，Resharper、IntelliJIDEA等都是出自这个公司。JetBrains给WebStorm下的定义是：ThesmartestJava
思月行云·2014-12-09 09:17

十分钟开发一个调用Activity的PhoneGap插件

   在HybridApp开发中，很多业务我们是没有办法通过HTML5+js实现的，比如调用第三方的包含Activity的jar包，一些必须使用原生代码才能实现的功能，比如复杂的UI的效果，调用通讯相关的协议栈
offbye·2014-07-25 09:00

node-webkit：用HTML5+JS开发跨平台的桌面应用

过去一年间，Node.js吸引了越来越多的目光；同时，一个叫做node-webkit的项目在Github上引起了越来越多的关注。在启动一年之后，node-webkit从一个默默无闻的项目成功跻身GitHub C++项目关注度排行榜前五强。在2012年的沪JS大会上，该项目的开发者之一赵成做过一个分享，对node-webkit是什么进行了一个介绍。2013年4月，台湾工程师钱逢祥在台湾的开源大会上也
pcajax·2014-04-14 13:00

HTML5 Canvas眨眼睛动画

在网上发现一个java眨眼睛动画，把代码改成了HTML5+JS,效果如下：[img]http://dl2.iteye.com/upload/attachment/0093/3185/e44e4e3e-32ae
iteye_8466·2014-01-18 16:56

HTML5 Canvas眨眼睛动画

在网上发现一个java眨眼睛动画，把代码改成了HTML5+JS,效果如下：动画中有一些明显不足之处，请会的朋友指正，谢谢！
128kj·2014-01-18 16:00

HTML5+JS实现俄罗斯方块原理及具体步骤

本游戏实现的基本原理:游戏区域是限定大小的区域，本游戏的游戏区域有21×25个矩形,每个矩形width为10单位，heght为6个单位(canvas的绝对单位是固定的，非像素)。创建RusBlock类包含相应的数据和行为，创建二维数组aState[21][25]记录游戏区域中被标记的矩形。俄罗斯方块有7个部件，每个部件所占的矩形的个数和位置不同，所以建立部件类，然后建立数组储存7个部件，每个部件包
佚名·2013-11-29 16:13

HTML5+JS开发学习

楔子最近完成了js和html5的理论基础学习，准备开始动手写点代码了。搭建开发环境今天搭建了下开发环境，总的来说XAMPP+JDK+Win7。本来想用Linux环境的，结果linux版本的XAMPP中不包含tomcat，只好又换回到windows环境。编辑器的话，暂时还不知道什么好用，不行的话就用Eclipse了，不过还是想找个轻量级的，再说吧。自己放了几个app到tomcat中，测试已经可以正常
zhgn2·2013-11-09 23:00

Javascript初识

嘿嘿，一直对javascript比较感兴趣，之前只是简单地学习，没有认真地把它系统地学习一遍，今天听到关于“HTML5+JS”以后可能的发展，瞬间觉得应该好好学学这个东东了，打算学好了之后再做一些javascript
u011133213·2013-09-06 02:00

Oschat IM 开源即时通讯项目介绍

二是这样的开源项目的客户端基本是采用Swing或者c++编写，相对于node-webkit采用html5+js进行
ForEleven·2013-08-28 11:00

解决 在Mac OS下开发html5+JS Chrome 浏览器 跨域 和 安全访问问题

blog.csdn.net/jinglijun/article/details/9532953          从去年到今年一直从事Hybrid开发模式，一会要写写iOSnative代码，一会要写写Html5
jinglijun·2013-07-27 21:00

node-webkit：用HTML5+JS开发跨平台的桌面应用

过去一年间，Node.js吸引了越来越多的目光；同时，一个叫做node-webkit的项目在Github上引起了越来越多的关注。在启动一年之后，node-webkit从一个默默无闻的项目成功跻身GitHubC++项目关注度排行榜前五强。在2012年的沪JS大会上，该项目的开发者之一赵成做过一个分享，对node-webkit是什么进行了一个介绍。2013年4月，台湾工程师钱逢祥在台湾的开源大会上也介
杨赛·2013-07-07 00:00

node-webkit：用HTML5+JS开发跨平台的桌面应用

过去一年间，Node.js吸引了越来越多的目光；同时，一个叫做node-webkit的项目在Github上引起了越来越多的关注。在启动一年之后，node-webkit从一个默默无闻的项目成功跻身GitHubC++项目关注度排行榜前五强。在2012年的沪JS大会上，该项目的开发者之一赵成做过一个分享，对node-webkit是什么进行了一个介绍。2013年4月，台湾工程师钱逢祥在台湾的开源大会上也介
杨赛·2013-07-07 00:00

我的WEB版本IDE

这套WEBIDE 采用HTML5+JS模式开发，后台采用JAVA，最初的目的，开源让项目直接在云端开发，例如你在上海开
leixiaodmm·2013-07-05 12:00

[转]HTML5+JS手机web开发之jQuery Mobile初涉

一、起始之语我一直都是在PC上折腾网页的，这会儿怎么风向周边捣鼓起手机网页开发呢？原因是公司原先使用Java开发的产品，耗了不少人力财力，但是最后的效果却不怎么好。因为，Android系统一套东西，iPhone又是新的一套，折腾死人呐。于是总监发狠，让我把手上的活都交出去，专心折腾web版的，看看最后效果如何。加上我觊觎手机上的开发学习很久了，于是，一拍即合，搞起了手机开发方面的学习。分享是很好的
海水正蓝·2012-07-14 22:00

基于Html+js实现的瓦片式的Webgis栅格地图管理平台

           基于Html+js实现的Webgis栅格平台 成都领君科技提供的基于HTML5+js开发的瓦片式地图发布平台，适用于几乎所有浏览器(IE6+，遨游，火狐，搜狗，谷歌，360，世界之窗
成都领君科技·2012-04-04 15:00

HTML5游戏引擎gibdo使用记一

今天尝试用HTML5+JS来做游戏，当然要找轻便的HTML5开源框架才好，ImpactJS很适合，还自带工具并支持TileMap，可是要99美元。
小世界·2012-03-19 21:00

HTML5+JS手机web开发之jQuery Mobile

一、起始之语我一直都是在PC上折腾网页的，这会儿怎么风向周边捣鼓起手机网页开发呢？原因是公司原先使用Java开发的产品，耗了不少人力财力，但是最后的效果却不怎么好。因为，Android系统一套东西，iPhone又是新的一套，折腾死人呐。于是总监发狠，让我把手上的活都交出去，专心折腾web版的，看看最后效果如何。加上我觊觎手机上的开发学习很久了，于是，一拍即合，搞起了手机开发方面的学习。分享是很好的
渴望蜕变·2012-01-30 13:45

html5+js获取物理地址并显示在goole地图

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" xm
luguangjie·2011-12-05 16:00

WPF is dead, Will HTML5+JS be the future of Desktop? What about .NET? Web browser War II?

Windows8isthereimaginationofthewebandthedesktop. Now,IhavetoadmitIagreewithMicrosoft.Yes,WPFisdead,sowillSL.Fornextgenerationbrowser,itwillbecomedesktopmanager.Everywindowonscreencanbeawebpage*content
Pootow·2011-06-08 00:00

用Flash的API写html5应用

仅仅凭名字，你可能无法了解这个东西究竟是做什么用的，它的功能是——把haXe编写的Flash9以上版本程序编译成html5+js的应用！
izuoyan·2011-01-30 10:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他