ifc-ar-flood, 交互式HTML5增强现实洪水模拟

分享于 

2分钟阅读

GitHub

  繁體
HTML5 augmented reality flood simulator for Iowa Flood Center
  • 源代码名称:ifc-ar-flood
  • 源代码网址:http://www.github.com/skeelogy/ifc-ar-flood
  • ifc-ar-flood源代码文档
  • ifc-ar-flood源代码下载
  • Git URL:
    git://www.github.com/skeelogy/ifc-ar-flood.git
    Git Clone代码到本地:
    git clone http://www.github.com/skeelogy/ifc-ar-flood
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/skeelogy/ifc-ar-flood
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    交互式HTML5增强现实洪水模拟

    简介

    这是交互式HTML5增强现实(AR)洪水模拟项目。

    本项目的主要目的:

    Web增强现实:流网络摄像头视频到网络浏览器,跟踪编码的marker图像和覆盖3D模型的顶部 地形:加载灰度高度地图到一个3D地形,并允许进一步的高度操纵通过雕刻 洪水:水模拟与3D环境中的对象发生反应,积聚在地形/对象后面以进行洪水,从高处到低处流动,并允许用户交互,例如添加/移除水 双向耦合:水使动态物体漂浮,而动态物体在置换后引起水波纹 网络交互性:以上所有内容均应使用HTML5技术在网络浏览器中实时运行

    使用的主库

    WebRTC - JavaScript API用于web浏览器中实时通信的 three.js - JavaScript 3D库 skarf.js Three.js - JavaScript增强现实库的框架 skulpt.jsThree.js - GPU高度字段地形雕刻库 skunami.jsThree.js - GPU高场地水库 PhysijsThree.js - 刚体动力学系统

    演示

    交互式HTML5增强现实洪水模拟[ 演示版 ]

    ScreenShot

    相关示例

    地形与水双向刚体碰撞(仅使用鼠标控件)[ 演示版 ]

    ScreenShot

    动态对象(和地形)在置换水后引起涟漪 水使动态对象浮动

    浏览器支持

    仅在Google Chrome (推荐)和Mozilla Firefox中测试


    相关文章