Ludum Dare是一个民间组织的、世界范围的、完全for fun的独立游戏开发“挑战赛”，比赛每个季度举办一次，时间选在周末，比赛开始时会在官方网站上公布此次比赛的主题（关键词），此后来自世界各地的独立游戏开发者们在48小时内，不依靠预先准备的素材、程序库，一个人完全独立地完成一款游戏的开发——包括设计、美术、音乐、程序。

在开发前、开发中、开发后，每一位开发者都可以随时在比赛官方网站上更新自己的牢骚、抱怨、饮食睡眠情况，当然还有游戏开发进展……在这48小时中，通过网站的博客系统你可以感受到与世界各地的开发者“同场竞技”的美妙感觉，乐趣无穷。

由于比赛的发起和参与都是完全基于网络的，并且不允许组队，所以参与起来极为容易，下面列出的3款游戏都是在参加Ludum Dare的参赛作品，均使用Unity3D开发在48小时内完成，作品页面中包含在线游戏网址、单机版下载以及Unity工程文件下载。抛砖引玉，希望以后能有更多国内的同好一起参加这个盛大的聚会：

LD#19:Land of Discovery

第一次参赛经验不足，所以设计的游戏内容很多，但最后只实现了一部分。游戏的玩法有一定创新性，同时加入了钟爱的RPG要素以及火球术。

LD#21 Escape

第二次参赛吸取上次比赛的教训，决定制作一款简单的游戏——虽然游戏机制非常简单，但是在主题的设定上还是下了不少功夫，游戏的过程是对于“梦想、现实、追逐”的隐喻。由于三维制作能力基本为零，所以扬长避短的采用了抽象画面风格，结果好像反响还不错，画面部分获得了不错的分数。

LD#22 Warrior cursed by Loneliness

这一次参赛在游戏创意上卡了许久，以至于24小时过后仍然无法决定做什么游戏，犹豫不觉中发现不论怎样都很想做一个胖胖的小骑士（创意过程中随手画在草稿纸上的），于是干脆不再琢磨游戏创意，开始边学边做胖胖骑士的三维角色模型和动画——待动画制作完毕后，看着他挥剑的动态，游戏的想法竟也就浮出了水面。最终大家对游戏画面给出了挺高的评价，并普遍反映游戏很难。

总而言之，FP 11的3D渲染功能总算有一套可以与之相配的功能完备的三维引擎了。Unity快速而直观的开发流程应用在Flash三维应用的开发上，让我们这些曾经死磕PV3D和Away3D的人感到清风拂面，简直是泪流满面。

最后几天才决定参赛，基本赶上又一个Ludum Dare了，内容是将两年前所做的增强现实《山海经》作品——“山海游”移植到Flash平台上。对于推广《山海经》这本上古奇书我们总是不遗余力，Flash Player的广大覆盖范围+FP 11的三维渲染能力+Unity开发环境使得这次移植成为一个必然的选择。时间有限，开发过程中也经常性的出现一些功能支持方面的问题，但总算有了一个像样的Demo了：

试玩地址：http://spotlightor.com/shanhaiyou/

由于是Preview版的Unity，所以Flash发布功能还存在不少瑕疵，在开发过程中的很多对抗bug的“经验”估计在正式版发布后都会得以解决，所以也就没有没有什么必要进行总结了，不过有一点是肯定的：不要寄希望于Unity-Flash发布的内容可以和单机版完全一样，毕竟是运转在两套机制上，不过肯定是会比iOS和Android版的还原度要高得多。另外发布出来的flash文件尺寸比较大——2.2MB起，用户需要多一些耐心了。

听闻Unreal Development Toolkit（UDK）也会支持Flash发布功能，其他三维引擎应该也会陆续跟上，这势必会成为一个趋势，也是一件天大的好事，届时Flash 3D内容的开发技术门槛进一步降低，开发流程简化，人们便可以更加专注于作品的创意和质量。

今天学习了Unity3D中关于动画方面的东西，使用《山海游》中的角色刑天作为主角做了一个小的角色动画演示demo：http://spotlightor.com/lab/unity3d/animation

操作方法：

• 方向：ASDW或键盘方向键
• 攻击：左Ctrl

Unity3D动画导入经验

Unity3D支持直接读取Max相当不错，并且允许通过文件名的方式来为某一个模型添加多段动画：

• YourModel.max
• YourModel@run.max（给YourModel附加名为run的动画）
• YourModel@attack.max（给YourModel附加名为attack的动画）

不过官方推荐的多段动画存储方式还是在一个时间轴内制作多段动画然后在导入的时候设置分段导入动画，只是当年在做这个角色时还不知道这样的做法，所以做成了独立的文件，好在Unity3D有办法搞定。

