import Stats from "https://cdn.skypack.dev/stats.js@0.17.0";
imageSrc = `data:image/png;base64,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`
let renderer
, controls
, scene
, camera
let w, h
, statsFps
, statsMs
, radius = .2
, material
, uniforms
resize()
init()
animate()
function rand(min, max) {
return Math.random() * (max - min) + min
}
function resize() {
w = document.body.clientWidth
h = document.body.clientHeight
if (!camera) {
return
}
uniforms.scale.value = h * .5
camera.aspect = w / h
camera.updateProjectionMatrix()
renderer.setSize(w, h)
}
function init() {
scene = new THREE.Scene()
camera = new THREE.PerspectiveCamera(75, w / h, 1, 6000)
camera.position.z = 25
renderer = new THREE.WebGLRenderer({alpha: true})
renderer.setSize(w, h)
renderer.setClearColor("#0C7CA5", 0)
renderer.setPixelRatio(window.devicePixelRatio)
renderer.sortObjects = false
renderer.autoClear = false
renderer.generateMipmaps = false
let light = new THREE.HemisphereLight('#fff', '#eee', 50)
light.position.set(0, 0, 300)
light.castShadow = true
scene.add(light)
light = new THREE.PointLight(0x222222, 3)
light.position.x = 1000
light.position.y = 500
light.position.z = 1000
light.castShadow = true
scene.add(light)
const pointsGeometry = makeLine()
material = new THREE.PointsMaterial({
size: radius,
// color: 0xff00ff,
map: new THREE.TextureLoader().load(imageSrc),
blending: THREE.AdditiveBlending,
depthWrite: false,
transparent: true
})
const shaderPoint = THREE.ShaderLib.points
uniforms = THREE.UniformsUtils.clone(shaderPoint.uniforms)
const image = new Image()
uniforms.map.value = new THREE.Texture(image)
image.onload = function() {
uniforms.map.value.needsUpdate = true
};
image.src = imageSrc
uniforms.size.value = radius
uniforms.scale.value = h * .5
material = new THREE.ShaderMaterial({
uniforms: uniforms,
defines: {
USE_MAP: "",
USE_SIZEATTENUATION: ""
},
transparent: true,
// alphaTest: .4,
depthWrite: false,
// depthTest: false,
blending: THREE.AdditiveBlending,
vertexShader: shaderPoint.vertexShader,
fragmentShader: shaderPoint.fragmentShader
})
const points = new THREE.Points(pointsGeometry, material)
scene.add(points)
camera.lookAt(scene.position)
controls = new THREE.OrbitControls(camera, renderer.domElement);
document.body.appendChild(renderer.domElement)
statsFps = new Stats()
document.body.appendChild(statsFps.dom)
statsMs = new Stats()
statsMs.showPanel(1)
document.body.appendChild(statsMs.dom)
window.addEventListener('resize', resize, false)
renderer.domElement.addEventListener('dblclick', () => {
material.size = rand(.1, 1)
material.needsUpdate = true
}, false)
}
let t = 0
function animate() {
requestAnimationFrame(animate)
renderer.clear()
renderer.render(scene, camera)
// if (!(t++ % 500)) {
// material.size = rand(.1, 1)
// material.needsUpdate = true
// }
controls.update()
statsFps.update()
statsMs.update()
}
function getPoints(start, end, size) {
const vec3 = start.clone()
const res = []
for(let i = 0; i < size; i++) {
vec3.set(start.x, start.y, start.z)
vec3.lerp(end, i/size)
res.push(vec3.x, vec3.y, vec3.z)
}
return res
}
function getPositions(points, count, alpha) {
let positions = []
if (!points)
return positions
let l = count
let index = 0
const vec3s = new THREE.Vector3()
const vec3e = vec3s.clone()
const vec3n = vec3s.clone()
let dist, size, i, items
while(l--) {
vec3s.set(points.getX(l), points.getY(l), points.getZ(l))
vec3n.set(vec3s.x, vec3s.y, vec3s.z)
if (l < 1) {
positions.push(vec3n.x, vec3n.y, vec3n.z)
break;
}
vec3e.set(points.getX(l - 1), points.getY(l - 1), points.getZ(l - 1));
dist = vec3n.distanceTo(vec3e);
size = dist * alpha | 0
items = getPoints(vec3s, vec3e)
positions.push.apply(positions, items)
}
return positions
}
function sortFunction(a, b) {
return a - b;
}
function genWireframe(geometry, alpha) {
var vertices = geometry.vertices;
var faces = geometry.faces;
var numEdges = 0;
var l, i, j;
var edge = [0, 0], hash = {};
var keys = [ 'a', 'b', 'c' ];
// allocate maximal size
var edges = new Uint32Array(6 * faces.length);
for (i = 0, l = faces.length; i < l; i++) {
var face = faces[i];
for (j = 0; j < 3; j++) {
edge[0] = face[keys[j]];
edge[1] = face[keys[( j + 1 ) % 3]];
edge.sort(sortFunction);
var key = edge.toString();
if (hash[key] === undefined) {
edges[2 * numEdges] = edge[0];
edges[2 * numEdges + 1] = edge[1];
hash[key] = true;
numEdges++;
}
}
}
const coords = []
let vec3s
, vec3e
, dist
, items
, size
;
for (i = 0, l = numEdges; i < l; i++) {
vec3s = vertices[edges [2 * i]]
vec3e = vertices[edges [2 * i + 1]]
dist = vec3s.distanceTo(vec3e)
size = dist * alpha | 0
items = getPoints(vec3s, vec3e, size)
coords.push.apply(coords, items);
}
return coords;
}
function makeLine() {
let geometry = new THREE.IcosahedronGeometry(20, 4)
const pos = genWireframe(geometry, 10/radius)
geometry = new THREE.BufferGeometry()
geometry.addAttribute("position", new THREE.BufferAttribute(new Float32Array(pos), 3))
return geometry
}
!
