html5游戏制作入门系列教程(二)

今天,我们继续html5游戏制作入门系列的系列文章。今天,我们将继续基础知识(也许甚至是高级技巧的基础)。我要告诉你如何具有渐变颜色填充对象,绘制文本,使用自定义的字体绘制文本,基本的动画,以及最重要的UI元素 – 按钮。   我们以前的文章中,你可以在这里阅读:html5游戏制作入门系列教程(一)。我们会用到以前的脚本,并将其功能加强。我要绘制文本,使用自定义字体,动画对象(方形)与渐变色填充,将利用“播放/暂停”按钮暂停动画。   这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载所需文件,让我们开始编码!   步骤1: HTML 这里是我演示的HTML   index.html <!DOCTYPE… Read More

html5游戏制作入门系列教程(三)

今天,我们继续一系列文章,使用HTML5的canvas组件进行游戏开发。接下来,我们将开始学习如何添加动画以及一些更有趣的功能。我 们的演示将包括一艘太空船飞越时空,并使用一个新的游戏元素 – 对话框。对话框将包含两页,我们的按钮用来切换对话框的页面,并隐藏对话框。   你可以点击这里阅读这一系列教程的前一篇文章:html5游戏制作入门系列教程(二)。我们的将基于之前的程序和代码进行开发。 这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载所需文件,让我们开始编码!   步骤1: HTML 这里是我演示的HTML <!DOCTYPE html> <html… Read More

html5游戏制作入门系列教程(四)

今天,我们继续一系列文章,使用HTML5的canvas组件进行游戏开发。今天我们要学习下元素:声音控制与动画。在我们的演示中,你会 看到一个飞龙。我们会听到持续的翅膀拍打的声音(我们将循环这个声音),和龙的怒吼声(mouseup事件)。最后,我们会让我们的龙不断的接近鼠标光标 (当我们按住鼠标)。 你可以点击这里阅读这一系列教程的前一篇文章:html5游戏制作入门系列教程(三)。我们的将基于之前的程序和代码进行开发。 这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载所需文件,让我们开始编码!   步骤1: HTML 这里是我演示的HTML <!DOCTYPE html> <html lang="en" >… Read More

html5游戏制作入门系列教程(五)

我们继续这一系列文章,使用HTML5的canvas组件进行游戏开发。今天,这是相当完整的游戏例子 – 它会回顾经典的旧电脑游戏 – 坦克大战。我会教你使用阵列地图并教你如何检测活动对象(坦克)与环境(基于阵列的地图)的碰撞。 你可以点击这里阅读这一系列教程的前一篇文章:html5游戏制作入门系列教程(四)。我们的将基于之前的程序和代码进行开发。   这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载所需文件,让我们开始编码!   步骤1: HTML 这里是我演示的HTML,非常简单,对不对? <!DOCTYPE html>… Read More

html5游戏制作入门系列教程(六)

我们继续这一系列文章,使用HTML5的canvas组件进行游戏开发。今天,我们将创建我们的第一个完整的游戏 – 打砖块。在这一课中,我会告诉你如何检测基本的碰撞和HTML5的本地存储。您可以使用鼠标和键盘(左/右按钮)来操作垫拍左右运动。我们将html5本 地存储技术存储经过历史的游戏时间和碎砖(点)的数据。   这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载所需文件,让我们开始编码!   步骤1: HTML 这里是我演示的HTML,非常简单,对不对? <!DOCTYPE html> <html lang="en"… Read More

html5游戏制作入门系列教程(七)

我们继续这一系列文章,使用HTML5的canvas组件进行游戏开发。我们将要更新完善我们的第4课html5游戏制作入门系列教程(四)的游戏实例,并增加了火球,敌人和碰撞检测等功能模块。所以,现在我们的飞龙可以施放火球来杀死敌人(还有成绩统计)。现在,这个游戏的互动性更强了。你可以点击这里阅读这一系列教程的前一篇文章:html5游戏制作入门系列教程(六)。我们将基于之前的程序和代码进行开发。   这里有我们的演示和下载包: 在线演示 源码下载   好吧,下载所需文件,让我们开始编码!   步骤1:HTML 下面是基本的HTML代码: 这里是我演示的HTML,非常简单,对不对? <!DOCTYPE html> <html lang="en" > <head> <meta… Read More

