Dies ist das Repository meines kleinen Portfolios.
Im Hintergrund läuft eine Planetensimulation, geschrieben in JavaScript und Three.js.
Die zu sehenden Texturen stammen von:
https://www.solarsystemscope.com/textures/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.9 KiB
60 lines
1.9 KiB
( function () { |
|
|
|
class BoxLineGeometry extends THREE.BufferGeometry { |
|
|
|
constructor( width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1 ) { |
|
|
|
super(); |
|
widthSegments = Math.floor( widthSegments ); |
|
heightSegments = Math.floor( heightSegments ); |
|
depthSegments = Math.floor( depthSegments ); |
|
const widthHalf = width / 2; |
|
const heightHalf = height / 2; |
|
const depthHalf = depth / 2; |
|
const segmentWidth = width / widthSegments; |
|
const segmentHeight = height / heightSegments; |
|
const segmentDepth = depth / depthSegments; |
|
const vertices = []; |
|
let x = - widthHalf; |
|
let y = - heightHalf; |
|
let z = - depthHalf; |
|
|
|
for ( let i = 0; i <= widthSegments; i ++ ) { |
|
|
|
vertices.push( x, - heightHalf, - depthHalf, x, heightHalf, - depthHalf ); |
|
vertices.push( x, heightHalf, - depthHalf, x, heightHalf, depthHalf ); |
|
vertices.push( x, heightHalf, depthHalf, x, - heightHalf, depthHalf ); |
|
vertices.push( x, - heightHalf, depthHalf, x, - heightHalf, - depthHalf ); |
|
x += segmentWidth; |
|
|
|
} |
|
|
|
for ( let i = 0; i <= heightSegments; i ++ ) { |
|
|
|
vertices.push( - widthHalf, y, - depthHalf, widthHalf, y, - depthHalf ); |
|
vertices.push( widthHalf, y, - depthHalf, widthHalf, y, depthHalf ); |
|
vertices.push( widthHalf, y, depthHalf, - widthHalf, y, depthHalf ); |
|
vertices.push( - widthHalf, y, depthHalf, - widthHalf, y, - depthHalf ); |
|
y += segmentHeight; |
|
|
|
} |
|
|
|
for ( let i = 0; i <= depthSegments; i ++ ) { |
|
|
|
vertices.push( - widthHalf, - heightHalf, z, - widthHalf, heightHalf, z ); |
|
vertices.push( - widthHalf, heightHalf, z, widthHalf, heightHalf, z ); |
|
vertices.push( widthHalf, heightHalf, z, widthHalf, - heightHalf, z ); |
|
vertices.push( widthHalf, - heightHalf, z, - widthHalf, - heightHalf, z ); |
|
z += segmentDepth; |
|
|
|
} |
|
|
|
this.setAttribute( 'position', new THREE.Float32BufferAttribute( vertices, 3 ) ); |
|
|
|
} |
|
|
|
} |
|
|
|
THREE.BoxLineGeometry = BoxLineGeometry; |
|
|
|
} )();
|
|
|