Fill Geometry with points

kashish-jain · November 25, 2019, 12:26am

Hi guys,
I am very new to three.js and also to Javascript.

What I am trying to do?
I am actually loading a 3d text with TextBufferGeometry and it works fine. But, I want to fill that geometry with points, probably using points material. I think the points material only gets applied to vertices. So, when I create a mesh using TextBufferGeometry and Points Material, I only see points on vertices. But I want to fill the whole geometry with points.

I came across some jsfiddles where somebody was using GeometryUtils.randomPointsInGeometry(). I am unable to use that function, probably it is not being bundled or something. As I said I am very new to this.

If somebody could please tell me how to import or use that function, that would be really appreciated. If what I am trying to achieve is not possible in this way, please point me in the right direction. Let me know if you need more clarification.

looeee · November 25, 2019, 1:14am

GeometryUtils is not in the core. You can find this function here:

github.com

mrdoob/three.js/blob/92db041e370f241f59aa1ea351b139cc0be997f4/examples/jsm/utils/GeometryUtils.js#L192


				stats[ index ] += 1;


			}


		}


		return result;


	},


	randomPointsInBufferGeometry: function ( geometry, n ) {


		var i,
			vertices = geometry.attributes.position.array,
			totalArea = 0,
			cumulativeAreas = [],
			vA, vB, vC;


		// precompute face areas
		vA = new Vector3();
		vB = new Vector3();

You need to include this file seperately. Assuming two things:

You are using BufferGeometry
You are using the module version of the core from build/three.module.js

If you are using the older non-modular build/three.js then the function is here.

@Mugen87 I expected to find this function in BufferGeometryUtils rather than GeometryUtils. Do you know why it’s not in that file?

kashish-jain · November 25, 2019, 1:21am

Thanks for your reply.
I am not using module version. I am doing "import * as THREE from “three” " in my project. I am still not sure how can I import and use this function.

looeee · November 25, 2019, 1:24am

This means that you are using the module version. import/export are the JavaScript modules keywords.

Here’s how to import GeometryUtils:

import { GeometryUtils } from 'three.js/examples/jsm/utils/GeometryUtils.js'

kashish-jain · November 25, 2019, 1:28am

Appreciate that. It worked. I was trying to import it from three/examples/js and not from three/examples/jsm.

prisoner849 · November 25, 2019, 6:49am

@kashish-jain Just in case, if you need more ideas: How fill a loaded STL mesh ( NOT SIMPLE SHAPES LIKE CUBE ETC) with random particles and animate with this geometry bound in three.js

Topic		Replies	Views
randomPointsInBufferGeometry Questions geometry	2	1515	April 20, 2022
Texturing THREE.Points Questions textures , points	5	2043	June 3, 2021
Fill Custom Polygon Geometry Questions textures , materials , geometry	3	343	February 21, 2024
Three.js BufferGeometry texture Questions buffergeometry	2	3602	October 6, 2021
How fill a loaded STL mesh ( NOT SIMPLE SHAPES LIKE CUBE ETC) with random particles and animate with this geometry bound in three.js Questions materials , loaders , geometry	5	4524	October 27, 2018

Fill Geometry with points

Related Topics