How to use the CircleGeometry function from three

Find comprehensive JavaScript three.CircleGeometry code examples handpicked from public code repositorys.

Dot.js

30
31
32
33
34
35
36
37
38
39
    break;
  default:

}
this.numVertices = numVertices;
var geometryCircleLine = new THREE.CircleGeometry(1 * this.creature.radius, this.numVertices);
// Remove center vertex
geometryCircleLine.vertices.shift();

var materialCircleLine = new THREE.LineDashedMaterial({

index.js

GitHub: nfbinteractive/Bear71VR_OpenSource

59
60
61
62
63
64
65
66
67
68
  side: THREE.DoubleSide,
  fog: false
});
const ringMesh = new THREE.Mesh(ringGeometry, ringMaterial);

const circleGeometry = new THREE.CircleGeometry(0.7, 6);
const circleMaterial = new THREE.MeshBasicMaterial({
  color: color,
  depthTest: false,
  depthWrite: false,

+ 5 other calls in file

scatter.js

GitHub: vidartf/ipyvolume

47
48
49
50
51
52
53
54
55
56
        this.geo_cat.faces.push(face)
    }
}
this.geo_square_2d = new THREE.PlaneGeometry(2, 2, 1, 1)
this.geo_point_2d = new THREE.PlaneGeometry(0.1, 0.1, 1, 1)
this.geo_triangle_2d = new THREE.CircleGeometry(1, 3, Math.PI/2);
this.geo_circle_2d = new THREE.CircleGeometry(1, 32, Math.PI/2);

//this.geo = new THREE.ConeGeometry(0.2, 1)
this.geo_arrow = new THREE.CylinderGeometry(0, 0.2, 1)

236

+ 3 other calls in file

preview.js

GitHub: lyxnter/DuetWebControl

154
155
156
157
158
159
160
161
162
163
light.castShadow = true;
light.shadow.camera.near = 0.1;
light.shadow.camera.far = 1000
this.previewScene.add(light);

var geometry = new THREE.CircleGeometry(180, 30);
var material = new THREE.MeshPhongMaterial({
	color: 0xf0f0f0
});
var buildPlate = new THREE.Mesh(new THREE.CircleGeometry(200, 30), new THREE.MeshBasicMaterial({

+ 2 other calls in file

StreetControls.js

GitHub: VeinKowal/veins

44
45
46
47
48
49
50
51
52
53
54
55
  transparent: true,
  opacity: 0.5
});


function createCircle() {
  var geomCircle = new THREE.CircleGeometry(1, 32);
  return new THREE.Mesh(geomCircle, material);
}


function createRectangle() {

avatar.js

GitHub: demo3d/frame

183
184
185
186
187
188
189
190
191
192
// var bodyOutline = new THREE.Mesh(cone, outlineMaterial);
// bodyOutline.scale.multiplyScalar(1 + OUTLINE).x = (-1.0 - OUTLINE);
// bodyOutline.position.y = 0.7;
// this.add(bodyOutline);

// var circle = new THREE.CircleGeometry(0.53, 32);
// var baseOutline = new THREE.Mesh(circle, outlineMaterial);
// baseOutline.scale.multiplyScalar(1);
// baseOutline.position.y = 0.01;
// baseOutline.rotation.x = -Math.PI / 2;

+ 2 other calls in file

earth.js

GitHub: zwfgogo/solar-platform-view

219
220
221
222
223
224
225
226
227
228

//锚点的第一个圆圈
let radius = 1;
let segments = 64;
let material = new THREE.LineBasicMaterial({color: color});
let geometry = new THREE.CircleGeometry(radius, segments);
geometry.vertices.shift();
let line = new THREE.Line(geometry, material);
line.material.transparent = true;
let lineLoop = new THREE.LineLoop(geometry, material);

game.js

GitHub: lukedawilson/battlezone

22
23
24
25
26
27
28
29
30
31
  document.onkeydown = e => handleInput(self, e)
}

addHorizon() {
  // Horizon
  const horizonGeometry = new THREE.CircleGeometry(1000, 64)
  horizonGeometry.vertices.shift() // remove centre vertex
  horizonGeometry.rotateX(Math.PI / 2)

  const horizon = buildShape(horizonGeometry, 0, 0, true)

Other functions in three

Sorted by popularity

three.Vector3 is the most popular function in three (22341 examples)

Other popular packages:

Home

About