文件名称：webgl-outlines:在ThreeJS和PlayCanvas中实现后处理轮廓着色器
文件大小：319KB
文件格式：ZIP
更新时间：2024-06-02 08:01:01
JavaScript
如何在WebGL中渲染轮廓 这是在ThreeJS和PlayCanvas中实现的的源代码。 这使用后处理着色器渲染轮廓，该着色器将深度缓冲区和曲面法线缓冲区作为输入，然后进行FXAA传递。 船模，由 左侧是可视化轮廓的常用方法，仅用于边界。 中间是此回购中的技术。 右仅与带有轮廓的中间相同。 现场演示 参见。 拖放任何glTF文件即可查看自己模型上的轮廓（必须是单个.glb文件）。 或单击“登录到Sketchfab”并粘贴到任何Sketchfab模型URL中，例如： ://sketchfab.com/3d-models/skull-downloadable-1a9db900738d44298b0bc59f68123393 源代码
【文件预览】：
webgl-outlines-main
----playcanvas()
--------package.json(223B)
--------box.glb(2KB)
--------index.html(838B)
--------src()
--------.gitignore(13B)
--------README.md(854B)
--------yarn.lock(6KB)
----media()
--------boat_outline_3_versions.jpeg(227KB)
----threejs()
--------.babelrc(53B)
--------package.json(518B)
--------index.html(422B)
--------static()
--------src()
--------.gitignore(27B)
--------README.md(952B)
--------yarn.lock(224KB)
----LICENSE(1KB)
----README.md(1KB)