文件名称:webgl-palette-shader:使用TypeScript和three.js的WebGL Palettetoon着色器演示
文件大小:12.91MB
文件格式:ZIP
更新时间:2024-05-19 18:47:23
javascript webgl threejs typescript shaders
webgl-调色板着色器 弃用说明-这是使用早期版本的TypeScript的旧代码。 可能需要一些工作才能构建。 这是使用TypeScript,WebGL和three.js制作的单遍调色板着色器演示。 它会在场景上进行阴影着色,然后根据最终颜色的片段亮度将其索引到调色板纹理中。 该实现扩展了默认的three.js phong着色器以执行此操作。 该演示将定向光移动到城市模型上以展示效果。 在这里尝试: : 建造 对于构建,我建议使用集成TypeScript支持的最新版本的Visual Studio(2015预览版)。 所有库和类型定义都包含在jslib和tslib文件夹中。 common子模块当前仅用于我的个人网站上的图标和插图。 屏幕截图 热图调色板: 紫色调色板:
【文件预览】:
webgl-palette-shader-master
----common()
----.gitattributes(2KB)
----source()
--------WebGLDetector.ts(821B)
--------Main.ts(19KB)
--------.gitignore(4B)
----web.config(343B)
----.gitmodules(87B)
----www()
--------index.html(5KB)
--------jslib()
--------js()
--------assets()
--------css()
----webgl-toonshader.sln.ide()
--------edb.chk(8KB)
----webgl-toonshader.csproj(5KB)
----LICENSE(1KB)
----other()
--------city.blend(918KB)
----webgl-toonshader.sln(976B)
----README.md(1KB)
----screenshots()
--------palette_shader.gif(9.63MB)
--------palette1.png(408KB)
--------palette4.png(185KB)
--------palette2.png(241KB)
--------bloom1.png(1.57MB)
--------palette3.png(399KB)
----tslib()
--------touch()
--------three()
--------datgui()
--------webaudioapi()
--------stats()
--------tween()
----web.Release.config(1KB)
----.gitignore(52B)
----web.Debug.config(1KB)