使用vue-3D-model(一个展示3D模型的 Vue 组件)

已于 2022-03-31 15:51:56 修改
阅读量5.1k 收藏 10
点赞数 1
分类专栏： vue-3D-model 文章标签： vue 3d
于 2022-03-31 15:48:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48947842/article/details/123873636
版权

1、安装

npm install vue-3d-model

2、引入

在vue的HTML中引入 (在那个地方用在那引入就可以了)
在这里插入图片描述

3、支持的格式、功能、写法

提供一个给刚接触的同学熟悉的demo
话不多说,直接上连接 https://hujiulong.github.io/vue-3d-model/#/demo-controls

在这里插入图片描述

4、使用vue-3D-model会遇到的一些问题我放另一篇上了哦

陸陽
关注
  • 1
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
vue-3d:基于vue+threejs的3d展示
05-08
vue-3d 一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report # run unit tests npm run unit # run e2e tests npm run e2e # run all tests npm test 有关工作原理的详细说明，请查看的和。
vue-3d-model
03-21
vue展示3D模型
Vue使用vue-3d-model组件预览3D三维文件、立体文件，支持旋转、自动播放
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-01 4214
基于threeJS的vue 3D展示组件。
2024年Web前端最全vue-3d-model触发点击事件_vue3dloader 模型点击事件，【最全总结】
最新发布
2401_84412357的博客
05-04 695
如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】在你引入插件的代码加上@on-click=“onclick”
vue3+vite结合使用vue-3d-model步骤
JHLIN的博客
02-25 681
vue3+vite使用Vue 3D Model步骤
vue 3d模型 vue-3d-model
m0_46769524的博客
02-05 4213
安装 使用npm npm install vue-3d-model --save 或使用脚本标签供全球使用 在vue的HTML中引入script 不用全局引入vue-3d-model在哪里用在哪里引入 下面有链接自行查看 用法 <template> <div class="demo-block-preview"> <model-obj :backgroundAlpha="0" //改变背景色 @on-load="onLoad" src=
vue-3d-model js在线预览obj,dae,ply,json,fbx,stl,gltf格式的3D文件
kongzhonghu的专栏
09-05 5994
vue-3d-model js在线预览obj,dae,ply,json,fbx,stl,gltf格式的3D文件
vue-3d-model模型没有颜色
范天缘的博客
09-16 669
vue-3d-model模型没有颜色
vue 加载3D .obj文件
zhangxianlililili的博客
11-11 1396
vue-cli。
vue-3d-model：:camera:vue.js 3D模型查看器组件
02-06
vue-3d模型 vue.js基于threejs的3D模型查看器组件，受启发一个展示三维模型的Vue组件，支持模型操作和模型点击事件，能自动缩放模型到合适的大小并校正偏移，支持多种格式的模型。例安装使用npm npm install vue-3d-...
vue-3d-model-Vue组件中的3D模型查看器。-Vue.js开发
05-27
vue-3d-model vue.js 3D model viewer component, based on threejs, inspired by model-tag 一个展示三维模型的Vue组件，支持模型操作和模型点击事件，能自动缩放模型到合适大小并校正偏移，支持多种格式的模型。...
vue-3d-model.zip
06-28
在vue中使用threejs来展示3D模型，包括obj、fbx、gltf等格式，封装成独立组件的形式，支持多种自定义配置项
Vue的3d菜单组件
08-10
Vue 的3d菜单组件
vue-3dmodel-viewer:[WIP] Vue的Three.js模型查看器
05-01
[WIP] vue-3dmodel-viewer概述基于THREE.js的Vue.JS 3D模型查看器组件，灵感来自和
VUE 轮播图+3D Model 实现
daotian2016的博客
04-24 2081
项目场景： 提示：这里简述项目相关背景： VUE+ELEMENTUI 跑马灯（轮播图）展示3D模型 问题描述 提示：这里描述项目中遇到的问题： 3D模型使用的是 vue-3d-model 组件，问题是组件在页面上直接展示正常，放到轮播图里面就无法显示（打开F12改变了页面长宽，就显示出来了），期间尝试过 this.nextTick()this.nextTick() this.nextTick()this.forceUpdate() v-if 等等情况都无法直接渲染成功 原因分析： 提示：这里填写问题的分析
ThreeJS-VUE-3DMax 实现Web3D（简单测试）
m0_53707852的博客
11-30 2247
使用threejs在页面实现一个简单的3D交互效果。
canvas 3D球体年会抽奖，结果table表格导出excel表格
p1382526的博客
01-08 2143
情景：年关来了，公司需要一个抽奖小游戏，参照了网站的一些代码，自己又做了一些优化，有些需要优化的请留言 github代码地址：https://github.com/penpeng617/lottery 运用技术：vue，axios，mock，element-ui 功能实现：奖项选择、奖项数量设置、中奖结果查看、中奖信息excel表格导出到本地 ...
vue-3D轮播图-无插件
weixin_45938584的博客
03-03 2293
效果 3d轮播图 代码 <template> <div class="center_contion"> <div class="wrapper"> <div class="box" ref="box"> <div class="ball ball_1" @click="start" :class
Vue里引入three.js
热门推荐
出埃及记
09-20 3万+
最近因为three.js的项目要用Vue.js 来重构，所以不太清楚在Vue里面怎么引入。找了很多方法都是一直报错，最后在Stack Overflow找到了。 首先是下载包，直接用 npm install three --save 就行了。 然后就是在component里面引入。 &lt;template&gt; &lt;div&gt; &lt;div id="cont...
vue-3d-model展示多个
06-09
要在Vue中展示多个3D模型，可以使用循环遍历的方式来动态生成多个`<vue-3d-model>`组件。例如，可以在Vue组件中定义一个数组，其中包含多个模型的URL地址。然后，在模板中使用`v-for`指令来循环遍历这个数组，生成多...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值