文件名称:raymarching-sandbox
文件大小:1.82MB
文件格式:ZIP
更新时间:2024-04-14 11:46:02
JavaScript
Raymarching沙箱 编写脚本沙箱以尝试raymarching。 当您要尝试使用距离函数的想法时,只需在某个片段文件或textarea中的代码中编辑sceneDist , sceneColor和getNormal 。 怎么看 克隆此仓库。 查看index.html 在第2步中,我通常使用python: 以python -m http.server身份启动HTTP服务器 使用类似Google Chrome的浏览器访问 。 控制项 拖动以旋转 鼠标滚轮放大/缩小 即时修改代码 在左上方的文本区域中编辑代码 点击右上方菜单中的“加载代码”按钮 解释 Qiita(日语) 加载碎片文件 3D波函数 致谢 一些JavaScript代码( js目录中的脚本文件)来自Three.js项目。 参考 该项目从修改以下样本开始:
【文件预览】:
raymarching-sandbox-master
----LICENSE(1KB)
----js()
--------controls()
--------WebGL.js(2KB)
--------libs()
--------three.min.js(597KB)
----README.md(1KB)
----frag_files()
--------wave_dzr.frag(420B)
--------sphere.frag(172B)
--------header.frag(570B)
--------wavefunc_solid.frag(608B)
--------rod.frag(488B)
--------wave_px.frag(389B)
--------torus.frag(343B)
--------render.frag(2KB)
--------wavefunc_fog_render.frag(3KB)
----style.css(484B)
----index.html(9KB)