【文件属性】：
文件名称：webgl-palette-shader:使用TypeScript和three.js的WebGL Palettetoon着色器演示
文件大小：12.91MB
文件格式：ZIP
更新时间：2021-04-30 01:00:43
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)