JSFiddle - React, Tailwind, and code Playground

JavaScript

var cubeSys = new THREE.Geometry();
var maxRange=120000;
var texLoad = new THREE.TextureLoader();
       
for (var i = 0; i < 50000; i++) {
            
var vertex = new THREE.Vector3();
vertex.x = maxRange * ( 2.0 * Math.random() - 1.0 );
vertex.y = maxRange * ( 2.0 * Math.random() - 1.0 );
vertex.z = maxRange * ( 2.0 * Math.random() - 1.0 );
          
cubeSys.vertices.push(vertex);
            }

cubeSys.computeBoundingSphere();
       
texLoad.load(url, function(textr){
 var cmaterial = new THREE.PointCloudMaterial({
 size:3000,
 depthTest:true,
 depthWrite:true,
 transparent:true,
 alphaTest:0.5,
 fog:false,
 map:textr
});

var pCloud = new THREE.PointCloud(cubeSys,cmaterial);
pCloud.dynamic=true;
pCloud.sortParticles=true;
pCloud.frustrumCulled = false;
pCloud.verticesNeedUpdate = true;
				
scene.add(pCloud);