网页3D图像渲染框架,可数WebGL+Three.js为最佳实现,其易学易用,效果动态逼真,一直是网页端3D渲染效果制作的必备技术。
WebGL:
Three.js:
本实例是两者的实现动态图形的简单应用,结合canvas画布渲染,加上一定的图形png,模拟出微妙微翘的逼真云彩,犹如飞机上,踩着云彩漫步,飞翔的感觉。应用到网站上,可以让你的网站炫酷与大方。
目前是白云,其实可以替换成一定的海浪花,也可以是模拟到航海拍浪的效果呢!
css3结合动画,跟div的元素进行结合搭配,就能制作出运动中的九大行星图,各个行星的自转与公转都是根据实际的运行速度进行,只是同时提高了很多倍的运行速度。