从零开始学习3D可视化之模型动画

最新推荐文章于 2021-07-16 09:53:39 发布

原创

最新推荐文章于 2021-07-16 09:53:39 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#可视化 #java #python #unity #vue

本文介绍了如何在3D可视化场景中操作模型动画，包括如何获取模型动画、播放和停止动画。通过示例代码展示了在ThingJS中控制机柜开启和关闭的动画效果，强调了模型动画在提升3D可视化项目生动性和交互性方面的重要性。

获取模型动画
播放模型动画
停止播放模型动画

在搭建3D可视化场景的过程中，我发现很多模型都有内置动画，很多模型在制作阶段就内置了动画，如果模型有内置动画，可以在 ThingJS 中利用 API 调用播放这些动画。

比如官方示例中通过 dbclick 事件来控制机柜开启，click 事件来控制鼠标右键关闭机柜。

1、获取模型动画

首先通过 animationNames属性获取3D可视化模型都带有有什么动画。

console.log(obj1.animationNames); // 日志窗口中输出模型 obj1 所带有的动画

Cam

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ThingJS_小锘

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

精选资源

基于three.js的web3d可视化编辑器，以vue2为基础，内置echarts,datav,elementUl组件

04-04

此外，内置组件的集成化设计使得编辑器具有较高的开发效率，开发人员不需要从零开始搭建复杂的组件和功能，而是可以直接利用这些组件快速实现功能模块的搭建和数据的可视化表达，这样至少可以将开发效率提高五倍以上...

threejs零基础搭建3D可视化汽车展厅

最新发布

weixin_68658847的博客

07-22

860

threejs零基础搭建3D可视化汽车展厅

参与评论您还未登录，请先登录后发表或查看评论

从零开始学习3D可视化之场景层级（2）

ThingJS的博客

06-11

1708

1、动态创建组合场景 2、加载后的楼层和建筑对齐 3、预知未知加载场景的物体结构对于一些大型的3D可视化场景，使用 CampusBuilder 直接制作会比较困难，直接加载也存在性能、加载时间等问题。解决这个问题首先在CampusBuilder 中可以分成多个工程进行搭建，比如园区和所有建筑的外立面使用一个独立的工程进行搭建，每栋建筑的室内分别使用其他独立工程进行搭建。但是在搭建过程中需要注意每个工程里的物体命名必须保证唯一。 1、动态创建组合场景例如，我按如下步骤来搭建3D可视化园

从零开始学习3D可视化之3D界面

ThingJS的博客

07-16

2075

生活中我们经常会说到3D，比如3D游戏、3D电影等等。3D指三维，三个维度、三个坐标，即长、宽、高。换句话说，就是立体的，3D的空间的概念是由X、Y、Z三个轴组成的空间，是相对于只有长和宽的平面（2D）而言。2D又叫平面图形，图形内容只有水平的X轴向与垂直的Y轴向。而一直以来在ThingJS中搭建的数字孪生可视化场景都是放在3D“容器”内的，3D“容器”提供了3D和2D的界面展示能力。 ThingJS 主要提供 Marker 物体和 WebView 物体以支持3D空间界面。创建 Marker Mar

3D可视化技术之Cult3D【实战动画效果小汽车】

wuran_beijing的博客

01-15

1685

