threex.webar, 增强现实的three.js 扩展

分享于 

4分钟阅读

GitHub

  繁體 雙語
three.js extensions for Augmented Reality
  • 源代码名称:threex.webar
  • 源代码网址:http://www.github.com/jeromeetienne/threex.webar
  • threex.webar源代码文档
  • threex.webar源代码下载
  • Git URL:
    git://www.github.com/jeromeetienne/threex.webar.git
    Git Clone代码到本地:
    git clone http://www.github.com/jeromeetienne/threex.webar
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/jeromeetienne/threex.webar
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    增强了网络的现实

    threex.webar 展示了如何使用web技术来增强增强现实。 它是 three.js的 THREEx扩展。 它提供了容易使用扩展实验实验和 three.js. 我做了一个介绍的关于它。 你可以在这里找到幻灯片

    作为一个例子,你可以检查 "增强现实中的hatsunemiku舞蹈"演示。 这是一个有趣的应用 threex.webar

    屏幕截图

    screenshot

    如何安装它

    你可以通过脚本标签安装它

    
    
    
    
    <script src='threex.jsarucomarker.js'></script>
    
    
    <script src='threex.webcamgrabbing.js'></script>
    
    
    
    

    或者你可以使用 Bower 插件安装,如你所愿。

    
    
    
    
    bower install threex.webar
    
    
    
    
    如何运行演示?支持设备不告诉你

    youtube视频

    藤蔓视频

    • 示例:显示如何在每个标记基础上显示信息的示例/contact-sharing-in-ar。 有一个数据库里面包含了。 识别正确的marker 时,将显示这里 marker 特定的信息。 在本例中,我们提供了一个。 每个人都有自己的marker。 假设alice穿着特定的marker。 Bob在手机上加载应用程序,当他指向alice时会看到alice的联系信息。

    youtube视频

    如何使用它

    threex.jsArucoMarker.js

    它能识别视频流中的marker。 然后将它定位在 3 d。 你只需要把它应用到你自己的three.js 网格。

    threex.webcamgrabbing.js

    它处理视频采集。 如果有的话它就会拍摄环境摄像机。 它提供了很好的效果。


    相关文章