Three.js惊人的3D动画

The hottest topic for client-side developers seems to be animation. Whether it be from CSS transformations, keyframe animations, or animations managed with JavaScript APIs, it seems like each day we come across another demo that shows us how can we've come outside of Flash. The latest shocker comes from the three.js project. The creators of three.js explains the project best:

客户端开发人员最热门的话题似乎是动画。 无论是来自CSS转换，关键帧动画还是使用JavaScript API管理的动画，似乎每天我们都会遇到另一个演示，向我们展示如何摆脱Flash。 最新的令人震惊的东西来自three.js项目。 three.js的创建者最好地解释了该项目：

The aim of the project is to create a lightweight 3D engine with a very low level of complexity; in other words, for dummies. The engine can render using <canvas>, <svg> and WebGL.

该项目的目的是创建一种轻量级的3D引擎，其复杂度非常低。 换句话说，是假人。 引擎可以使用<canvas>，<svg>和WebGL进行渲染。

The three.js engine allows developers to create mindblowing 2D and 3D animations with Canvas and WebGL, from basic cubes to advanced animations so smooth you'll wet yourself.

three.js引擎使开发人员可以使用Canvas和WebGL创建令人难以置信的2D和3D动画，从基本的多维数据集到高级动画，都可以使您轻松自如。

最喜欢的three.js演示 (Favorite three.js Demos)

The three.js repository comes with several dozens examples of the engine's capabilities. Here are a few of my favorites:

three.js存储库附带了数十个引擎功能的示例。 以下是一些我的最爱：

• http://mrdoob.github.com/three.js/examples/webgl_trails.html

  http://mrdoob.github.com/three.js/examples/webgl_trails.html

• http://mrdoob.github.com/three.js/examples/webgl_terrain_dynamic.html

  http://mrdoob.github.com/three.js/examples/webgl_terrain_dynamic.html

• http://mrdoob.github.com/three.js/examples/webgl_shading_physical.html

  http://mrdoob.github.com/three.js/examples/webgl_shading_physical.html

• http://mrdoob.github.com/three.js/examples/webgl_materials_cubemap_refraction.html

  http://mrdoob.github.com/three.js/examples/webgl_materials_cubemap_refraction.html

• http://mrdoob.github.com/three.js/examples/webgl_animation_skinning.html

  http://mrdoob.github.com/three.js/examples/webgl_animation_skinning.html

• http://mrdoob.github.com/three.js/examples/webgl_geometries.html

  http://mrdoob.github.com/three.js/examples/webgl_geometries.html

You can see all of the examples here: http://mrdoob.github.com/three.js/

您可以在此处查看所有示例： http : //mrdoob.github.com/three.js/

Mind status: blown. three.js is an incredible project that allows developers to achieve amazing animations efficiently and without Flash. Mr.Doob: take a bow -- three.js is ahead of its time.

心灵状态：吹牛。 three.js是一个了不起的项目，它使开发人员无需使用Flash即可高效地实现惊人的动画。 Doob先生：鞠躬-three.js领先于时代。

翻译自: https://davidwalsh.name/threejs