文件名称:raymarching-for-THREE:THREE.js中使用raymarching的助手
文件大小:728KB
文件格式:ZIP
更新时间:2024-06-01 08:49:48
GLSL
三雷 THREE.js中的“辅助”与raymarching一起工作。 (鼠标控件) 它很大程度上基于核心模块和脚本是一个流行的WebGL库,Raymarching Distance Fields现在很流行,这是将它们组合在一起的一种方式。 大多数(全部!)工作都是由片段着色器完成的,不要指望在javascript端有任何复杂的事情:) THREE使将各种数据上传到着色器(例如,相机,灯光,纹理)变得容易,另一个好处是能够使用THREE的后处理生态系统; 在上面的示例中,我使用了FXAA Pass来平滑结果。 为了测试,我只剩下了一小部分的后处理和着色器文件夹,但是在三个仓库中还有很多东西。 我保留了使用的资源的链接,大多数更改应在之后在“ field()”方法中完成 示例脚本 [removed][removed] <script src="rayma
【文件预览】:
raymarching-for-THREE-master
----noise_bulb.html(2KB)
----tmp.html(2KB)
----vendor()
--------postprocessing()
--------controls()
--------shaders()
--------three.min.js(421KB)
----img()
--------cubemap()
--------cover.jpg(76KB)
--------env.png(55KB)
--------hulkbuster.jpg(123KB)
--------halibut.jpg(129KB)
--------noise_bulb.jpg(85KB)
--------colors.png(10KB)
--------walker.jpg(54KB)
--------matcap.png(38KB)
----interactive.html(3KB)
----cells.html(1KB)
----walker.html(2KB)
----assets()
--------walker()
----halibut.html(1KB)
----hulkbuster.html(2KB)
----index.html(1KB)
----glsl()
--------cells.glsl(1KB)
--------bits()
--------colors.glsl(7KB)
--------halibut.glsl(6KB)
--------interactive.glsl(9KB)
--------toy.glsl(6KB)
--------tmp.glsl(6KB)
--------noise_bulb.glsl(8KB)
--------walker.glsl(9KB)
--------fragment.glsl(9KB)
--------hulkbuster.glsl(7KB)
----MouseControls.js(2KB)
----raymarcher.js(6KB)
----.gitignore(40B)
----README.md(11KB)
----composer.js(848B)
----colors.html(2KB)