开发基于FLARToolKit的增强现实（AR）基础教程（一）

增强现实的基本解释是：在真实环境上实时地附加图形。在Flash中，经常使用一个摄像头和一个标记卡片来实现。当你将有标记的卡片对准摄像头的时候，Flash程序可以检测到这个卡片的基本图形信息并将一个3d模型附加之上。这个技术在flash中实现是非常令人兴奋地。尽管它仍然在开发初期，但随着时间的推移，AR将会很可能在我们体验web的过程中扮演重要的角色。现在是一个踏入这个领域的绝佳时期，最好了解它的工作原理。

围绕着AR有很多的Flash应用，随便在哪都有AR的入门教程（这个在贵国有待发展……）。事实上这篇文章是我用来作为起步学习的，对于初学者的好处在于这个教程已经准备好了一系列封装了FLARToolKit的类文件。同时我们创建了debug模式，当你不用摄像头时用来测试你的标记。对教程的大致浏览可能会令人畏缩，但是我会详细地讲解构建的每一个细节step by step。

然而，如果你不想读过长的教程或者你只想阅读教程的最后部分，我建议下载Final Demo文件来check out。我的代码注释可以使你知道这一切都是如何运做的。

在我们开始之前，有一些术语你需要熟悉：

FLARToolKit：我们将要在我们的工程中使用并实现AR的类库。这个类是由Saqoosha编写，以NyARToolKit 2.0.0为基础。现在它已经是开源的。

pv3d：papervision3d的缩写，这个是实时的3d引擎，也是开源项目。

FLARVision：我们将要创建的Demo的名字。

camera_para.dat是FLARToolKit将引用的一个二进制文件，其中记录了摄像头的设置和配置信息。

Marker or Pattern：FLAR将会分析和计算它的图形信息（orientation）。这个图形需要包含黑色边框和内侧的图形。你需要它来使AR工作起来。

CardEmulator：是一个简易的类，当你无法使用摄像头的时候（或者其他的情况下）用来模仿真实的标记卡片。我们将会通过鼠标移动来仿真一个人拿着卡片向着摄像头来回移动。

现在你已经熟悉了这些术语

安装papervision3d和FLARToolKit(略)

当用svn检出http://www.libspark.org/svn/as3/FLARToolKit/trunk时，lib包内是大量的文件夹形式的文件，如果你建立的是flex工程，请下载.swc格式的papervision和FLARToolKit。

Creating our Doc Class(创建我们的文件类)：

现在我们要创建一个新的ActionScript工程叫做FLARVision。你需要将papervision和FLARToolKit工程添加到FLARVision的Library Path中。

我们要做的第一件事是构建一个简单的文件类。这个类将是你想要利用papervision和FLARToolKit创建的任何工程的基础。我已经构造了它，所以当你建立自己的FLAR工程的时候便会很容易通过重写核心的方法扩展它。让我们来看一看：

1.     /**
   
2.     * Original Author:  Jesse Freeman
   
3.     * Class File: FLARVision.as
   
4.     *
   
5.     * Permission is hereby granted, free of charge, to any person obtaining a copy
   
6.     * of this software and associated documentation files (the "Software"), to deal
   
7.     * in the Software without restriction, including without limitation the rights
   
8.     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
   
9.     * copies of the Software, and to permit persons to whom the Software is
   
10.     * furnished to do so, subject to the following conditions:
    
11.     *
    
12.     * The above copyright notice and this permission notice shall be included in
    
13.     * all copies or substantial portions of the Software.
    
14.     *
    
15.     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
    
16.     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
    
17.     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
    
18.     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
    
19.     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
    
20.     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
    
21.     * THE SOFTWARE.
    
22.     *
    
23.     * Licensed under The MIT License
    
24.     * Redistributions of files must retain the above copyright notice.
    
25.     *
    
26.     * Revisions
    
27.     *                 1.0  Initial version April 29, 2009
    
28.     *
    
29.     */
    
30. 
    
31.     package
    
