网上有不少的 Three.js 和 Webgl 教程, 在这里我向大家介绍怎么用这些简单的知识做一些有创意的作品. 建议用chrome 或者 firefox. 如果不支持webgl 或者没有纹理 按这里

这个作品是用3个球形来完成的.

第一个 是最内部的实体球.

第二个 是一个网格型的球体.

第三个 是最外面的字 "Web Design". 这个效果是用 球形 + 有字的透明图片纹理 来实现的

点击图片 或者 连接 http://tmirun.webatu.com/examples/geometry_sphera.html

Three.js 教程 sphera_第1张图片

 

其他效果: 灯光 + 影子 可参考 WebGL库Three.js入门(1/3)教程

在代码里我标明了 每个部分的代码.

欢迎大家来和我一起交流 WebGL.邮件 [email protected]

 本人上网时间不多. 所以...有时候可能回的晚.