![]()
在场景远处的边缘添加上城市天际线,用户可以感受到建筑所处的环境,是城市、乡村、海滨、或沙漠,丰富了原本仅有天空渐变色的背景,增加了场景的代入感。
![]()
通过使用 WebGL 框架 three.js 在顶点着色器和片元着色器中尝试 perlin noise 。通过在顶点着色器中运用3D噪点进行大量的位移映射。
![]()
对于没有编程基础的图形爱好者,在学习WebGL的起步阶段会经历非常痛苦的过程。2016年初至今,断断续续三年的学习过程中,阅览过各种类型的教程。这里收集了我所学习过的、对初学者比较友好的教程,包括了WebGL、GLSL和ThreeJS相关主题。
![]()
球面反射/环境贴图技术(SEM)是一种模拟光照算法中高光反射的快捷方法,在特定的使用场景中,甚至可以模拟完整光照实现效果。这种技术已经在三维软件中广泛应用,如: Pixologic ZBrush 和 Luxology Modo。
![]()
这篇教程展示了创作一个带有形体变形动画的过程:使用一个球体作为基本几何体,使用perlin噪点对球体顶点位置扰乱。同时也教授了如何在扰乱上添加更多的变化以及如何添加着色。
![]()
本文中收集GLSL常用的代码片段和造型函数。将这些封装好的函数复制到vertexShader和fragmentShader中,然后在main()中通过函数名直接调用。