32.     {
    
33.              import flash.display.Sprite;
    
34.              import flash.display.StageAlign;
    
35.              import flash.display.StageQuality;
    
36.              import flash.display.StageScaleMode;
    
37.              import flash.events.Event;
    
38.             
    
39.              import org.papervision3d.cameras.Camera3D;
    
40.              import org.papervision3d.materials.WireframeMaterial;
    
41.              import org.papervision3d.objects.primitives.Plane;
    
42.              import org.papervision3d.render.BasicRenderEngine;
    
43.              import org.papervision3d.scenes.Scene3D;
    
44.              import org.papervision3d.view.Viewport3D;
    
45.             
    
46.              /**
    
47.               *
    
48.               * @author Jesse Freeman
    
49.               *  
    
50.               */        
    
51.              public class FLARVision extends Sprite
    
52.              {
    
53.                       protected var scene:Scene3D;
    
54.                       protected var camera:Camera3D;
    
55.                       protected var viewport:Viewport3D;
    
56.                       protected var renderer:BasicRenderEngine;
    
57.                      
    
58.                       /**
    
59.                        * Main Constructor for the class.
    
60.                        *
    
61.                        */               
    
62.                       public function FLARVision()
    
63.                       {
    
64.                                configureStage();
    
65.                                init();
    
66.                        }
    
67.                      
    
68.                       /**
    
69.                        * Configures the stage and sets the scale mode to keep visuals from
    
70.                        * distorting when resizing the browser window.
    
71.                        *
    
72.                        */                        
    
73.                       private function configureStage():void  
    
74.               {  
    
75.                           stage.quality = StageQuality.HIGH;
    
76.                    stage.align = StageAlign.TOP_LEFT;
    
77.                    stage.scaleMode = StageScaleMode.NO_SCALE;
    
78.                }
    
79.             
    
80.                       /**
    
81.                        * Called at the construction of the class. Calls the setup Papervision
    
82.                        * method and adds an event listener to the render the Viewport.
    
83.                        *
    
84.                        */            
    
85.                       protected function init():void {
    
86.                                setupPapervision();
    
87.                                addEventListener(Event.ENTER_FRAME, renderViewport);
    
88.                        }
    
89.                      
    
90.                       /**
    
91.                        * Sets up and configures Papervision. This function can be overridden
    
92.                        * to accommodate any custom set ups you may need for your project.
    
93.                        *
    
94.                        */                        
    
95.                       public function setupPapervision():void
    
96.                       {
    
97.                                scene = new Scene3D();
    
98.                                camera = new Camera3D();
    
99.       
    
100.                                // Create the Viewport
     
101.                                viewport = new Viewport3D(stage.stageWidth, stage.stageHeight);
     
102.                                addChild(viewport);
     
103.       
     
104.                                create3dObjects();
     
105.                               
     
106.                                renderer = new BasicRenderEngine();
     
107.                        }
     
108.                      
     
109.                       /**
     
110.                        * This default function is where 3d Objects should be added to PV3D's
     
111.                        * scenes.
     
112.                        *
     
113.                        */                        
     
114.                       protected function create3dObjects():void
     
115.                       {
     
116.                                var plane:Plane = new Plane( new WireframeMaterial(0xff0000) );
     
117.                                scene.addChild(plane);
     
118.                        }
     
119.                      
     
120.                       /**
     
121.                        * Renders the papervision scene.
     
122.                        * @param event
     
123.                        *
     
124.                        */                                
     
125.                       public function renderViewport(event:Event = null):void
     
126.                       {        
     
127.                                renderer.renderScene(scene, camera, viewport);
     
128.                        }
     
129.                      
     
130.               }
     
131.     }

复制代码

（这个类papervision已经构造好了叫做BasicView，相信经常做pv3d的朋友早就知道。而这个逐帧渲染的方法并不是一个很好的方法，由于pv3d非常占用资源，所以我们有时需要手工地stopRendering()和startRendering()）。

（关于papervision3d的基础我不翻译，如果不熟悉的童鞋请移步天地会3d应用）。

转载http://miyaonanhai.blogbus.com/logs/70836695.html

楼主辛苦了，现在看得人这么少，支持一下

夏天的冰 发表于 2013-6-30 12:09
楼主辛苦了，现在看得人这么少，支持一下

嗯哪~~~~~~~

这个好用吗，这么复杂

很期待，好东西

这个感觉有点复杂！！先学习一下！！！