zoukankan      html  css  js  c++  java
  • ifix中嵌入3d模型初探(一)

         在ifix项目中插入3d模型,是当前工控上位机的一个发展趋势,故而我也来尝尝鲜。利用现有条件,初步打算完成一个工厂俯视3d全景。

        基本思路:利用webbrowser+3dmax+three.js来嵌入ifix画面中进行使用。

    1.在ifix画面中嵌入webbrowser。

    首先,因为暂时没有发现能在ifix中能用的3d引擎,所以想到利用浏览器级别的3d开源引擎-three.js来曲线救国。

    1.1:ifix中导入webbrowser插件:(该插件只能使用IE内核,three.js只能在IE11上使用,故而机器必须安装IE11浏览器)


    1.2:将three.js中的example导入进行演示:

    a.先到three.js官网进行源码下载:https://threejs.org/

    b.打开example中的示例html文件,并新添加一行代码,并将webbrowser修改silent模式

     <meta http-equiv="X-UA-Compatible" content="IE=edge">

    不加本行代码,webbrowser来加载该html(会出现脚本报错等提示——)

    c.编写vba脚本,实现在webbrowser中的浏览。

    Private Sub CFixPicture_Initialize()
    
    WebBrowser1.Navigate ("F:	hree.js-masterexampleswebgl_physics_convex_break.html")
     WebBrowser1.MenuBar = True
    
    End Sub

    最终效果:


    2.待续,接下来的思路:

    将美工3dmax绘画的厂区3d图--->转换为obj格式----->利用three.js编辑器(https://threejs.org/editor/)--->转换为html格式文件,然后再导入webbrowser即可。


  • 相关阅读:
    Linux 性能优化--理解 CPU 使用率和平均负载
    sqlalchemy ORM
    redis缓存数据库
    基于CentOS安装FTP服务器
    python3之platform模块
    paramiko模块
    shelve模块
    Vue入门---属性、style和class绑定方法
    Vue入门---事件与方法详解
    Vue入门---常用指令详解
  • 原文地址:https://www.cnblogs.com/cache-yuan/p/9218446.html
Copyright © 2011-2022 走看看