前端实现Thing.js 3D模型展示Demo

记录一下自己本周学习Thing.js的一些心得,然后自己写了一个demo。

话不多说,先展示一些效果。

前端实现Thing.js 3D模型展示Demo_第1张图片

具体功能有,见图展示。

快捷方便,如果项目开发周期短可以使用。里面的一些公用的模型库效果很棒。

如果想要在Vue中引入在线开发界面最上面项目——分享设置——生成一个iframe标签进行页面引入就OK

这是用的官网库里的模型进行了一些展示,如果需要导入本地模型:

导入模型的两种方式:
    1.通过3dsMax软件,下载插件(上传模型插件)
    2.通过CampusBuilder客户端(模模搭)推荐使用

官方文档详细地址:

如何上传并使用资源:http://developer.thingjs.com/t-455.html

文档中心:https://www.thingjs.com/guide/cn/tutorial_Introduce/index.html

在线开发:https://www.thingjs.com/guide/?m=sample

你可能感兴趣的:(3D模型在Vue中使用,前端,vue.js)