目录

基础
高级应用

简介

WeXplorer是xBIM工具包的可视化部分，它使用预处理的wexBIM文件处理Web上IFC数据的可视化。它使用WebGL等尖端的网络技术，所以它不应该在旧的浏览器版本中运行，但自2011年以来，Chrome或Mozzilla，IE11和其他支持该技术的应用程序都可以很好地工作。使用xBIM Essentials和xBIM几何来创建可视化的优化和压缩的wexBIM文件。WeXplorer还包含Xbrowser中从JSON COBieLite数据的可视化。

它公开所有必要的API调用主类xViewer三维可视化和浏览器之间的距离COBIE语义数据的可视化。这些是唯一需要以wexBIM格式加载和渲染IFC模型的两个类，并浏览相关的语义数据。如果您有一个支持WebGL的浏览器，并且正在查看此文档，则应该可以在此页面的底部看到3D浏览器的示例。

此查看器是xBIM工具包的一部分，可用于从IFC，ifcZIP和ifcXML创建wexBIM文件。WexBIM文件经过高度优化，可以传输互联网和渲染性能。Viewer使用WebGL技术进行硬件加速3D渲染和SVG进行某些类型的用户交互。这意味着它不适用于IE10等过时的和不符合标准的浏览器。COBieLite JSON文件也可以使用xBIM创建。

xBIM

xBIM是开发基于IFC的应用程序的开源工具包（BuildingSmart Data model）。它根据Ifc2x3模式为读写几何，拓扑和数据提供全面的支持。xBIM读取和写入IFC，IfcXMl和IfcZip格式。xBIM项目提供了在英国和美国文化中将IFC模型转换为COBie电子表格的软件包，以及一系列用于Windows窗体，WPF，WEBGL和OpenGL平台的3D查看控件。IOS和Android版本正在开发中。

简单实例

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Hello building!</title>

    <script src="js/xbim-viewer.debug.bundle.js"></script>

</head>

<body>

    <div id="content">

        <canvas id="viewer" width="500" height="300"></canvas>

        <script type="text/javascript">

            var viewer = new xViewer('viewer');

            viewer.load('data/SampleHouse.wexbim');

            viewer.start();

        </script>

    </div>

</body>

</html>

wexbim 文件是通过xBIM Essentials  转换保存。

xBIM WeXplorer的更多相关文章

  1. xBIM WeXplorer xViewer 基本应用

    目录 基础 xBIM WeXplorer 简要介绍 xBIM WeXplorer xViewer 基本应用 xBIM WeXplorer xViewer 浏览器检查 xBIM WeXplorer xV ...

  2. xBIM WeXplorer xViewer 浏览器检查

    目录 基础 xBIM WeXplorer 简要介绍 xBIM WeXplorer xViewer 基本应用 xBIM WeXplorer xViewer 浏览器检查 xBIM WeXplorer xV ...

  3. xBIM WeXplorer xViewer的导航，相机、剖切、隐藏 等操作

    目录 基础 xBIM WeXplorer 简要介绍 xBIM WeXplorer xViewer 基本应用 xBIM WeXplorer xViewer 浏览器检查 xBIM WeXplorer xV ...

  4. xBIM WeXplorer 设置模型颜色

    目录 基础 xBIM WeXplorer 简要介绍 xBIM WeXplorer xViewer 基本应用 xBIM WeXplorer xViewer 浏览器检查 xBIM WeXplorer xV ...

  5. xBIM 基础10 WeXplorer 浏览器检查

    系列目录    [已更新最新开发文章,点击查看详细]  在上一篇 <xBIM基础 09 WeXplorer 基本应用> 已经提到,查看器不会在所有浏览器的所有设备上运行.为了操作效率和简单 ...

  6. xBIM 基础08 WeXplorer 简介

    系列目录    [已更新最新开发文章,点击查看详细]  一.WeXplorer 简介 WeXplorer 是 XBIM 工具包的可视化部分,它使用预处理的 WexBIM 文件在 Web 上处理 IFC ...

  7. xBIM 基础13 WeXplorer 设置模型颜色

    系列目录    [已更新最新开发文章,点击查看详细]  默认情况下模型具有合理的图形表示.这是从IFC模型中获取的,它应该在所有工具中看起来相同,它应该与您或您的用户的创作环境中的相同.但有时候能够改 ...

  8. xBIM 基础12 WeXplorer xViewer的导航、相机、剖切、隐藏等操作

    系列目录    [已更新最新开发文章,点击查看详细]  本篇将学习xViewer的导航,剪切和隐藏.这应该足以使用户能够通过所有缩放,平移,轨道运行和隐藏可能的障碍物来检查建筑物内部.点击这里可以看到 ...

  9. xBIM 基础11 WeXplorer 常用事件

    系列目录    [已更新最新开发文章,点击查看详细]  本篇将介绍查看器在不同场合触发的事件.所有这些都记录在xViewer中. 如果您从Web服务器运行本教程,可以在此处查看完整的实例.并且确保您的 ...

随机推荐

  1. 为什么vertical-align不起作用

    先看一段代码 <style> .title { margin:50px; color:blue; } .title span { font-size:24px; } .title span ...

  2. happymall 第十一章订单表 数据表设计

    为订单号生成唯一索引,用用户id和订单号生成组合索引提高查询效率.

  3. UEP-添加表格

    UEP中添加新的表格标签:function initCustomToolBar(){ var strHtml="<table> <tr> <td id=\&qu ...

  4. BC高精确度函数使用。

    bc是Binary Calculator的缩写.bc*函数的参数都是操作数加上一个可选的 [int scale],比如string bcadd(string $left_operand, string ...

  5. css cursor属性-显示的光标的类型(形状)的用法和定义

    在网页布局的时候,在特定的地方,光标形状各有区别.这个时候,就需要用到css的cursor属性.根据自身需要选择设置鼠标指针样式. 定义和用法 cursor 属性规定要显示的光标的类型(形状). 该属 ...

  6. 如何判断NSDictionary是否包含某个键

    方法一: if([[dictionary allKeys] containsObject:key){     // contains key} 方法二: if([dictionary objectFo ...

  7. phpExcel导出excel加超级链接的实例代码[转]

    phpexcel实现的导出excel文件的代码,且可以在excel文件中加入超级链接. 说明:PHPExcel的开发包Tests目录有详细使用实例.以下代码支持中文,注意文件编码,文件保存为utf-8 ...

  8. Django 初识

    Django  初识 一.前言 Django是一款网站架构,能够快速的搭建一个网站.openstack的界面显示使用的就是Django的框架.所以,学习openstack多少要了解一些Django的内 ...

  9. Navicat for MySQL导出表结构脚本的方法

    使用MySQL可视化工具Navicat导出MySQL的表结构脚本的方法. 1.右键Navicat中的数据库→数据传输(Data Transfer). 2.左边数据库对象(Database Object ...

  10. SVN错误：Attempted to lock an already-locked dir的解决

    问题: SVN locked,文件被锁无法更新,SVN上更新代码失败,某些文件提示错误:Attempted to lock an already-locked dir 解决方法: 右键具体文件→Tea ...