↓视频纹理

这个三维动画案例主要是在一个立方体上设置视频纹理来播放视频。温馨提示:鼠标放在立方体上,它会产生动画效果。你可以通过点击立方体来播放/暂停视频,另外也可以通过鼠标左键来旋转视角,鼠标右键来移动正方体

视频是1997年获得奥斯卡最佳短篇电影奖的影片《棋逢敌手》(Geri's Game)。影片在一片落叶中开始,一位老人在秋风中独自摆好棋盘,一人孤独下棋,。老人自己一人反复扮演着桌旁的两位棋手,一位是老奸巨猾的高手,一位是沉默胆小的学者。整个影片没有一句对白,却在结尾出现了戏剧性的转折。影片虽然只有短短的4分钟,却留给人们无限的思考,人生如棋

↓图画纹理

这个三维动画案例和上面的案例差不多,不过这里仅仅是在一个立方体上设置图片纹理。温馨提示:立方体一开始就是在转动的。你可以点击它来切换旋转/暂停的状态

↓三维文字

这个案例主要是通过WebGL来创建3D的文字。通过两种光源对文字的照射而产生好看的文字网格颜色的填充。首先创建了3D文字和一块透明地板,然后进行复制文字并倒转文字的操作来制作倒影效果。3D文字会自动旋转,你也可以手动点击它暂停/开始旋转

↓地月景观

这个案例也是一个WebGL的三维动画展示,它主要通过three.js的框架来完成。你可以看到地球表面的崎岖不平,明暗不一,还有地球外围的云层(它的旋转速度比地球自转速度慢),你还可以看到围绕着地球公转的月球,它始终一面朝着地球。另外在远处放着一个模拟的太阳光点,而背景则是由500颗恒星来构成的。温馨提示:你可以通过鼠标的左键调整观看的视角,可以通过鼠标的右键来移动地球和月球

↓外星人呀

外星人的网格是别人提供的,看了下模型网格的源代码,创建真心工程量大。幸亏我们可以借用别人的模型来,这个例子也是自己心血来潮放上来的而已。再去观摩观摩其他的,学习下,自己弄点可爱些的模型