SuperMap iClient3D for WebGL教程(粒子)- 爆炸粒子

2024-02-25 09:32

本文主要是介绍SuperMap iClient3D for WebGL教程(粒子)- 爆炸粒子,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

nannan

在 SuperMap iClient3D for WebGL 中,粒子特效的使用场景是粒子系统通过产生大量小的 2D 图像来模拟流体实体,如水柱, 烟雾,火焰,云以及降雨,下雪等。
本文主要讲解爆炸粒子的制作与调整过程。爆炸粒子效果由四部分组成:Particle、ParticleEmitter、 ParticleBurst 与 ParticleSystem,其作用分别如下:
Particle:主要用于控制单个粒子的行为。
ParticleEmitter:控制粒子诞生时的初始位置和速度矢量。不同类型的发射器,会有不同 效果的初始化随机速度。
ParticleBurst:在原有粒子效果的基础上,增加突发的粒子效果。可以设置突发事件的时间及产生的粒子数量。
ParticleSystem:用于管理整体粒子效果的更新及展示。

下面来看具体代码思路:

1.通过使用带有爆炸效果的图片,并设置 startColo(1, 1, 1, 1)与 endColor (0.8, 0.6, 0, 0.2)模拟 爆炸过程颜色及明度的变化;
在这里插入图片描述

    startColor: new Cesium.Color(1, 1, 1, 1),//粒子诞生时的颜色endColor: new Cesium.Color(0.8, 0.6, 0, 0.2),//粒子死亡时的颜色。

2.endScale 与 startScale 之间设置较高的比例,使得粒子初始产生时体积较小,然后迅速变大;

    startScale: 1,//粒子诞生时的比例。endScale: 5,//死亡时粒子的比例。

3.添加 ParticalBurst 事件,设置合适的 burst 参数,模拟突发的效果;

    bursts:[new Cesium.ParticleBurst({time:3.0,//粒子系统生命周期开始后爆发的时间(以秒为单位)。minimum:4,//突发中发射的最小粒子数。maximum:6//突发中发射的最大粒子数。}),],

4.部分参数及爆炸效果如图:
在这里插入图片描述
注:具体的调整参数及效果可以参考 SuperMap iClient3D for WebGL 在线示范程序,范例地址:
http://support.supermap.com.cn:8090/webgl/examples/editor.html#Particle%20System_Fire

这篇关于SuperMap iClient3D for WebGL教程(粒子)- 爆炸粒子的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/745072

相关文章

如何为Yarn配置国内源的详细教程

《如何为Yarn配置国内源的详细教程》在使用Yarn进行项目开发时,由于网络原因,直接使用官方源可能会导致下载速度慢或连接失败,配置国内源可以显著提高包的下载速度和稳定性,本文将详细介绍如何为Yarn... 目录一、查询当前使用的镜像源二、设置国内源1. 设置为淘宝镜像源2. 设置为其他国内源三、还原为官方

Maven的使用和配置国内源的保姆级教程

《Maven的使用和配置国内源的保姆级教程》Maven是⼀个项目管理工具,基于POM(ProjectObjectModel,项目对象模型)的概念,Maven可以通过一小段描述信息来管理项目的构建,报告... 目录1. 什么是Maven?2.创建⼀个Maven项目3.Maven 核心功能4.使用Maven H

IDEA自动生成注释模板的配置教程

《IDEA自动生成注释模板的配置教程》本文介绍了如何在IntelliJIDEA中配置类和方法的注释模板,包括自动生成项目名称、包名、日期和时间等内容,以及如何定制参数和返回值的注释格式,需要的朋友可以... 目录项目场景配置方法类注释模板定义类开头的注释步骤类注释效果方法注释模板定义方法开头的注释步骤方法注

Python虚拟环境终极(含PyCharm的使用教程)

《Python虚拟环境终极(含PyCharm的使用教程)》:本文主要介绍Python虚拟环境终极(含PyCharm的使用教程),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录一、为什么需要虚拟环境?二、虚拟环境创建方式对比三、命令行创建虚拟环境(venv)3.1 基础命令3

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

python连接本地SQL server详细图文教程

《python连接本地SQLserver详细图文教程》在数据分析领域,经常需要从数据库中获取数据进行分析和处理,下面:本文主要介绍python连接本地SQLserver的相关资料,文中通过代码... 目录一.设置本地账号1.新建用户2.开启双重验证3,开启TCP/IP本地服务二js.python连接实例1.

Python 安装和配置flask, flask_cors的图文教程

《Python安装和配置flask,flask_cors的图文教程》:本文主要介绍Python安装和配置flask,flask_cors的图文教程,本文通过图文并茂的形式给大家介绍的非常详细,... 目录一.python安装:二,配置环境变量,三:检查Python安装和环境变量,四:安装flask和flas

Spring Security基于数据库的ABAC属性权限模型实战开发教程

《SpringSecurity基于数据库的ABAC属性权限模型实战开发教程》:本文主要介绍SpringSecurity基于数据库的ABAC属性权限模型实战开发教程,本文给大家介绍的非常详细,对大... 目录1. 前言2. 权限决策依据RBACABAC综合对比3. 数据库表结构说明4. 实战开始5. MyBA

Ubuntu中远程连接Mysql数据库的详细图文教程

《Ubuntu中远程连接Mysql数据库的详细图文教程》Ubuntu是一个以桌面应用为主的Linux发行版操作系统,这篇文章主要为大家详细介绍了Ubuntu中远程连接Mysql数据库的详细图文教程,有... 目录1、版本2、检查有没有mysql2.1 查询是否安装了Mysql包2.2 查看Mysql版本2.

Elasticsearch 在 Java 中的使用教程

《Elasticsearch在Java中的使用教程》Elasticsearch是一个分布式搜索和分析引擎,基于ApacheLucene构建,能够实现实时数据的存储、搜索、和分析,它广泛应用于全文... 目录1. Elasticsearch 简介2. 环境准备2.1 安装 Elasticsearch2.2 J