View AR Proposal Page

1. Mindmaping & Sketch

某一天突然来了灵感，于是用Mindmap工具记录下来。后来还是改用纸笔画，因为可以随意画些东西，比较顺手。最初的概念是配合文字设置几个场景，最后因为时间的关系只简化为一个。

sketch

2. Making Markers and Tee

用这里提供的工具制作自己的标记，如果不太会用，可以看看这篇文章或者gotoAndLearn()上的这篇教程。

标记不仅可以印在纸上，用手机、PSP等显示设备效果也不错。除此此外，我还在网上印了一套情侣衣。

image

3. Modeling

用Cinema 4D建几个简单的模型，面不要太多，用自带的Collada导出就可以在Papervision3D里面用。材质不用调，用的是Papervision3D自己的Phong Shader。

3d heart

marry me

4. Drawing assets in Flash

写文字可能比我写程序要难，这些年钻研英文资料造成我的中文水平急剧下降。不过再花哨也都是形式，真的打动人心的东西都是些朴素平凡的东西。打好稿以后，用数位板在Flash中写一遍，还原自然的感觉。

flash

5. Test Drive in Papervision3D

FLARToolkit只是负责检测标记并计算坐标。在此之前先用Papervision3D把场景和动画元素做出来。散落的花瓣用Flint来做，粒子渲染可以和Papervision3D很好的整合。

test drive

6. Wrap it up

最后再做整合，只要把坐标关联到一起就可以了（看看BaseNode的代码）。为了尝试用多个Marker，我用了FlarManager这套类库。虽然提供了Add和Remove事件，但是检测机制有点复杂，花了相当的时间来搞明白。由于在移动Marker的情况下，事件会不断的被触发，所以开发一套自己的冲突解决方法是必须的。

developing

此外还有抖动的问题，用ease的方法（如下）可以很好的解决。更多关于FLARToolkit的使用经验等以后慢慢post出来。

var m : Matrix3D = container.transform;
var r : Matrix3D = FLARPVGeomUtils.translateFLARMatrixToPVMatrix(marker.transformMatrix);
var speed : Number = .4;
 
m.n11 += (r.n11 - m.n11) * speed;
m.n12 += (r.n12 - m.n12) * speed;
m.n13 += (r.n13 - m.n13) * speed;
m.n14 += (r.n14 - m.n14) * speed;
m.n21 += (r.n21 - m.n21) * speed;
m.n22 += (r.n22 - m.n22) * speed;
m.n23 += (r.n23 - m.n23) * speed;
m.n24 += (r.n24 - m.n24) * speed;
m.n31 += (r.n31 - m.n31) * speed;
m.n32 += (r.n32 - m.n32) * speed;
m.n33 += (r.n33 - m.n33) * speed;
m.n34 += (r.n34 - m.n34) * speed;

7. Shooting & Editing

作为整套计划的最后一部分，也为了给将来留段美好的回忆，一段视频是必须的。D90拍摄，PR剪辑，终于在五一前最后一天搞定。

editing

Related posts

« »