开发笔记 第784页

安装并配置ARToolKit

• 安装介绍
• 编译toolkit
  • Windows
  • Linux/SGI Irix
  • Mac OS X
• 运行例子和工具

安装介绍

ARToolKit的核心部分是一组可供应用程序调用的函数库。出于这个理 由，ARToolKit以源代码的方式发布。所以，你需要对它进行编译使之工作于你的平台。因此，你需要一个开发环境。开源开发环境（如GCC）可工作于 任何平台，你可以选择使用它来进行编译。当然，ARToolKit也支持在Microsoft Visual Studio中进行编译。

尽管ARToolKit为各种平台提供了类似的功能，安装方法却不尽相同。本文档的这个部分就是介绍如何在不同平台上安装并配置ARToolKit。

要安装并使用ARToolKit，你的机器、操作系统和平台必须满足基本要求。你的硬件必须 能获取视频流，并且CPU性能要足够好，以便同时进行图像的处理和显示。在软件方面需要满足一些（软件包的）依赖关系，否则会导致编译错误。主要的依赖关 系都是跨平台的（如OpenGL和GLUT），其他的依赖关系需要根据你自己的操作系统来满足（如DirectShow，V4L，QuickTime）

下面的部分将具体列出各操作系统中的依赖关系。

编译ToolKit

在Windows中编译

安装前的准备：

编译ARToolKit：

按照以下步骤编译ARToolKit. Build：

1。将ARToolKit.zip解压到任一的目录下。为叙述方便，后面用{ARToolKit}代替该目录。

2。把DSVideoLib.zip也解压到{ARToolKit}。确保解压后的文件在名为“DSVL”的目录下。

3。把{ARToolKit}\DSVL\bin下的DSVL.dll和DSVLd.dll拷贝到{ARToolKit}\bin下。

4。把GLUT DLL拷贝到\Windows\System32\目录下，把GLUT SDK的.h和.lib文件放到VStudio的相应目录下（参考前表）

5。运行脚本{ARToolKit}\Configure.win32.bat，自动建立include/AR/config.h。

6。打开ARToolKit.sln（如果开发环境是VS.NET)或者ARToolkit.dsw（VS6的情况）。

7。编译toolkit.。

VRML渲染库和例子根据需要进行编译（libARvrml 和 simpleVRML）。步骤如下：

1。把OpenVRML.zip解压到{ARToolKit}。

2。把js32.dll从{ARToolKit}\OpenVRML\bin中拷贝到{ARToolKit}\bin。

3。在 VS配置管理器（configuration manager）中激活libARvrml和simpleVRML项目，然后编译。

运行例子和工具

当前的ARToolKit发布版本并没有要求把ARToolKit安装在特定的位置。在你编译自己的应用程序的时候，应该保证能找到ARToolKit。如果把ARToolKit编译为静态库，它将会被连接到所有你编译的程序中去。

为了使用ARToolKit，你需要有做一些“标志物”：例子程序使用的标志物放在 patterns目录下。你可以用把它打印出来。这些标志对你以后的开发也是有用的。ARToolKit需要一个不易形变的标志物，所以简单的做法是把标 志物粘在硬卡片上。然后，使用/bin目录下的graphicsTest来测试ARToolKit的图形部分是否正常工作。如果工作正常的话，应该显示一 个旋转的茶壶。

这个测试用来测试你的摄像头对ARToolKit的的图形模块的支持。图形模块使用了OpenGL。最小的允许幀率是15fps。低于这个数值会明显的限制ARToolKit渲染模块的正常工作（参考FAQ）。除此之外，还需要测试视频熟如是否正常、视频是否能显示。在/bin目录下的videoTest可以完成上述测试。如果没有错误的话，应该出现一个视频窗口，显示出摄像头采集的内容。这个测试用来测试你的摄像头对ARToolKit视频模块和图形模块的支持。

如果没有显示，可能是你的摄像头没有正确配置导致其不能正常工作（参考FAQ）

第一个例子

• 介绍
• 运行ARToolKit
• simpleTest的输出

介绍
当ARToolKit正常安装后，在/bin目录下有一个叫simpleTest（或simple，根据版本的不同名字有不同）的 程序可以展示ARToolKit的功能。不过你还需要把hiroPatt.pdf中的标志物打印出来。为了获得更好的效果，推荐把它粘在一个平的硬卡片 上。

在任何情况下，这个程序的输出都是一样的。所以本章的最后一个部分给出了程序在不同平台上的输出。

运行ARToolKit

