开发指南070-3d模型

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

平台集成了应用于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){}

}

相关文章
|
消息中间件 安全 Kafka
2024年了,如何更好的搭建Kafka集群?
我们基于Kraft模式和Docker Compose同时采用最新版Kafka v3.6.1来搭建集群。
3476 2
2024年了,如何更好的搭建Kafka集群?
|
编解码 vr&ar 图形学
Unity下如何实现低延迟的全景RTMP|RTSP流渲染
随着虚拟现实技术的发展,全景视频成为新的媒体形式。本文详细介绍了如何在Unity中实现低延迟的全景RTMP或RTSP流渲染,包括环境准备、引入依赖、初始化客户端、解码与渲染、优化低延迟等步骤,并提供了具体的代码示例。适用于远程教育、虚拟旅游等实时交互场景。
286 5
|
10月前
|
数据可视化 IDE 开发工具
大模型编程(5)在线实战编码 - 纯免费
最近发现阿里云有许多实用资源,特别是提供Jupyter Notebook在线体验。Jupyter Notebook是一种互动计算环境,支持实时代码执行、可视化和文本说明等,方便用户创建和共享文档。通过这个平台,你可以直接在文档中运行代码,无需频繁切换命令行或IDE,极大提升了学习和开发效率。只需设置自己的API-key,即可开始动手实践。此外,阿里云的PAI平台也提供了类似的功能。
171 36
|
12月前
|
存储 安全 API
深入理解RESTful API设计原则
本文旨在探讨RESTful API设计的基本原则和最佳实践,帮助开发者构建高效、可维护的Web服务。通过分析REST架构的核心概念,如资源、统一接口、无状态通信等,本文将指导读者如何设计符合REST原则的API,以及如何处理常见的设计挑战,如版本控制、错误处理和安全性问题。
|
10月前
|
安全 数据安全/隐私保护
DzzOffice:太完美啦,开源免费Word、Exce、PPT,多人同时协作,最主要还有免费的网盘,将这个项目集成到你的产品里面,项目立刻拥有整套offce解决方案
嗨,大家好,我是小华同学。DzzOffice是一个免费开源的企业协同办公平台,适合中小型企业及团队使用,功能涵盖网盘、文档、表格、演示文稿等,支持企业微信和钉钉移动办公,保障数据私有部署安全。 关注我们,获取更多优质开源项目和高效工作学习方法。
1507 5
|
JavaScript 前端开发 测试技术
vuex中Actions详解
- Actions 是 Vuex 中的一个重要概念,用于处理异步操作和触发mutations。 - Actions 可以包含任意的 JavaScript 逻辑,包括异步操作(如发送 AJAX 请求)。 - Actions 通过调用 store.dispatch 方法来触发mutations。
|
数据安全/隐私保护
kali下设置root权限(包含很多技巧)
kali下设置root权限(包含很多技巧)
|
资源调度
蓝易云 - Error: PostCSS plugin autoprefixer requires PostCSS 8问题解决办法
以上步骤应该可以解决"PostCSS plugin autoprefixer requires PostCSS 8"的问题。如果问题仍然存在,你可能需要检查你的项目配置,确保没有其他的冲突或问题。
612 0
|
供应链 安全 算法
区块链技术的原理及其应用场景
区块链技术作为一项革命性的技术,正在重新定义我们对数据和交易的认知。其去中心化、不可篡改和透明的特性使其在多个领域展现了广泛的应用价值。从加密货币到供应链管理,从数字身份认证到智能合约,区块链在不同领域都有着巨大的潜力和创新可能性。
1634 0
区块链技术的原理及其应用场景
|
SQL 存储 关系型数据库
mysqldump+binlog+gtid 实现数据库的增量备份(上)
mysqldump+binlog+gtid 实现数据库的增量备份
1000 0