Three.js: рдЬреНрдпрд╛рдорд┐рддрд┐ рдХреЛ рдХреИрд╕реЗ рдШрдЯрд╛рдпрд╛ рдЬрд╛рдП?

рдХреЛ рдирд┐рд░реНрдорд┐рдд 7 рджрд┐рд╕ре░ 2011  ┬╖  2рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: mrdoob/three.js

рдХреНрдпрд╛ рдЬреНрдпрд╛рдорд┐рддрд┐ рдХреЛ рдШрдЯрд╛рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рд╣реИ?

рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдЗрдорд╛рд░рдд рдХреА рд░реВрдкрд░реЗрдЦрд╛ рдФрд░ рдПрдХ рдЖрдВрддрд░рд┐рдХ рдЖрдВрдЧрди рдХреА рд░реВрдкрд░реЗрдЦрд╛ рд╣реИред рдореИрдВ рдЗрдорд╛рд░рдд рдХреЗ рд▓рд┐рдП рдПрдХ рдареЛрд╕ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдКрдВрдЪрд╛рдИ рд╕реЗ рдЗрдорд╛рд░рдд рдХреА рд░реВрдкрд░реЗрдЦрд╛ рдмрд╛рд╣рд░ рдирд┐рдХрд╛рд▓ рджрд┐рдпрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдЕрдм рд╡рд╣ рдЖрдВрдЧрди рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдмреАрдЪ рдХреА рдЬрд░реВрд░рдд рд╣реИред

рдзрдиреНрдпрд╡рд╛рдж

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдЖрдк рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рднреА рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ:
http://learningthreejs.com/blog/2011/12/10/constructive-solid-geometry-with-csg-jb/

рд╕рднреА 2 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореИрдВрдиреЗ рдЬрд╡рд╛рдм рджрд┐рдпрд╛ рд╣реИ - рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рддрд░реАрдХрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рдореИрдВ рдмрд╛рд╣рд░реА рдЬреНрдпрд╛рдорд┐рддрд┐ рдХреЛ рджрдХреНрд╖рд┐рдгрд╛рд╡рд░реНрдд рдФрд░ рдлрд┐рд░ рдмрд┐рдЯреНрд╕ рдХреЛ рд╡рд┐рд░реЛрдзреА-рджрдХреНрд╖рд┐рдгрд╛рд╡рд░реНрдд рдХреЛ рдирд┐рдХрд╛рд▓рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдЖрдХрд╛рд░ рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдПрдХ рдкрде рдкрд░ рдЬреЛрдбрд╝рддрд╛ рд╣реВрдВред

        var path = new THREE.Path();
        // outer clockwise
        path.moveTo(-10, 10);
        path.lineTo(10, 10);
        path.lineTo(10, -10);
        path.lineTo(-10, -10);
        path.lineTo(-10, 10);
        // inner anti-clockwise
        path.moveTo(-5, 5);
        path.lineTo(-5, -5);
        path.lineTo(-2, -5);
        path.lineTo(-2, 5);
        path.lineTo(-5, 5);
        // inner anti-clockwise
        path.moveTo(2, 5);
        path.lineTo(2, -5);
        path.lineTo(5, -5);
        path.lineTo(5, 5);
        path.lineTo(2, 5);

        var height = 20;
        var shapes = path.toShapes();
        var solid = new THREE.ExtrudeGeometry(shapes, { amount: height, bevelEnabled: false });
        var mesh = new THREE.Mesh(solid, materials['building']);
        mesh.position.y = height;
        mesh.rotation.x = 90 * Math.PI * 2 / 360;
        scene.add(mesh);

рдЖрдк рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рднреА рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ:
http://learningthreejs.com/blog/2011/12/10/constructive-solid-geometry-with-csg-jb/

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

boyravikumar picture boyravikumar  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

alexprut picture alexprut  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Bandit picture Bandit  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Horray picture Horray  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

konijn picture konijn  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