首页 > 其他分享 >ThreeJs-09精通粒子特效

ThreeJs-09精通粒子特效

时间:2024-12-30 10:42:41浏览次数:1  
标签:贴图 特效 ThreeJs 透明 09 纹理 设置 材质

一.初识points与点材质

什么叫做点材质,之前说过所有物体都是有定点的比如一个球体,并且将材质设置为线框模式,这个之前就说过所有mesh物体都是由三角形构成,都是有顶点的

image-20241224215046776

image-20241224215103420

我们也可以创建点物体,电视材质就不能是普通材质了,必须要用点材质

image-20241224215409051

image-20241224215417826

1.1 点材质的属性

比如还可以设置颜色,或者因相机深度而衰减(就是不设置材质大小,一直都是一样大)

image-20241224215632458

GIF

或者还可以给正方形设置纹理

image-20241224215823147

载入纹理并给到点材质

image-20241224215932822

image-20241224215940771

但是现在有个问题,纹理的边缘会把后面的挡住但是挡的不够真实,如果想要真实一点

image-20241224220622278

要解决这个首先需要把这个贴图也设置为透明贴图白色不透明,黑色透明,并且还要开启透明

image-20241224221126985

image-20241224221137239

1.2 利用顶点着色打造绚丽多彩星空

本章终结,出现了一个模型bug,看了半天没解决,就是上面的,加载纹理给的是一个圆形,但是一直都是默认的正方形,今天是平安夜,还想给大伙来整个星空,算了,哪位大神可以解决可以给个解决方案,我是弄半天没弄成功,后面直接用quarks直接做粒子动画,这个基础就先不做了

标签:贴图,特效,ThreeJs,透明,09,纹理,设置,材质
From: https://www.cnblogs.com/heymar/p/18640331

相关文章

  • Springboot怀旧唱片售卖系统 毕业设计程序源码09932
    目  录毕业设计概述第一章任务分析及思路(一)设计背景(二)研究目的(三)本平台主要使用的核心技术1.MySQL技术简介2.Tomcat技术简介3.Java技术简介4.Springboot技术简介(四)设计思路以及特点1.设计思路2.设计特点第二章设计实施(一)平台需求分析1.使......
  • 使用canvas制作下雪的特效
    在前端开发中,你可以使用HTML的<canvas>元素和JavaScript来制作下雪的特效。以下是一个简单的示例,展示了如何创建这种效果:HTML结构:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="widt......
  • 2024-2025-1 20241409 《计算机基础与程序设计》第四周学习总结
    作业信息作业归属课程:https://edu.cnblogs.com/campus/besti/2024-2025-1-CFAP作业要求:https://www.cnblogs.com/rocedu/p/9577842.html#WEEK04作业目标:门电路;组合电路,逻辑电路;冯诺依曼结构;CPU,内存,IO管理;嵌入式系统,并行结构;物理安全作业正文:教材学习内容总结《计算机科学概......
  • 学期 2024-2025-1 学号 20241409《计算机基础与程序设计》第十四周学习总结
    作业信息这个作业属于哪个课程 2024-2025-1-计算机基础与程序设计这个作业要求在哪里 2024-2025-1计算机基础与程序设计第十四周作业这个作业的目标 《C语言程序设计》第十四章作业正文 本周学习内容进行了缓冲区溢出实验缓冲区溢出是指程序试图向缓冲区写入超出预分配固定......
  • springboot智慧仓库管理系统-毕业设计源码51095
    摘 要本文详细阐述了基于SpringBoot框架的智慧仓库管理系统的设计与实现过程。该系统旨在通过集成先进的信息化技术,提升仓库管理的智能化水平,实现高效、准确的物资管理。系统核心功能包括产品仓库管理、入库记录管理、出库记录管理、借物记录管理以及归还记录管理。在产......
  • 实验二:百度图像增强与特效SDK实验
    实验二:百度图像增强与特效SDK实验(2024.11.22日完成)    任务一:下载配置百度图像增强与特效的Java相关库及环境(占10%)。    任务二:了解百度图像增强与特效相关功能并进行总结(占20%)。    任务三:完成图像增强GUI相关功能代码并测试调用,要求上传自己的模糊照片进行图像增......
  • 2024-12-09《vuex中action方法》
    经过上一篇的介绍,实现了Vuex当中的actions方法,接下来我们来实现Vuex当中的模块化共享数据(modules)。modules方法用于模块化共享数据,那么什么叫模块化共享数据呢?其实非常简单。过去我们将所有模块的数据都放到state中共享,例如:我们有三个模块首页/个人中心/登录,那么......
  • 8086汇编(16位汇编)学习笔记09.宏汇编
    宏汇编在文件中是当做关键字的,但是在bug中运行时并没有这些指令,这些关键词被称为伪指令,cpu并不认识他们,需要经过编译器转化成cpu认识的代码,但是他多我们写代码帮助又很大表达式表达式中的求值是在程序链接时完成的,所以表达式中的各值必须是在汇编或链接期就能确定,也就是......
  • 8086汇编(16位汇编)学习笔记09.宏汇编
    8086汇编(16位汇编)学习笔记09.宏汇编-C/C++基础-断点社区-专业的老牌游戏安全技术交流社区-BpSend.net宏汇编在文件中是当做关键字的,但是在bug中运行时并没有这些指令,这些关键词被称为伪指令,cpu并不认识他们,需要经过编译器转化成cpu认识的代码,但是他多我们写代码帮助......
  • 使用canvas制作一个心跳的画特效
    在前端开发中,使用HTML的<canvas>元素来制作心跳动画是一个有趣的项目。以下是一个简单的示例,展示如何使用<canvas>来创建一个模拟心跳的动画效果:HTML结构:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"co......