zoukankan      html  css  js  c++  java
  • threejs绘制多边形3

    threejs绘制多边形,

    threejs多边形绘制方法:

    var points = [
        new THREE.Vector2(10,10), 
        new THREE.Vector2(300, 10), 
        new THREE.Vector2(300, 30), 
        new THREE.Vector2(260, 30), 
        new THREE.Vector2(260, 120), 
        new THREE.Vector2(300, 120), 
        new THREE.Vector2(300, 140),
        new THREE.Vector2(10, 140),
        new THREE.Vector2(10, 120),
        new THREE.Vector2(50, 120),
        new THREE.Vector2(50, 30),
        new THREE.Vector2(10, 30)
        
    ] 
    
    // 通过顶点定义轮廓 
    var shape = new THREE.Shape(points);
    // shape可以理解为一个需要填充轮廓 
    // 所谓填充:ShapeGeometry算法利用顶点计算出三角面face3数据填充轮廓 
    var geometry = new THREE.ShapeGeometry(shape, 25); 
    var triangleMaterial = new THREE.MeshPhongMaterial({ 
        color: 0x0000ff, 
        side: THREE.DoubleSide, 
        //两面可见 
        wireframe: true, 
    }); 
    //材质对象 
    
    // var triangleMaterial = new THREE.MeshBasicMaterial({ vertexColors: THREE.FaceColors, side:THREE.DoubleSide,overdraw: 0.99 });
    
    var mesh = new THREE.Mesh(geometry, triangleMaterial); 
    //网格模型对象 
    scene.add(mesh); 

     

    ##################################

  • 相关阅读:
    HDU-2502-月之数
    C语言的位运算的优势
    HDU-1026-Ignatius and the Princess I
    HDU-1015-Safecracker
    HDU-1398-Square Coins
    HDU-1028-Ignatius and the Princess III
    背包的硬币问题
    HDU-1527-取石子游戏
    HDU-1996-汉诺塔VI
    css中的选择器
  • 原文地址:https://www.cnblogs.com/herd/p/15619807.html
Copyright © 2011-2022 走看看