html5游戏制作入门系列教程(八)

今天,我已经准备了一个新的游戏 – SkyWalker。基本上 – 这是用飞飞行模拟射击类游戏。我们的目标到达终点线。这个游戏还有其它一些特点,例如使用飞机运动动画和爆炸动画,多按键处理(例如同时移动和攻击),有 一定的水平长度,增强了碰撞检测(现在的敌人可能会损坏我们的飞机) ,生命值和分数等游戏参数。你可以点击这里阅读这一系列教程的前一篇文章:html5游戏制作入门系列教程(七)。我们将基于之前的程序和代码进行开发。   这里有我们的演示和下载包: 在线演示   好吧,下载所需文件,让我们开始编码!   步骤1:HTML 下面是基本的HTML代码: 这里是我演示的HTML,非常简单,对不对? <!DOCTYPE html>… Read More

Linux 技巧:让进程在后台可靠运行的几种方法

想让进程在断开连接后依然保持运行?如果该进程已经开始运行了该如何补救? 如果有大量这类需求如何简化操作?   我们经常会碰到这样的问题,用 telnet/ssh 登录了远程的 Linux 服务器,运行了一些耗时较长的任务, 结果却由于网络的不稳定导致任务中途失败。如何让命令提交后不受本地关闭终端窗口/网络断开连接的干扰呢?下面举了一些例子, 您可以针对不同的场景选择不同的方式来处理这个问题。 nohup/setsid/& 场景: 如果只是临时有一个命令需要长时间运行,什么方法能最简便的保证它在后台稳定运行呢? hangup 名称的来由 在 Unix 的早期版本中,每个终端都会通过… Read More

[译]后台执行UNIX/Linux命令和脚本的五种方法

原文:http://www.thegeekstuff.com/2010/12/5-ways-to-execute-linux-command/ by SathiyaMoorthy on December 13, 2010 问题: 我知道如何在前台执行Unix命令。你可不可以告诉我怎样在后台执行Linux命令? 答案: 你可以使用本文下面介绍的5种方法中的任意一种,在后台执行Linux命令或脚本。 1. 使用&符号在后台执行命令   你可以在Linux命令或者脚本后面增加&符号,从而使命令或脚本在后台执行,例如:. $ ./my-shell-script.sh &… Read More

瀑布流布局浅析

简介 如果你经常网上冲浪,这样参差不齐的多栏布局,是不是很眼熟啊? 类似的布局,似乎一夜之间出现在国内外大大小小的网站上,比如 Pinterest (貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网,以及淘宝最新上线的“哇哦” 等等,倒是很流行哈~ 在淘宝即将上线的众多产品中,你还会大量看到这样的形式呢。 这种布局适合于小数据块,每个数据块内容相近且没有侧重。通常,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。所以,我们给这样的布局起了一个形象的名字 — 瀑布流式布局。   几种实现方式 随着越来越多设计师爱用这种布局,我们作为前端,要尽可能满足视觉/交互设计师的需求。所以,我们整理了下这种布局的几种实现方式,有三种:   1) 传统多列浮动。即 蘑菇街和哇哦 采用的方式,如下图所示:… Read More

用JavaScript获取页面上被选中的文字的技巧

这里介绍的一个小技巧是如何用JavaScript获取页面上被选中的文字的方法。最关键的JavaScript API是: event.selection = window.getSelection(); 这里的selection实际上是个对象,但如果我们使用 .toString()或强行转化成字符串,我们将得到被选中的文字。 $(document).ready(function () { $(".contenttext").mouseup(function (e) { var txt; var parentOffset =… Read More