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

最新推荐文章于 2021-07-16 09:53:39 发布
最新推荐文章于 2021-07-16 09:53:39 发布
阅读量1.5k 收藏
点赞数
文章标签： 可视化 java python unity vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ThingJS/article/details/117741192
版权
本文介绍了如何在3D可视化场景中操作模型动画，包括如何获取模型动画、播放和停止动画。通过示例代码展示了在ThingJS中控制机柜开启和关闭的动画效果，强调了模型动画在提升3D可视化项目生动性和交互性方面的重要性。
摘要由CSDN通过智能技术生成
  1. 获取模型动画
  2. 播放模型动画
  3. 停止播放模型动画

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

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

1、获取模型动画

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

console.log(obj1.animationNames); // 日志窗口中输出模型 obj1 所带有的动画
最低0.47元/天 解锁文章
ThingJS_小锘
关注
数据可视化:从零开始的3D数据可视化入门教程
程序员光剑
08-19 1807
作者：禅与计算机程序设计艺术 1.简介 数据可视化是指将数据以图表、图形等各种形式展现出来，用于分析、发现、表达数据的一种手段。它的重要性不言而喻，随着大数据的出现、计算机技术的进步以及互联网的普及，数据可视化已经成为一个重要的分析工具。从事数据科学工作的人都需要掌握数据可视化技巧，从而更好地理解并挖掘
从零开始学习3D可视化之场景层级（2）
ThingJS的博客
06-11 1364
1、 动态创建组合场景 2、 加载后的楼层和建筑对齐 3、 预知未知加载场景的物体结构 对于一些大型的3D可视化场景，使用 CampusBuilder 直接制作会比较困难，直接加载也存在性能、加载时间等问题。 解决这个问题首先在CampusBuilder 中可以分成多个工程进行搭建，比如园区和所有建筑的外立面使用一个独立的工程进行搭建，每栋建筑的室内分别使用其他独立工程进行搭建。但是在搭建过程中需要注意每个工程里的物体命名必须保证唯一。 1、动态创建组合场景 例如，我按如下步骤来搭建3D可视化园
从零开始学习3D可视化之3D界面
ThingJS的博客
07-16 1692
生活中我们经常会说到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 1535
废话不多说，直接上代码注释很全….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 1149
普通的二维动画发展至今已有许久，基本上所有的画面全靠动画师一张张画出来，小编在这里也就不再多说了。而现如今，3d动画已经有了独属于自己的地位。业界大牛如皮克斯、迪士尼等公司，已经做出了许多非常优秀的3D动画电影。今天，我就来为大家来揭秘一下3D动画的制作流程。初始设定(故事板)在制作之前，我们得先解决剧本、人设、场景设定、分镜等问题。首先我们要有一个剧本，确定好剧本以后主人公就要出现了，可以是人，...
ThingJS：如何快速生成3D动画？
ThingJS的博客
08-28 1041
场景搭建之后，内置动画的模型如何快速生成？ 对于 Thing 类的对象，是通过 url 加载的模型，很多模型在制作阶段就内置了动画。 如果模型有内置动画，则可以在 ThingJS 中利用 API 调用播放这些动画。 如果是动态创建的物体，由于模型加载是异步的，则必须在模型加载完成后才能调用动画。 1． 获取模型动画 首先我们通过 animationNames 属性获取上图中的模型都有什么动画。 示例： console.log(obj1.animationNames); 输出： 播放模型动画 我们使
从零开始学习3D可视化之控制对象（1）
ThingJS的博客
06-02 1204
1、 控制显隐 2、 控制旋转 3、 控制缩放 获取数字孪生可视化场景中的对象后，就可以通过对象的属性和方法来控制对象了。在 ThingJS API中，列举了控制对象的属性和方法，下面本篇文章我打算学习控制对象的方法。 1、控制显隐 ThingJS 中通过设置物体的 visible 属性来直接控制数字孪生可视化场景中物体的显示/隐藏。 如果数字孪生可视化场景中对象有相应的父子关系，那么，当隐藏父亲时，他的子子孙孙也会跟随隐藏。比如当隐藏建筑时，建筑的外立面、楼层、楼层里的物体等子孙会同时隐藏。
从零开始学习3D可视化之控制对象（2）
ThingJS的博客
06-03 1254
1、移动到某个目标位置 2、 让物体沿路径移动 3、 批量控制对象 上篇文章中我学习了控制3D可视化场景中对象显示隐藏和旋转缩放，本篇我继续学习控制3D可视化场景中对象位移和批量控制对象。 1、移动到某个目标位置 我阅读文档中心后发现ThingJS提供了moveTo设置一个移动动画，rotateTo 设置一个旋转动画，scaleTo 设置一个缩放动画，用 movePath 可设置让物体沿一条路径移动等方法。旋转和缩放上篇文章已经实现了，下面我用moveTo 实现将3D可视化场景中物体移动到某个目标
从零开始精通数据可视化：进阶秘籍带你图表到动态图形
![从零开始精通数据可视化：进阶秘籍带你图表到动态图形]...# 1. 数据可视化的理论基础 数据可视化是将复杂的数据集通过图形化的方式展现出来，以便于人们理解其中的信息和模式。在数据科学和分析领域，可视化不仅
前端实现Thing.js 3D模型展示Demo
qq_39339668的博客
04-30 5397
记录一下自己本周学习Thing.js的一些心得，然后自己写了一个demo。
ThingJS技术分享：建筑建模常用软件一览 3D 可视化
ThingJS的博客
11-23 2164
聚焦物联网领域的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 595
准备实现一个由大量图片（帧）构成动画的方案，查询良久，写个总结。 主要方案有3个， 1、通过unity 3d来做3d的动画模型出来，然后进行贴图的操作，该方案没有深究。 2、Cocos2d的库来做动画，这种动画方式又分为两个方案。 1）通过TP等来形成动画帧，这需要对动画帧图片进行一个预处理。生成对应的plist文件。缺点是如果过多的动画帧（比如100个图）集结在一个plist描述里面载入...
ThingJS官方示例（三）：3D标记“Marker”跳跃、闪烁和发光动画效果
ThingJS的博客
12-25 1444
物联网3D可视化场景中，经常用到标注元素作为线路标绘、业务区域标绘，比如定位物联网设备或危险源位置，进行安全作业或者路径导航规划，远程解决难题。 ThingJS的3D标记“Marker”，往往用于顶牌，有两个主要作用： 传入div, image或canvas写文字，展现在3D场景中或绑定在3D物体上； 添加一个图片放置到你希望的位置，作为孩子添加到对象身上，随着对象一同移动。 注意，标记Marker受距离远近影响，呈现近大远小的 3D 效果，也会在 3D 空间中实现前后遮挡。 功能列表更新Ma
Thingjs 开门示例：以3D机柜为例 演示thingjs如何开门
delouyou5212的博客
10-15 704
动画的播放和暂停是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 3705
大数据可视化平台是通过三维表现技术来表示复杂的信息，实现对海量数据的立体呈现。可视化技术借助人脑的视觉思维能力，通过挖掘数据之间重要的关联关系将若干关联性的可视化数据进行汇总处理，揭示数据中隐含的规律和发展趋势，从而提高数据的使用效率。在解决了海量数据分析耗时过长、挖掘深度不够、数据展现简单等问题的基础上，大数据可视化平台使人们不再局限于使用传统关系数据表来分析数据信息，而是以更直观的方式呈现和推...
Open3d学习计划——高级篇 12（交互式可视化）–最终章
梦醒Blue的博客
01-24 4771
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(
从零开始学习Ogre3D 1.7实时3D应用开发
"Ogre 3D 1.7 Beginner's Guide" 是一本面向初学者的教程，旨在帮助读者从零开始创建实时3D应用程序，使用的是Ogre 3D 1.7版本。该书由Felix Kerger编写，由Birmingham和Mumbai的Packt Publishing出版，版权为2010年...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值