example

initThree

extraModuleUse

css3DSprites

文档

图元

const width = 1;
const height = 1;
const depth = 0.5;
const geometry = new THREE.BoxGeometry(width, height, depth);

盒子

   const width = 8;
    const height = 8;
    const depth = 8 ;
    const widthSegments = 4;
    const heightSegments = 4;
    const depthSegments= 4;
    const geometry = new THREE.BoxGeometry(width,height,depth,widthSegments,heightSegments,depthSegments)

分割盒子

    const radius = 7;
    const segments = 24;
    const geometry = new THREE.CircleGeometry(radius,segments)

平面圆

    const radius = 7;
    const segments = 24;
    const thetaStart = 0;
    const thetaEnd = Math.PI
    const geometry = new THREE.CircleGeometry(radius,segments,thetaStart,thetaEnd);

带起始角度的平面圆

const radius =6;
const height = 8;
const radialSegments =16;
const geometry = new THREE.ConeGeometry(radius,height,radialSegments);

圆锥

[带起始角度的圆锥（高度分割为2，开放底部）]

视频（合并WebGL和HTML世界）的demo

play_demo

第五章部分

更改着色器 中心🌊显示noise

glsl_demo

fragment shader effect

shader

merging basics

three in html

glsl