开发指南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){}

}

相关文章
|
机器学习/深度学习 算法 数据可视化
python/matlab图像去雾/去雨综述
python/matlab图像去雾/去雨综述
|
消息中间件 安全 Kafka
2024年了,如何更好的搭建Kafka集群?
我们基于Kraft模式和Docker Compose同时采用最新版Kafka v3.6.1来搭建集群。
3939 2
2024年了,如何更好的搭建Kafka集群?
|
Ubuntu Python
Ubuntu安装pip并切换国内源
Ubuntu安装pip并切换国内源
4327 0
Ubuntu安装pip并切换国内源
|
7月前
|
传感器 人工智能 搜索推荐
人机融合智能 | 可穿戴计算设备的多模态交互
本文介绍了可穿戴计算设备的多模态交互技术,阐述了以人为中心的设计目标与原则。内容涵盖设备的历史发展、特点及分类,并重点分析手指触控、手部动作、头部和眼睛动作等交互模态。同时探讨支持这些交互的传感器种类与原理,以及未来挑战。通过十个设计原则,强调自然高效、个性化、低认知负荷及隐私保护的重要性,为可穿戴技术的设计提供指导。
469 0
|
编解码 vr&ar 图形学
Unity下如何实现低延迟的全景RTMP|RTSP流渲染
随着虚拟现实技术的发展,全景视频成为新的媒体形式。本文详细介绍了如何在Unity中实现低延迟的全景RTMP或RTSP流渲染,包括环境准备、引入依赖、初始化客户端、解码与渲染、优化低延迟等步骤,并提供了具体的代码示例。适用于远程教育、虚拟旅游等实时交互场景。
344 5
|
10月前
|
数据采集 存储 运维
无头浏览器与请求签名技术
本文分享了在面对Cloudflare防护(如Amazon网站)时,如何通过无头浏览器、请求签名技术和爬虫代理IP实现数据采集的故障排查与改进方案。首先,介绍了从常规请求失败到引入Selenium无头浏览器的过程,解决了Cookie和User-Agent检测问题。接着,通过生成请求签名绕过二次验证,并利用代理IP规避访问风险。最后,提出了架构改进方案,包括无头浏览器集群化、签名算法优化、代理池管理和多层次容错机制,以提高系统的稳定性和扩展性。示例代码展示了如何设置代理、获取Cookie并生成签名,成功采集商品信息。
284 6
无头浏览器与请求签名技术
|
数据安全/隐私保护
kali下设置root权限(包含很多技巧)
kali下设置root权限(包含很多技巧)
|
存储 机器学习/深度学习 监控
生产中的大语言模型(MEAP)(一)(5)
生产中的大语言模型(MEAP)(一)
291 0
|
资源调度
蓝易云 - Error: PostCSS plugin autoprefixer requires PostCSS 8问题解决办法
以上步骤应该可以解决"PostCSS plugin autoprefixer requires PostCSS 8"的问题。如果问题仍然存在,你可能需要检查你的项目配置,确保没有其他的冲突或问题。
750 0
|
开发框架 小程序 Java
免费开题报告|基于SpringBoot+Vue的校内跑腿平台
免费开题报告|基于SpringBoot+Vue的校内跑腿平台
298 0
免费开题报告|基于SpringBoot+Vue的校内跑腿平台