当前位置: 首页 > news >正文

开发指南070-3d模型

平台集成了应用于3d展示场景的相关底层,支持fbx和gltf两种模型格式。

样例如下:

  <div class="fullcontainer">
    <div style="width:80%">
       <iframe :src="url" width="100%" height="100%"/>
    </div>
     
     <div style="width:20%">
        <span>{{detail}}</span>
     </div>
  </div>

定义左侧是模型展示区,右侧是双击模型元素时的展示

模型加载:

  data() {
    const initData_out={
      name:"out.glb",
      title:"",
      cameraX:-30,
      cameraY:-77,
      cameraZ:133,
      cameraUPX:0,
      cameraUPY:0,
      cameraUPZ:1,
      dlX:-30,
      dlY:-77,
      dlZ:133,
    }

    return {
      url: '/static/3dmax/qlmShowGLTF.html?'+qs.stringify(initData_out),
      detail:"模型初始化中,请稍等"
    }
  },

左右联动关联:

  created(){
    let _this=this
    window["qlm3ddbclickfun"]=function(data){
      _this.showDetail(data)
    }
  },

处理函数:

  methods: {
     showDetail(data){}

 }

http://www.lryc.cn/news/458359.html

相关文章:

  • 问卷调查毕设计算机毕业设计投票系统SpringBootSSM框架
  • JavaWeb三大组件之Servlet
  • C++设计模式学习详解(23种)
  • Matlab中实现类属性仅在首次创建类实例时初始化
  • FLINK SQL动态表连续查询
  • C++ | Leetcode C++题解之第468题验证IP地址
  • 每日学习一个数据结构-图
  • kali(专业的渗透测试虚拟机)|kali下载链接地址 |kali安装 |kali部署指南
  • 中国地级市生态韧性数据及城市生态韧性数据(2000-2022年)
  • 应对网络安全挑战:App等保测评的重要性与策略
  • vue后台管理系统从0到1搭建(4)各组件的搭建
  • LabVIEW开关磁阻电机特性测量系统
  • 在当前网络环境中查看所有IPv4与Mac地址的方法
  • CSS @规则(At-rules)系列详解___@charset规则使用方法
  • 黑马程序员C++核心编程学习笔记
  • 六自由度平台
  • 【Node.js 下载及npm安装配置】亲测可用
  • Qt C++设计模式->访问者模式
  • 手机在网状态的详细应用场景有哪些?
  • Linux的kafka安装部署
  • docker部署虚拟机
  • 如何用ChatGPT 8小时写出一篇完整论文(附完整提示词)
  • AWS MySQL 升级(三)—— TAZ - 近0停机的小版本升级方案
  • Redis的应用以及Redis工具类的封装
  • E系列I/O模块在锂电装备制造系统的应用
  • ElasticsearchClient入门指南
  • 软考中级笔记
  • 学习python自动化——pytest单元测试框架
  • 定位、地图建立及管理合集
  • uniAPP是否可以做php语言书写后端的前端开发?