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

different cylinder size

Browse Source
This commit is contained in:
Adrien MALINGREY
2026-02-01 19:49:32 +01:00
parent 8026645ca6
commit 982c275ce4
3 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
jsm/Menu.js
View File

@@ -148,7 +148,7 @@ export class Menu extends GUI {
directionalLightPosition.add(scene.directionalLight.position, "z").listen() directionalLightPosition.add(scene.directionalLight.position, "z").listen()
let vortex = dev.addFolder("vortex opacity").close() let vortex = dev.addFolder("vortex opacity").close()
vortex.add(scene.vortex.transparentCylinder.material, "opacity").name("dark").min(0).max(1).listen() vortex.add(scene.vortex.transparentCylinder.material, "opacity").min(0).max(1).listen()
changeMaterial(scene.minoes.material.constructor.name) changeMaterial(scene.minoes.material.constructor.name)

2
jsm/Tetrominoes.js
View File

@@ -165,7 +165,7 @@ InstancedMino.prototype.materials = {
side: THREE.DoubleSide, side: THREE.DoubleSide,
transparent: true, transparent: true,
opacity: 0.55, opacity: 0.55,
roughness: 0.35, roughness: 0.5,
metalness: 0.9, metalness: 0.9,
}), }),
Espace: new THREE.MeshStandardMaterial({ Espace: new THREE.MeshStandardMaterial({

12
jsm/Vortex.js
View File

@@ -15,10 +15,8 @@ export class Vortex extends THREE.Group {
this.opaqueTextureRotation = 0.006 this.opaqueTextureRotation = 0.006
this.opaqueMoveForward = 0.025 this.opaqueMoveForward = 0.025
const commonCylinderGeometry = new THREE.CylinderGeometry(35, 35, 1000, 12, 1, true)
this.opaqueCylinder = new THREE.Mesh( this.opaqueCylinder = new THREE.Mesh(
commonCylinderGeometry, new THREE.CylinderGeometry(40, 40, 1000, 12, 1, true),
new THREE.MeshBasicMaterial({ new THREE.MeshBasicMaterial({
side: THREE.BackSide, side: THREE.BackSide,
blending: THREE.NormalBlending blending: THREE.NormalBlending
@@ -27,7 +25,7 @@ export class Vortex extends THREE.Group {
this.add(this.opaqueCylinder) this.add(this.opaqueCylinder)
this.transparentCylinder = new THREE.Mesh( this.transparentCylinder = new THREE.Mesh(
commonCylinderGeometry, new THREE.CylinderGeometry(30, 30, 1000, 12, 1, true),
new THREE.MeshLambertMaterial({ new THREE.MeshLambertMaterial({
side: THREE.BackSide, side: THREE.BackSide,
blending: THREE.AdditiveBlending blending: THREE.AdditiveBlending
@@ -49,7 +47,7 @@ export class Vortex extends THREE.Group {
texture.repeat.set(1, 2) texture.repeat.set(1, 2)
this.transparentCylinder.material.map = texture this.transparentCylinder.material.map = texture
}) })
this.transparentCylinder.material.opacity = 0.14 this.transparentCylinder.material.opacity = 0.05
new THREE.TextureLoader(this.loadingManager).load("./images/plasma2.jpg", texture => { new THREE.TextureLoader(this.loadingManager).load("./images/plasma2.jpg", texture => {
texture.wrapS = THREE.RepeatWrapping texture.wrapS = THREE.RepeatWrapping
@@ -71,10 +69,10 @@ export class Vortex extends THREE.Group {
new THREE.TextureLoader(this.loadingManager).load("./images/colorfull.jpg", texture => { new THREE.TextureLoader(this.loadingManager).load("./images/colorfull.jpg", texture => {
texture.wrapS = THREE.RepeatWrapping texture.wrapS = THREE.RepeatWrapping
texture.wrapT = THREE.MirroredRepeatWrapping texture.wrapT = THREE.MirroredRepeatWrapping
texture.repeat.set(2, 4) texture.repeat.set(2, 8)
this.transparentCylinder.material.map = texture this.transparentCylinder.material.map = texture
}) })
this.transparentCylinder.material.opacity = 0.12 this.transparentCylinder.material.opacity = 0.11
new THREE.TextureLoader(this.loadingManager).load("./images/stars_space.jpg", texture => { new THREE.TextureLoader(this.loadingManager).load("./images/stars_space.jpg", texture => {
texture.wrapS = THREE.RepeatWrapping texture.wrapS = THREE.RepeatWrapping