在我导出动画的时候遇到了FBX插件版本的问题，我的Max 2009装的是2011.3最新版的FBX插件（最新版FBX插件请访问这里），导致不论是用FBX格式还是使用Max格式动画都无法导出。Unity3D 2.6版的FBX导入功能是使用FBX2009版的SDK开发的，所以需要使用老版本的插件，根据Unity Answers上的回复，Unity3D 2.6目前支持的最高版本的FBX插件为2010.2版（请点击这里下载Autodesk FBX 2010.2.1），装回老版本插件后，FBX动画导出正常，而且连Max的导出也OK了，我怀疑Unity对于Max文件的导入实际上是在内部使用了FBX作为中间格式，因此FBX插件的版本影响到Max文件的导入。

据说Unity3D 3开始将使用FBX2010的SDK开发，届时就需要再更新插件了。

Unity3D会随着升级不断支持更新版本的FBX、三维软件格式（.max .blend等），具体版本数据请关注Unity3D版本介绍信息。

Image Wave这个练习之作尝试将Unity3D这款三维游戏引擎应用于范围更广的网络富媒体应用（RIA），在这片目前Flash一统天下的领域，Unity的优势自然是高质量的真三维交互体验。该作品的灵感来源于bartek drozdz的一篇文章：

http://www.everyday3d.com/blog/index.php/2010/03/09/loading-and-manipulating-images-in-unity3d/

用户通过改变网址中所包含的图像地址参数来控制Unity程序自动加载所指定的图片，并根据该图片每一个像素的亮度和颜色动态生成不同高度、色彩的方块，当鼠标滑过方块时，高低不同的方块也会像琴键一样弹起落下，发出高低各异的音效，汇成一种单纯而不乏趣味的交互体验。

“网址传递参数”技术在Flash和其他RIA应用中非常普遍，它最直接的好处就是A用户只需要分享网址便可以让打开该网址的B用户看到A此前所定制的特殊内容，可以说是最简单快捷的“用户定制内容+分享”的方式，Image Wave的网址参数格式是这样的：

http://spotlightor.com/lab/unity3d/imagewave?url=图片网址

下面列出了一些比较有趣的Image Wave图片效果以及观看这些效果所需访问的网址：

http://spotlightor.com/lab/unity3d/imagewave?url=rb.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=https://secure.avangate.com/images/merchant/35936504a37d53e03abdfbc7318d9ec7/products/gradient.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://www.colorjack.com/software/media/circle.png

http://spotlightor.com/lab/unity3d/imagewave?url=http://www.dreamwebstore.com/dws/dwsfiles/images/5ee2541dfab1ac2dcbd13c88f361de97063e02a2/fdesddpscs_120707.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://www.chinese-letter.com/images/fire-ball-black-hot-burning.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://i153.photobucket.com/albums/s216/phyreblade_blog/Weapons/Spiderman/Sword.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://www.thebackyardarmory.com/images/TBYA-shields%20024.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://soulysolar.mudventions.com/wp-content/uploads/2008/07/tri.png

http://spotlightor.com/lab/unity3d/imagewave?url=http://http.developer.nvidia.com/GPUGems/elementLinks/fig16-04.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://unity3d.com/images/top-menu/mm_unity_icon.png

最近的项目中需要渲染一些仙境的动画，为了表现出梦幻的仙境效果，我首先想到的是在游戏中很常用的Bloom特效，用来表现仙境中耀眼阳光的感觉，我们在网上找到了一个在Photoshop中实现Bloom特效的方法：

1. 复制当前图层
2. 高斯模糊
3. 提高曝光
4. Screen叠加模式

我们在Affter Effect中使用同样的方法也顺利实现了Bloom的效果。后来，我觉得这个效果的原理很简单，模糊和叠加模式也是Flash里现成的东西，于是使用Actionscript3将这个特效实现了一下，而且最关键的是——它是实时的，具体见下面的效果（需要安装摄像头）：

下载源代码

除此之外还使用了ColorMatrix类以及MinimalComp。

应该算是比较古老的一个鼠标特效了，最近一个项目里客户想要，我用AS3重新实现了一下，后来，觉得好玩又增加了定时位图描绘的功能，就有了下图所示的效果（可在这里在线体验）：

其实就是底下铺一张位图，然后设置一个定时器（Timer），每隔一个时间间隔就Draw一下画面，再附加一个减淡的ColorTransform即可。

在核心类内提供了很多参数可供调整，在这里做一下注释：

[as3]
// 颜色的RGB分量是以sine函数为周期变化的，这里是它们的起始角度
private static var _COLOR_VARIATION_R:Number = Math.PI * 1.5;
private static var _COLOR_VARIATION_G:Number = Math.PI * 0.5;
private static var _COLOR_VARIATION_B:Number = Math.PI * – 0.5;

