adrien/teTra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

vortex

Browse Source
This commit is contained in:
Adrien MALINGREY
2023-07-13 23:21:47 +02:00
parent a7eff47b97
commit 7e245011ef
2 changed files with 40 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
jsm/Vortex.js
View File

@@ -1,42 +1,25 @@
import * as THREE from 'three'
class Vortex extends THREE.Group {
export class Vortex extends THREE.Group {
constructor(loadingManager) {
super()
const commonCylinderGeometry = new THREE.CylinderGeometry(35, 35, 500, 12, 1, true)
this.globalRotation = 0.028
this.darkTextureRotation = 0.006
this.darkMoveForward = 0.007
this.darkMoveForward = 0.012
this.colorFullTextureRotation = 0.006
this.colorFullMoveForward = 0.02
this.colorFullMoveForward = 0.016
const commonCylinderGeometry = new THREE.CylinderGeometry(35, 35, 500, 12, 1, true)
this.background = "Plasma"
this.darkCylinder = new THREE.Mesh(
commonCylinderGeometry,
new THREE.MeshLambertMaterial({
side: THREE.BackSide,
map: new THREE.TextureLoader(loadingManager).load("./images/plasma.jpg", (texture) => {
texture.wrapS = THREE.RepeatWrapping
texture.wrapT = THREE.MirroredRepeatWrapping
texture.repeat.set(1, 1)
}),
blending: THREE.AdditiveBlending,
opacity: 0.1
})
)
this.darkCylinder.position.set(5, 10, -10)
this.add(this.darkCylinder)
this.colorFullCylinder = new THREE.Mesh(
commonCylinderGeometry,
new THREE.MeshBasicMaterial({
side: THREE.BackSide,
map: new THREE.TextureLoader(loadingManager).load("./images/plasma2.jpg", (texture) => {
texture.wrapS = THREE.RepeatWrapping
@@ -44,23 +27,36 @@ class Vortex extends THREE.Group {
texture.repeat.set(2, 1)
}),
blending: THREE.AdditiveBlending,
opacity: 0.6
opacity: 0.75
})
)
this.add(this.darkCylinder)
this.colorFullCylinder = new THREE.Mesh(
commonCylinderGeometry,
new THREE.MeshBasicMaterial({
side: THREE.BackSide,
map: new THREE.TextureLoader(loadingManager).load("./images/plasma.jpg", (texture) => {
texture.wrapS = THREE.RepeatWrapping
texture.wrapT = THREE.MirroredRepeatWrapping
texture.repeat.set(1, 1)
}),
blending: THREE.AdditiveBlending,
opacity: 0.075
})
)
this.colorFullCylinder.position.set(5, 10, -10)
this.add(this.colorFullCylinder)
this.position.set(5, 10, -10)
}
update(delta) {
this.darkCylinder.rotation.y += this.globalRotation * delta
this.rotation.y += this.globalRotation * delta
this.darkCylinder.material.map.offset.y += this.darkMoveForward * delta
this.darkCylinder.material.map.offset.x += this.darkTextureRotation * delta
this.colorFullCylinder.rotation.y += this.globalRotation * delta
this.colorFullCylinder.material.map.offset.y += this.colorFullMoveForward * delta
this.colorFullCylinder.material.map.offset.x += this.colorFullTextureRotation * delta
}
}
export { Vortex }
}