运行方法，目前只有两种：一种是直接单／双击；一种是在控制台里运行。后一种要更好，因为从命令行启动会给出ARToolKit的错误和标准输出流信息（对ARToolKit来说很有用）。每个平台都提供了一个对话框用来在运行主AR循环之前设置视频。

On MacOS X double click on the simple icon in the bin directory from your mac explorer. A console window will open and when the camera is detected the follow dialog will open. Otherwise start the Terminal program, go the bin directory and run simple.

On SGI you need to use a terminal, go to the bin directory, and run simple.

simpleTest的输出

Flash Augmented Reality

by shine on Jan.12, 2009, under ActionScript, 交互技术研究

使用Flash实现增强现实

2009-5-5 11:10:56

Demo
Website

这是一个超级大的项目工程，叫“Spark project”。在里面，你会找到不少实用的AS3类库，例如 swfassist ，一个解析SWF文件的库，支持Flash player 9，可以用as动态生成swf文件；又例如BMPDecoder、ICODecoder、PSDParser，从名字可以看出分别是用来解析bmp文件、 ico文件以及psd文件（没错，就是PhotoShop的源文件格式 PSD ！）；也有 AS3D 库，用来处理 3D 的；还有 SQLControls ，可以在AIR里方便操作SQLite数据库；还有很多很多…… 总体来说，包含以下这些相关：

• 图形/颜色处理
• 显示对象处理
• 3D
• 图像处理
• 音频处理
• 通信处理
• 数学运算
• 物理现象
• 游戏算法
• 时间日期处理
• Flash Player/系统
• 调试/测试
• 二进制文件处理（bmp、ico、psd等等）
• 其它…

        该项目是日本人做的，幸好有英文版本的页面。要学会用应该也需要一段时间了，想要研究他们的源代码，想必不是一件快乐事 🙂

项目首页：http://www.libspark.org/
一堆AS3类库的英文版页面：http://www.libspark.org/wiki/WikiStart/en

转载;http://www.xuewolf.com/?p=104

Google AJAX APIs Playground

给调试和学习google api的朋友（绝大多数应该是地图类api吧！）一个调试和学习google api的好去处 — — Google AJAX APIs Playground.

本周一，Google发布了他的第二个版本。（看来老外清明节没有放三天假！）Google依然在跟我们搞笑，该工具在google自家的浏览器上无法正常使用。

这个版本加入了几个新特性：

1.支持断点。

2.用Firebug Lite做调试工具。

3.代码编辑框显示行号了。

4.可以直接编辑示例的HTML了。

转载：http://www.evlook.com/?p=126

平常上网遇见不懂单词和句子的时候，都喜欢用翻译软件来翻译一下，一般都用有道和google。这几天看google API的时候发现他好像早就提供了翻译的方法，不过好像没什么人用 那我来用，呵呵。

写了个JQuery的小插件，结合google ajax API，提供页面文字的即时翻译功能，只要你指定要使用即时翻译的模块ID并指定翻译语言（如果不指定就按照操作系统默认语言进行翻译。）就能简单调用，非常方便。

如果你的blog是中文但是很多国外访问者那你可以用了试试，如果你的是英文blog，但是很多用中文的用户访问，你也可以使用。总之都是为了大家提供便利，呵呵。

可以选择下面的两段文字看看效果

一、你必须引用google提供的API

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("language", "1");
</script>

二、翻译控件用到的默认样式

