Skip to content

CHENJIAMIAN/DissolveMaterial

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

Three.js Dissolve Material Demo

Image

这是一个使用 Three.js 实现的溶解材质(Dissolve Material)的示例项目。

特性

  • 实现了可自定义的溶解效果,可以通过参数控制溶解的范围、强度和边缘样式。
  • 提供了图形用户界面(GUI)来实时调整溶解参数,包括:
    • Dissolve Scale: 控制溶解的整体尺度。
    • Dissolve Chaos: 控制溶解边缘的混乱程度。
    • Dissolve Edge Color: 设置溶解边缘的颜色。
    • Dissolve Edge Width: 设置溶解边缘的宽度。
    • Glow Mask: 控制辉光效果的蒙版。
    • Skin Visibility: 控制皮肤可见性(具体含义可能与材质的特定实现有关)。

运行说明

  1. 确保你有一个本地 Web 服务器来托管这些文件(例如,使用 Node.js 的 http-server 或 Python 的 SimpleHTTPServer)。
  2. 在项目根目录下运行服务器。
  3. 在浏览器中打开 index.html 文件(通常是 http://localhost:8000/ 或类似的地址)。

效果预览

该项目展示了一个立方体,其表面可以根据参数设置从外部向内逐渐溶解或出现,并且可以自定义溶解边缘的颜色和宽度,以及添加一些发光效果。

About

一个使用 Three.js 实现的溶解材质(Dissolve Material)的示例项目

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published