废话不多说，直接上代码注释很全….package cn.com.test;import com.cult3d.Cult3DScript; import com.cult3d.world.CultObject;/** * 该类全局唯一、供Cult3D Designer调用，实现动态交互 * * @ClassName: Assemble * @Description: 此类实现小汽车模型整体的

3d max用不同目标做关键帧_3D动画制作流程大解析

weixin_35606595的博客

12-10

1356

普通的二维动画发展至今已有许久，基本上所有的画面全靠动画师一张张画出来，小编在这里也就不再多说了。而现如今，3d动画已经有了独属于自己的地位。业界大牛如皮克斯、迪士尼等公司，已经做出了许多非常优秀的3D动画电影。今天，我就来为大家来揭秘一下3D动画的制作流程。初始设定(故事板)在制作之前，我们得先解决剧本、人设、场景设定、分镜等问题。首先我们要有一个剧本，确定好剧本以后主人公就要出现了，可以是人，...

古老的3D格式--obj简介

微小的鱼的博客

09-16

1556

obj文件是3D模型文件格式。由Alias|Wavefront公司为3D建模和动画软件"Advanced Visualizer"开发的一种标准，适合用于3D软件模型之间的互导，也可以通过Maya读写。 OBJ3.0文件格式支持直线(Line)、多边形(Polygon)、表面(Surface)和自由形态曲线(Free-form Curve)。直线和多角形通过它们的点来描述，曲线和表面则根据它们的控制点和依附于曲线类型的额外信息来定义，这些信息支持规则和不规则的曲线，包括那些基于贝塞尔曲线(Bezier)、B样

从零开始学习3D可视化之控制对象（1）

ThingJS的博客

06-02

1553

1、控制显隐 2、控制旋转 3、控制缩放获取数字孪生可视化场景中的对象后，就可以通过对象的属性和方法来控制对象了。在 ThingJS API中，列举了控制对象的属性和方法，下面本篇文章我打算学习控制对象的方法。 1、控制显隐 ThingJS 中通过设置物体的 visible 属性来直接控制数字孪生可视化场景中物体的显示/隐藏。如果数字孪生可视化场景中对象有相应的父子关系，那么，当隐藏父亲时，他的子子孙孙也会跟随隐藏。比如当隐藏建筑时，建筑的外立面、楼层、楼层里的物体等子孙会同时隐藏。

从零开始学习3D可视化之控制对象（2）

ThingJS的博客

06-03

1631

1、移动到某个目标位置 2、让物体沿路径移动 3、批量控制对象上篇文章中我学习了控制3D可视化场景中对象显示隐藏和旋转缩放，本篇我继续学习控制3D可视化场景中对象位移和批量控制对象。 1、移动到某个目标位置我阅读文档中心后发现ThingJS提供了moveTo设置一个移动动画，rotateTo 设置一个旋转动画，scaleTo 设置一个缩放动画，用 movePath 可设置让物体沿一条路径移动等方法。旋转和缩放上篇文章已经实现了，下面我用moveTo 实现将3D可视化场景中物体移动到某个目标

ThingJS：如何快速生成3D动画？

ThingJS的博客

08-28

1127

场景搭建之后，内置动画的模型如何快速生成？对于 Thing 类的对象，是通过 url 加载的模型，很多模型在制作阶段就内置了动画。如果模型有内置动画，则可以在 ThingJS 中利用 API 调用播放这些动画。如果是动态创建的物体，由于模型加载是异步的，则必须在模型加载完成后才能调用动画。 1．获取模型动画首先我们通过 animationNames 属性获取上图中的模型都有什么动画。示例： console.log(obj1.animationNames); 输出：播放模型动画我们使

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

qq_39339668的博客

04-30

5864

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

ThingJS技术分享：建筑建模常用软件一览 3D 可视化

ThingJS的博客

11-23

2501

聚焦物联网领域的3D开发软件，3D效果的描绘对象包括建筑、实景和室内、设备，面向的用户大致分为（1）非3D专业设计师、（2）建筑设计师和（3）转3D开发的前端工程师，不同群体的需求层次不一样，而不同的群体，因为技术的侧重点有区别，大致会选择以下三大工具：做这一行的都知道，选择工具需谨慎，因为会存在模型数据格式不统一的问题，所以一般要考虑格式转换，软件组合必不可少。 3D效果爱好者大部分非3D专业的设计师会倾向于使用通用3D软件，用于广告宣传或者地图导航，比如谷歌SketchUp，直接输出为谷歌地图，利

threejs加载3D模型例子

热门推荐

目尽地平线

02-20

3万+

加载3D模型需要使用ColladaLoader加载器，Collada是一个3D模型交换方案，即不同的3D模型可以通过Collada进行相互转换，言外之意，threejs可以使用Collada将3D模型的数据转换成自己支持的格式

Obj-C大量图片构成动画的实现（一）

weixin_30599769的博客

07-17

672

准备实现一个由大量图片（帧）构成动画的方案，查询良久，写个总结。主要方案有3个， 1、通过unity 3d来做3d的动画模型出来，然后进行贴图的操作，该方案没有深究。 2、Cocos2d的库来做动画，这种动画方式又分为两个方案。 1）通过TP等来形成动画帧，这需要对动画帧图片进行一个预处理。生成对应的plist文件。缺点是如果过多的动画帧（比如100个图）集结在一个plist描述里面载入...

ThingJS官方示例（三）：3D标记“Marker”跳跃、闪烁和发光动画效果

ThingJS的博客

12-25

1819

物联网3D可视化场景中，经常用到标注元素作为线路标绘、业务区域标绘，比如定位物联网设备或危险源位置，进行安全作业或者路径导航规划，远程解决难题。 ThingJS的3D标记“Marker”，往往用于顶牌，有两个主要作用：传入div, image或canvas写文字，展现在3D场景中或绑定在3D物体上；添加一个图片放置到你希望的位置，作为孩子添加到对象身上，随着对象一同移动。注意，标记Marker受距离远近影响，呈现近大远小的 3D 效果，也会在 3D 空间中实现前后遮挡。功能列表更新Ma

Thingjs 开门示例：以3D机柜为例演示thingjs如何开门

delouyou5212的博客

10-15

785

动画的播放和暂停是3D场景中常用的功能，本文以机柜为例为您讲解在thingjs中使用playAnimation(params)接口控制机柜门开启和关闭，同理，房门开关、电器运行停止等3D模型的动画启停均可以使用此方法。用到的Thingjs API：播放动画 playAnimation(params) 参数 NameTypeDescription ...

3D模型汇总----骨骼模型

baizhengbiao的专栏

08-31

1万+

3D模型的格式有很多，每个公司或软件都可以自己定义自己的格式，或公开或不公开。如max，obj， x（微软），fbx（被Autodesk收购），dae，md2（Quake2），ms3d(MilkShap3D)，mdl（魔兽3）等等。MD2是Quake2里的模型文件格式，带有顶点动画；OBJ是一种文本格式存储的模型文件格式，只能存储静态模型；MS3D模型文件格式，全称MilkShape 3D，是一种

借助WebGL三维可视化技术检索3D动态图像

中科院计算所培训中心

03-02

3912

大数据可视化平台是通过三维表现技术来表示复杂的信息，实现对海量数据的立体呈现。可视化技术借助人脑的视觉思维能力，通过挖掘数据之间重要的关联关系将若干关联性的可视化数据进行汇总处理，揭示数据中隐含的规律和发展趋势，从而提高数据的使用效率。在解决了海量数据分析耗时过长、挖掘深度不够、数据展现简单等问题的基础上，大数据可视化平台使人们不再局限于使用传统关系数据表来分析数据信息，而是以更直观的方式呈现和推...

Open3d学习计划——高级篇 12（交互式可视化）–最终章

梦醒Blue的博客

01-24

5457

Open3d学习计划——高级篇 12（交互式可视化）本篇教程介绍了Open3d的可视化窗口的交互功能。 # examples/Python/Advanced/interactive_visualization.py import numpy as np import copy import open3d as o3d def demo_crop_geometry(): print("Demo for manual geometry cropping") print(