.JGTranslationPopStyle{font : normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;border:2px solid #C5D7EF;background:#fff;}
.JGTranslationPopStyle p{padding:3px;margin:0px;line-height:150%;}
.JGTranslationPopStyle div{text-align:right;background:#E5ECF9;}

三、调用方法

$(selector).JGTranslation(options)
//可选参数
//Language:string(default = "userLanguage")
//PopStyle: string(default = "JGTranslationPopStyle")
//Branding:boolean(default = true)

示例：

<div id="TS1">
曲曲折折的荷塘上面，弥望的是田田的叶子。叶子出水很高，像亭亭的舞女的裙。层层的叶子中间，零星地点缀着些白花，有袅娜地开着的，有羞涩地打着朵儿的；正如一粒粒的明珠，又如碧天里的星星，又如刚出浴的美人。微风过处，送来缕缕清香，仿佛远处高楼上渺茫的歌声似的。这时候叶子与花也有一丝的颤动，像闪电一般，霎时传过荷塘的那边去了。叶子本是肩并肩密密地挨着，这便宛然有了一道凝碧的波痕。叶子底下是脉脉的流水，遮住了，不能见一些颜色；而叶子却更见风致了
</div>
<div id="TS2">
Now that I've lost everything to you,
you say you want to start something new,
and it's breaking my heart you're leaving,
baby I'm grieving.
But if you wanna leave take good care,
hope you have a lot of nice things to wear,
but then a lot of nice things turn bad out there.
</div>

$('#TS1').JGTranslation({Language:'en'})
$('#TS2').JGTranslation()

转载：http://www.cnblogs.com/beniao/archive/2009/05/04/1447774.html
FMS开发中，经常会使用共享对象来同步用户和存储数据。对于实现广播文字信息实现聊天的支持非常强大，还可以跟踪用户的时时动作，在开发Flash多人在线游戏中的应用也非常广阔。

      在使用FMS开发共享对象时需要注意，只有使用Flash Media Interactive Server或Flash Media Development Server这两个版本时才能够创建和使用远程共享对象，来实现多客户端的应用程序之间共享数据。如果是使用的Flash Media Streaming Server版FMS是不能创建远程共享对象的，只能创建本地共享对象，类似于传统Web开发中的Cookie。

      使用共享对象(SharedObject)来开发时时文字聊天其实是很简单的，SharedObject可以跟踪和广播消息，连接到 SharedObject中的其中任何一个客户端改变了SharedObject中的数据，SharedObject就会将最新的数据广播到连接到它的所 有客户端。从某种角度可以理解为远程的SharedObject是一个同步很多用户的一个网络中心。下图为官方发布的SharedObject广播消息 图：

      本文是通过实现一个简单的文字聊天来介绍FMS中的远程共享对象的使用，首先在FMS中建立好应用程序名，既在FMS的安装目录下的applications下建立一文件夹，来作为共享对象应用程序使用，如下图所示：

      如上图，SharedObjectApp就是为实现聊天建立的一个FMS应用文件夹，其下的 sharedobjects/_definse_为成功创建远程对象后自动生成的目录。如果你所创建的为永久性的远程共享对象，则在该目录下还将会有一个 以.fso为扩展名的远程共享对象文件。

      要创建远程共享对象，首先需要连接到FMS应用，然后通过SharedObject.getRemote()方法来完成远程共享对象的创建，通过给远程共享对象添加同步事件监听，远程共享对象里的数据一但发生改变就会自动触发该事件，来实现同步数据。

      上面代码块实现了连接到FMS应用，成功连接后便创建远程共享对象(RemotingSO),同时还为远程共享对象添加了同步事件监听，通过onSyncHandler方法来处理事件。

      在继续实现聊天功能前，我们需要编写一个通用方法，该方法提供将一个数组里的数据转移到另一个数组，如下代码块：

      下面我们通过发送消息的流程开始，首先是发送消息，通过自定义Message类来封装消息内容：

      在发送消息的时候，通过此Message类来封装发送消息的数据，然后将其发布到FMS中的远程共享对象，更新远程共享对象中的数据。

      实现了发送消息(将消息添加到远程共享对象并更新远程共享对象的属性值)，如果有多个客户端连接到该远程共享对象，这时就回触发远程共享对象的同步事件，通过同步事件处理方法就可以将远程共享对象中的数据同步到客户端。如下代码块：

      如上便完成了整个文字聊天的功能开发，主要应用到的技术点就是通过远程共享对象来同步用户数据。下面为完整的Flex端代码：

完整的Flex端代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12">
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.collections.ArrayCollection;
            import flex.VO.Message;
            
            private var nc:NetConnection;
            private var so:SharedObject;
            
            private function onClick():void
            {
                nc = new NetConnection();
                nc.connect("rtmp://192.168.1.101/SharedObjectApp");
                nc.addEventListener(NetStatusEvent.NET_STATUS,onNetStatusHandler);
            }
            
            private function onNetStatusHandler(evt:NetStatusEvent):void
            {
                this.panChat.title+="("+evt.info.code+")";
                if(evt.info.code=="NetConnection.Connect.Success")
                {
                    //创建一个远程共享对象
                    //参数:远程共享对象的名称 | 连接到的应用程序的URI | 远程共享对象是否为永久远程对象
                    so = SharedObject.getRemote("RemotingSO",nc.uri,true); //将生成SO.fso
                    //远程对象(SharedObject)同步事件的监听
                    so.addEventListener(SyncEvent.SYNC,onSyncHandler);
                    //远程共享对象连接到服务器
                    so.connect(nc);
                }
            }
            
            private function onSyncHandler(evt:SyncEvent):void
            {
                if(so.data.msgCollection!=null)
                {
                    var tempCollection:ArrayCollection = new ArrayCollection();
                    convertArrayCollection(tempCollection,so.data.msgCollection as ArrayCollection);
                    
                    this.msgText.text="";
                    for(var index:int=0;index<tempCollection.length;index++)
                    {
                        var message:Object = tempCollection.getItemAt(index);
                        var displayMessage:String = message.NickName+"说:"+message.Context;
                        this.msgText.text += displayMessage + "\n";
                    }
                }
            }
            
            private function onSend():void
            {
                var tempCollection:ArrayCollection = new ArrayCollection();
                if(so.data.msgCollection != null)
                {
                    convertArrayCollection(tempCollection,so.data.msgCollection as ArrayCollection);
                }
                
                var msg:Message = new Message();
                msg.NickName = this.txtUser.text;
                msg.Context = this.txtMessage.text;
                tempCollection.addItem(msg);
                //更新远程共享对象中的属性值
                so.setProperty("msgCollection",tempCollection);
                
                this.txtMessage.text="";
            }
            
            private function convertArrayCollection(arrNew:ArrayCollection,arrOld:ArrayCollection):void
            {
                 arrNew.removeAll();
              
                 for(var i:int=0;i<arrOld.length ;i++)
                 {
                      arrNew.addItemAt(arrOld.getItemAt(i),i);
                 }
            }
        ]]>
    </mx:Script>
    <mx:Panel x="22" y="22" width="482" height="260" layout="absolute"  id="panChat"
        title="文字聊天">
        <mx:TextArea x="0" y="0" width="100%" height="100%" backgroundColor="#FCDADA" id="msgText"/>
        <mx:ControlBar>
            <mx:TextInput width="53" id="txtUser"/>
            <mx:Label text="说:"/>
            <mx:TextInput width="195" id="txtMessage"/>
            <mx:Button label="Send" click="onSend()"/>
            <mx:Button label="Connection" fontWeight="normal" click="onClick()"/>
        </mx:ControlBar>
    </mx:Panel>
    
