做兼职的网站贴吧/旺道智能seo系统
一：一个最简单的静态DEMO
//body加载完后触发init()
//WebGL的渲染是需要HTML5 Canvas元素的，你可以手动在HTML的<body>部分中定义Canvas元素，或者让Three.js帮你生成。这两种选择一般没有多大差别，我们在此手动在HTML中定义：
<body onload="init()"><canvas id="mainCanvas" width="400px" height="300px" ></canvas>
</body>
<script>function init() {var renderer = new THREE.WebGLRenderer({canvas: document.getElementById('mainCanvas')});renderer.setClearColor(0x000000); var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(45, 4 / 3, 1, 1000);camera.position.set(0, 0, 5);scene.add(camera); var cube = new THREE.Mesh(new THREE.CubeGeometry(1, 2, 3),new THREE.MeshBasicMaterial({color: 0xff0000}));scene.add(cube); renderer.render(scene, camera); }</script>二：Three.js功能概览
Cameras（照相机，控制投影方式）CameraOrthographicCameraPerspectiveCameraCore（核心对象）BufferGeometryClock（用来记录时间）EventDispatcherFace3Face4GeometryObject3DProjectorRaycaster（计算鼠标拾取物体时很有用的对象）Lights（光照）LightAmbientLightAreaLightDirectionalLightHemisphereLightPointLightSpotLightLoaders（加载器，用来加载特定文件）LoaderBinaryLoaderGeometryLoaderImageLoaderJSONLoaderLoadingMonitorSceneLoaderTextureLoaderMaterials（材质，控制物体的颜色、纹理等）MaterialLineBasicMaterialLineDashedMaterialMeshBasicMaterialMeshDepthMaterial
Cameras（照相机，控制投影方式）CameraOrthographicCameraPerspectiveCameraCore（核心对象）BufferGeometryClock（用来记录时间）EventDispatcherFace3Face4GeometryObject3DProjectorRaycaster（计算鼠标拾取物体时很有用的对象）Lights（光照）LightAmbientLightAreaLightDirectionalLightHemisphereLightPointLightSpotLightLoaders（加载器，用来加载特定文件）LoaderBinaryLoaderGeometryLoaderImageLoaderJSONLoaderLoadingMonitorSceneLoaderTextureLoaderMaterials（材质，控制物体的颜色、纹理等）MaterialLineBasicMaterialLineDashedMaterialMeshBasicMaterialMeshDepthMaterialMeshFaceMaterialMeshLambertMaterialMeshNormalMaterialMeshPhongMaterialParticleBasicMaterialParticleCanvasMaterialParticleDOMMaterialShaderMaterialSpriteMaterialMath（和数学相关的对象）Box2Box3ColorFrustumMathMatrix3Matrix4PlaneQuaternionRaySphereSplineTriangleVector2Vector3Vector4Objects（物体）BoneLineLODMesh（网格，最常用的物体）MorphAnimMeshParticleParticleSystemRibbonSkinnedMeshSpriteRenderers（渲染器，可以渲染到不同对象上）CanvasRendererWebGLRenderer（使用WebGL渲染，这是本书中最常用的方式）WebGLRenderTargetWebGLRenderTargetCubeWebGLShaders（着色器，在最后一章作介绍）Renderers / RenderablesRenderableFace3RenderableFace4RenderableLineRenderableObjectRenderableParticleRenderableVertexScenes（场景）FogFogExp2SceneTextures（纹理）CompressedTextureDataTextureTextureExtrasFontUtilsGeometryUtilsImageUtilsSceneUtilsExtras / AnimationAnimationAnimationHandlerAnimationMorphTargetKeyFrameAnimationExtras / CamerasCombinedCameraCubeCameraExtras / CoreCurveCurvePathGyroscopePathShapeExtras / Geometries（几何形状）CircleGeometryConvexGeometryCubeGeometryCylinderGeometryExtrudeGeometryIcosahedronGeometryLatheGeometryOctahedronGeometryParametricGeometryPlaneGeometryPolyhedronGeometryShapeGeometrySphereGeometryTetrahedronGeometryTextGeometryTorusGeometryTorusKnotGeometryTubeGeometryExtras / HelpersArrowHelperAxisHelperCameraHelperDirectionalLightHelperHemisphereLightHelperPointLightHelperSpotLightHelperExtras / ObjectsImmediateRenderObjectLensFlareMorphBlendMeshExtras / Renderers / PluginsDepthPassPluginLensFlarePluginShadowMapPluginSpritePluginExtras / ShadersShaderFlaresShaderSprite
22
1.3 Three.js功能概览
Cameras（照相机，控制投影方式）CameraOrthographicCameraPerspectiveCameraCore（核心对象）BufferGeometryClock（用来记录时间）EventDispatcherFace3Face4GeometryObject3DProjectorRaycaster（计算鼠标拾取物体时很有用的对象）Lights（光照）LightAmbientLightAreaLightDirectionalLightHemisphereLightPointLightSpotLightLoaders（加载器，用来加载特定文件）LoaderBinaryLoaderGeometryLoaderImageLoaderJSONLoaderLoadingMonitorSceneLoaderTextureLoaderMaterials（材质，控制物体的颜色、纹理等）MaterialLineBasicMaterialLineDashedMaterialMeshBasicMaterialMeshDepthMaterialMeshFaceMaterialMeshLambertMaterialMeshNormalMaterialMeshPhongMaterialParticleBasicMaterialParticleCanvasMaterialParticleDOMMaterialShaderMaterialSpriteMaterialMath（和数学相关的对象）Box2Box3ColorFrustumMathMatrix3Matrix4PlaneQuaternionRaySphereSplineTriangleVector2Vector3Vector4Objects（物体）BoneLineLODMesh（网格，最常用的物体）MorphAnimMeshParticleParticleSystemRibbonSkinnedMeshSpriteRenderers（渲染器，可以渲染到不同对象上）CanvasRendererWebGLRenderer（使用WebGL渲染，这是本书中最常用的方式）WebGLRenderTargetWebGLRenderTargetCubeWebGLShaders（着色器，在最后一章作介绍）Renderers / RenderablesRenderableFace3RenderableFace4RenderableLineRenderableObjectRenderableParticleRenderableVertexScenes（场景）FogFogExp2SceneTextures（纹理）CompressedTextureDataTextureTextureExtrasFontUtilsGeometryUtilsImageUtilsSceneUtilsExtras / AnimationAnimationAnimationHandlerAnimationMorphTargetKeyFrameAnimationExtras / CamerasCombinedCameraCubeCameraExtras / CoreCurveCurvePathGyroscopePathShapeExtras / Geometries（几何形状）CircleGeometryConvexGeometryCubeGeometryCylinderGeometryExtrudeGeometryIcosahedronGeometryLatheGeometryOctahedronGeometryParametricGeometryPlaneGeometryPolyhedronGeometryShapeGeometrySphereGeometryTetrahedronGeometryTextGeometryTorusGeometryTorusKnotGeometryTubeGeometryExtras / HelpersArrowHelperAxisHelperCameraHelperDirectionalLightHelperHemisphereLightHelperPointLightHelperSpotLightHelperExtras / ObjectsImmediateRenderObjectLensFlareMorphBlendMeshExtras / Renderers / PluginsDepthPassPluginLensFlarePluginShadowMapPluginSpritePluginExtras / Shaders
Cameras（照相机，控制投影方式）CameraOrthographicCameraPerspectiveCameraCore（核心对象）BufferGeometryClock（用来记录时间）EventDispatcherFace3Face4GeometryObject3DProjectorRaycaster（计算鼠标拾取物体时很有用的对象）Lights（光照）LightAmbientLightAreaLightDirectionalLightHemisphereLightPointLightSpotLightLoaders（加载器，用来加载特定文件）LoaderBinaryLoaderGeometryLoaderImageLoaderJSONLoaderLoadingMonitorSceneLoaderTextureLoaderMaterials（材质，控制物体的颜色、纹理等）MaterialLineBasicMaterialLineDashedMaterialMeshBasicMaterialMeshDepthMaterialMeshFaceMaterialMeshLambertMaterialMeshNormalMaterialMeshPhongMaterialParticleBasicMaterialParticleCanvasMaterialParticleDOMMaterialShaderMaterialSpriteMaterialMath（和数学相关的对象）Box2Box3ColorFrustumMathMatrix3Matrix4PlaneQuaternionRaySphereSplineTriangleVector2Vector3Vector4Objects（物体）BoneLineLODMesh（网格，最常用的物体）MorphAnimMeshParticleParticleSystemRibbonSkinnedMeshSpriteRenderers（渲染器，可以渲染到不同对象上）CanvasRendererWebGLRenderer（使用WebGL渲染，这是本书中最常用的方式）WebGLRenderTargetWebGLRenderTargetCubeWebGLShaders（着色器，在最后一章作介绍）Renderers / RenderablesRenderableFace3RenderableFace4RenderableLineRenderableObjectRenderableParticleRenderableVertexScenes（场景）FogFogExp2SceneTextures（纹理）CompressedTextureDataTextureTextureExtrasFontUtilsGeometryUtilsImageUtilsSceneUtilsExtras / AnimationAnimationAnimationHandlerAnimationMorphTargetKeyFrameAnimationExtras / CamerasCombinedCameraCubeCameraExtras / CoreCurveCurvePathGyroscopePathShapeExtras / Geometries（几何形状）CircleGeometryConvexGeometryCubeGeometryCylinderGeometryExtrudeGeometryIcosahedronGeometryLatheGeometryOctahedronGeometryParametricGeometryPlaneGeometryPolyhedronGeometryShapeGeometrySphereGeometryTetrahedronGeometryTextGeometryTorusGeometryTorusKnotGeometryTubeGeometryExtras / HelpersArrowHelperAxisHelperCameraHelperDirectionalLightHelperHemisphereLightHelperPointLightHelperSpotLightHelperExtras / ObjectsImmediateRenderObjectLensFlareMorphBlendMeshExtras / Renderers / PluginsDepthPassPluginLensFlarePluginShadowMapPluginSpritePluginExtras / ShadersShaderFlaresShaderSprite