// 颜色RGB分量的sine函数增值（每一帧）
private static const _COLOR_VARIATION_STEP_R:Number = .04;
private static const _COLOR_VARIATION_STEP_G:Number = .03;
private static const _COLOR_VARIATION_STEP_B:Number = .02;

// 最小（起始）线宽
private static const MIN_LINE_WIDTH:Number = .1;

// 最大线宽
private static const MAX_LINE_WIDTH:Number = 3;
// 线宽递增值（每一帧）
private static const LINE_WIDTH_VARIATION_STEP:Number = 0.04;
// 这个没作用，忘了在代码里实现了……原本是打算限制最高速度的
private static const MAX_SPEED:Number = 2;
// 鼠标移动速度对曲线锚点的影响比例
private static const MOUSE_SPEED_FACTOR:Number = .04;
// 在鼠标移动速度的基础上，附加一个随机速度
private static const MAX_RANDOM_SPEED:Number = .5;
// alpha递减值（每一帧）
private static const ALPHA_DECREASE_STEP:Number = 0.01;
// 递减能达到的最小alpha值
private static const MIN_ALPHA:Number = 0.8; [/as3]

如果按照下面的代码，同时生产多个SpeedCurveCursor的实例，则会出现非常纠结的效果……（在线体验）

[as3]
for (var i:int = 0; i < 15; i++)
{
_speedCurveCursor = new SpeedCurveCursor(50 + i);
addChildAt(_speedCurveCursor,2);
_speedCurveCursor.activate();
}[/as3]

下载源代码

通过最近的研究，Mixar Local增强现实方案目前已经可以识别无框图案，而且不再局限于正方形的图案，任何长宽比的矩形图案皆可用于识别，下面这个视频进行了简单的演示：

国内增强现实的应用才刚刚露出端倪，而国外在增强现实的应用方面则更为丰富，但也是处于摸索阶段，最近有作者在网上评论Total Immersion最新为杂志所做的增强现实方案，本是冲着Total Immersion的大名而去，但作者却似乎对这次的增强现实体验并不怎么满意，首当其冲的就是需要下载第三方插件并且需要手动安装（Unity3D和Virtools目前都已经支持在线下载安装插件），而且需要重启浏览器；其次是内容庞大的数据下载量，毕竟这可是高精度模型和贴图；另外就是作者似乎觉得此次增强现实的内容并不怎么有趣。作者对无框识别的技术自然赞赏有佳，但是对这种增强现实应用的可行性易用性以及实效性提出了质疑。

确实，根据我的经验，增强现实在实际使用中首当其冲需要解决的问题的便是可行性和易用性，用户能不能快速、无障碍地开始体验本身就是一个颇具挑战性的课题，解决这个之后还有实效性的问题，增强现实如果只作为噱头自然没什么问题，但不会有公司乐于为纯粹的噱头买账，它能否切实提高销量？它能否提高品牌知名度？它能为我们带来什么价值与收益？每一个交互设计者都需要仔细考虑考虑这些问题。

下面这个是目前我在网上看到的视觉效果最好的AR汽车应用了，只可惜没有什么交互，出自道奇Avenger。

AR Game Demo, Info display & Motion detect from 5iistudio on Vimeo.

前段时间成功将ARToolKit移植给了Virtools，相较于网上的ARToolKitPlus-Virtools插件，主要的优势是允许自定义Marker的图案，但是需要一定牺牲运算性能和精确性。

创新的地方是加入了Marker卡片的动作侦测功能，比如视频演示中刑天挥动斧子的动作就是由用户“上下颠动卡片”来触发的，这种依托卡片的交互方式可以提高体验的无间断性。
内容上做的是“山海经生物信息展示”的部分，在最后会是一个单独的展示模块，供观众查看各种生物的信息。
当生物被拿到一定高度后会进入详细信息展示界面，此时用户可以通过旋转生物到不同的角度来观看不同的信息点内容：

桌面上会叠加虚拟的信息触点（视频中桌面上的“图”字），用户把卡片放到该触点上后会触发显示该生物相应的内容，比如“图”字信息点会触发显示该生物在《山海经》中的原始图画造型：


计划再做一个“故事+地图”信息点，用来显示该生物在“山海图”中的位置以及其故事记载。

http://spotlightor.cm/lab/flash/dm

一个PV3D的简单应用，通过三维交互预览设计师设计的DM刊的视觉效果，并且可以实际体验折叠的效果。

因为最近刚刚完成金帝薄片巧克力系列的视觉设计作业，为了能够预览DM刊效果便做了这个小东西，使用了平面反射效果，在PV3D里面实现真是非常简单，是一个很实用的特效。之所以使用Flash进行制作是出于其利于传播的优势，可以很方便的发给客户或印刷厂看，代价就是需要牺牲一点效果，比如文字的锯齿严重。

更多图片：