</mx:Application>

      程序运行截图如下：

                                                  图1—-FMS状态图

                                                图2—-聊天客户端（张三）

                                          图3—-聊天客户端（李四）

      如上图，在FMS应用目录下创建了一后缀为.fso的文件，这就是永久性的远程共享对象文件名。在使用远程共享的时候，根据实际需求来 确定是否使用永久性的远程共享对象，一般做聊天应用我个人建议使用临时远程共享对象（不生成.fso文件），要存储聊天记录可以通过其他方式来保存。

      详细大家可以查看官方提供的文档，在FMS的安装目录下就有，我的是D:\Adobe\Flash Media Server 3\documentation\flashmediaserver_AS3LR\index.html

      本文就介绍于此，如文中有什么问题，请大家拍砖指正。本文示例源代码下载

很高兴，终于使用JQuery实现了点击外部链接，更改iframe内容时，iframe的高度自适应问题。
失败的测试就不说了，来直接的。
两个链接和iframe：

<li><a href="selfinfo.jsp" target="c-c-iframe" title="个人信息" >个人信息</a></li> <li><a href="modifypass.jsp" target="c-c-iframe" title="修改密码" >修改密码</a></li>  <iframe src="init.jsp" id="c-c-iframe" name="c-c-iframe" width="500px;"  frameborder="0" scrolling="no" marginwidth="0" marginheight="0"></iframe> 

js代码：

<script type="text/javascript"> <!-- $(function(){ 	$("#c-c-iframe").load(function(){		 		$(this).height($(this).contents().find("#content").height() + 40); 	}); 	 }); --> </script> 

这里的find("#content")是找出iframe内容文档中的id为content的高度（另外比如find("body")），并设置给iframe，
类似的还可以设置宽度，留给需要的朋友尝试吧。
这样就解决了iframe不会因为内容过大被挡住的问题（因为我设置了scrolling="no"）。
PS：基本上我会优先考虑使用iframe来实现无刷新，兼容浏览器的后退按钮；而且使用iframe加载flash是很爽的，不用写什么js调用，object标签，还符合W3C标准。
2008年11月28日17:13:31 ，今天使用过程中根据实际情况进行了一下改良，代码如下：

	<script type="text/javascript"> <!-- $(function(){ 	$("#workArea").load(function(){		 		var height = $(this).contents().find("#box").height() + 40; //这样给以一个最小高度 		$(this).height( height < 400 ? 400 : height ); 	}); 	 }); --> </script> 

另发现使用find("body")不太好使，高度不准确。