【问题标题】:Need to know what to read up to achieve this effect需要知道读什么才能达到这个效果
【发布时间】:2015-10-14 04:46:25
【问题描述】:

我正在尝试进行一些数据可视化,并且我希望在单击球体时使球体亮起(发光、脉动)。我是 webGL 的新手。有一个chrome experiment here 可以做到这一点。基本上所有那些闪烁的线条(不是正常的线条。较粗的线条实际上会亮起并跳动)当您单击美国时,我想知道如何实现它们。他们使用着色器完成了吗?我不知道该读什么。能给我一些链接和例子吗?

编辑:另一个使用 similar effects 的 webGL 演示

【问题讨论】:

    标签: javascript opengl-es webgl


    【解决方案1】:

    通过自定义着色器可创建发光等酷炫效果。 Click here to see details

    这是该帖子https://stemkoski.github.io/Three.js/Shader-Glow.html中介绍的发光示例

    它的源代码在https://github.com/stemkoski/ blah blah blah Three.js/Shader-Glow.html

    WebGL 使用两个阶段的着色器:第一个是顶点着色器,它计算从世界坐标空间中对象(点、线、三角形...)顶点到屏幕空间的映射,另一个是片段着色器,它是通常称为像素着色器是有充分理由的。它控制最终的像素级位置和颜色,主要是发光的神奇之处

    【讨论】:

    • 谢谢,该链接很有用。着色器是我一直在寻找的术语。我找不到有关该主题的太多信息,因此我开始怀疑效果与自定义着色器根本没有任何关系。我也许应该寻找非 webgl 特定的教程。
    猜你喜欢
    • 1970-01-01
    • 2017-08-14
    • 2010-10-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-29
    • 2013-01-01
    • 2017-09-22
    相关资源
    最近更新 更多