游戏开发

自打DHTML出来后，开发者就开始在web上弄一些好玩的东西，早在1999年，就有人开始用DHTML做网页游戏，比如：Fun and Games with DHTML 。可惜限于当时浏览器的性能和特性，加上CPU处理能力有限，许多还是停留在设想中，但这并不能挡住开发者前进的脚步，他们并没有 Give Up。随着浏览器性能的改进以及HTML语言本身的发展，加上硬件性能也有了长足的进步，现在如今诸多的 Javascript Game Engines 已经如雨后春笋般的冒出来了。

相较于HTML4，HTML5做了像素控制机制以及图形加速方面的改进，正是这些改进，让WEB游戏开发变得简单，那么，接下来，在本文的上半篇，我们首先要介绍的是两个2D HTML5游戏引擎，下篇我们会介绍一些好玩的3D HTML5游戏引擎。

一、GameJS 开源2D HTML5 游戏引擎

Processing 语言是专门为开发者中的艺术家而创建的，由MIT Media Lab的两个家伙所开发，一开始，他们的初衷只是想让开发变得有趣一些，正是这样一个单纯的目的，造就了Processing语言的艺术气质，令它成了一些Geek眼中的宝贝。当然，它也并不一定是Geek的专利，因为随着它越来越被广泛传播，现在玩这个被称为电子艺术和可视化设计，许多真正的艺术家也参与到了其中。　　Processing 语言的网站在： http://processing.org/ 。 在它的展示厅（Exhibition）页面上你能看到许多令人吃惊和好玩的图形和动画，难以置信的是这些东西都是通过很简单的程序代码“画”出来的，是的，有时候很难相信。比如下面这幅图片就是接合Twitter的数据用Processing画的。

还有下面这个：

看到这里，您是不是有马上一试的冲动呢？那么，下面，跟我来一起开玩吧。

在开发移动应用的过程当中，如果你的应用只定位在一种平台上，这可不是一个好主意，但是为许多不同的平台Building应用又是一件非常麻烦和非常不爽的事情，因为你会发现每一种手机平台都有自己的SDK，它们需要使用不同语言来进行开发，你可能不得不需要5、6个代码仓库来管理不同设备上的代码，而且需要不同设备的开发人员来开发维护这些仓库，你还不得不装上各个设备的sdk，设置好路径和各种配置信息，来编译不同设备上的应用包。那么移动网站模式是不是一个可以接受的替代方案呢？幸运的是移动应用和移动网站并不是对立的两端，通过Phonegap我们可以采用html5的网站形式来开发移动应用。也许开源Phonegap 会成为 WebApp 上设备端开发的事实上标准，ShowMuch本期就为你推荐移动开发利器：PhoneGap。我们先来看看PhoneGap的特性：

• 支持6种移动设备平台：iOS, Android, BlackBerry, WebOS, Symbian WRT, Windows Mobile(内部测试)，以及桌面环境（内部测试）
• HTML5 + CSS3 + JavaScript  利用标准的Web技术开发应用
• Phonegap Build: write once, compile on cloud, run anywhere. 提供在线Builder平台：只写一次，云端编译，运行在任何地方
• 目前已经有上千基于Phonegap的应用在AppStore上

开始玩

首先自然是需要下载 phonegap： http://www.phonegap.com/

然后你还需要相应设备的SDK

编者按：作为一个介绍优秀开源项目的网站，开源硬件也将是我们重点关注的一块，在未来，我们会把更多优秀的开源硬件项目介绍给大家。在此之前，让我们先预习一下开源硬件的三个时代。：），本文作者：李雪愚，盛大创新院高级架构师。

对于开源硬件来说，我们根据其技术特点，大概将其分为三个时代，即：焊接时代（过去）、插接时代（现在Arduino），无线时代（未来）

一、焊接时代

硬件开放初期本为DIY硬件，那个时候电路图，PCB图纸开放的也不少，但是由于还是只能是搞电子技术的小圈子才能玩转的。

在Web开发的过程中，使用CSS的是很普遍的，虽然CSS本身并不复杂，但在大型网站中如何去有序地组织好CSS结构却是一个相当棘手的问题。为了解决开发者的这些问题，就有了Sass的出现。Sass 的全称是 (Syntactically Awesome Stylesheets)，是一种输出CSS的meta编程语言, 可以帮助开发者写出复用性更优的CSS文件。它能将类似CSS但是更简便的书写的sass语言最终转换为CSS代码。Sass提供了基于Ruby语言开发的工具能够很容易的将sass代码转换为CSS代码.

它的语法特性

1. 变量: Sass中以”$”号打头的$name 都是变量。我们可以给变量赋值，然后在文件中使用它们。
2. 继承:
   　A. 继承其它选择器的属性：.error {border: 1px}; .badError {@extend .error};
   　B. 在选择器中属性插入”&”它就会继承父选择器：a: {color:black; &:hover {color:blue}}
3. 内嵌 ：这个功能将另外一个急需的特性加入CSS：将选择器嵌入到其他等级，而不是不得不取消在一些高级选择器定义中嵌套。Sass翻译器将这个简洁的特性扩展到了CSS。
4. 混合类型 ：允许开发者抽象出性质的共同点，然后命名并且加入到选择器中。熟悉Ruby混合类型的开发者会了解混合类型在CSS中的应用。Sass也允许将混合类型作为参数，使得混合类型的应用更加灵活。
5. 操作 ：Sass支持简单的算术操作，例如±×/，以及函数。将这个特性和变量结合起来，会使得CSS变得更加灵活。工具需要保证操作的单位（px, pt）正确性（例如字体大小等, width: 1in + 8pt，将某颜色亮度增加10%: lighten(yellow, 10%)）。

Sass语言支持的函数列表在这里：http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html