Avatar notebook default
29篇文章 · 11081字 · 2人关注
  • 正方体全景图

    正方体全景图是把一个全景图切成 6 张图片分别贴到一个正方体的 6 个面上。相机放在正方体中间,旋转时改变相机的指向即可。

  • 球体全景图

    演示 http://csworld.cc:3005/Panorama_Sphere.html 全景图片一般有两种实现方式,一是把图片贴到一个球...

  • Three.js 3D地球

    地球纹理下载地址: https://pan.baidu.com/s/1hrQErCo

  • Resize,w 360,h 240
    webgl 26.针对每个 fragment 计算光照

    接上一节这节我们来针对每个 fragment 计算光照,只需要改变 shader 把光照的逻辑从 vertex shader 中转移到 fra...

  • Resize,w 360,h 240
    webgl 25.用点光源为正方体添加光照

    前面两节我们用平行光为正方体添加了光照,这节我们用一个点光源来为正方体添加光照。 平行光只需要一个光线方向和光线颜色就可以描述。而点光源的光线方...

  • Resize,w 360,h 240
    webgl 24.为旋转平移后的正方体添加光照

    接上节的例子,我们对正方体做一些模型变换(旋转、平移、缩放)后再添加光照。 物体旋转、平移或缩放后法向量会发生变化,这里关键是要计算出变换后的法...

  • Resize,w 360,h 240
    webgl 23.为正方体添加环境光

    上一节我们给正方体添加了漫反射,但物体背光的部分几乎完全是黑色的,我们可以再添加环境光让物体显示的更真实。 非常简单了,直接把环境光加上就行了 ...

  • Resize,w 360,h 240
    webgl 22.为正方体添加光照

    下面来看一下光照先来看一下光源的类型 光源大体可分为 Directional light (平行光),Point light (点光源),Amb...

  • Resize,w 360,h 240
    webgl 21.画带颜色的正方体

    上一节中我们每个顶点给了一个颜色,颜色在各个顶点之间进行了插值。现在我们要每一个面都有一个不同的颜色怎么办呢? 每个面一个颜色要求每个面上的 4...

文集作者