P42/P42_UI
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed move selected + multi tween bugs

Browse Source
This commit is contained in:
STEINNI
2025-11-24 19:23:54 +00:00
parent 3b67e25986
commit 9a7626f102
4 changed files with 50 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/sfx/intro.js
+34 -8
View File
@@ -2,7 +2,7 @@ import * as THREE from 'three'
import { FontLoader } from 'three/examples/jsm/loaders/FontLoader.js'
import { TextGeometry } from 'three/examples/jsm/geometries/TextGeometry.js'
import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader.js'
import * as TWEEN from 'three/examples/jsm/libs/tween.module.js'
class Intro{
@@ -45,7 +45,7 @@ class Intro{
this.Xcorrection = -0.02
}
initScene(LoadersResults){ console.log('initScene')
initScene(LoadersResults){
let hdrTexture
const [hdrResult, texResultP42, texResultEE] = LoadersResults
if((hdrResult.status === 'fulfilled') && (texResultP42.status === 'fulfilled') && (texResultEE.status === 'fulfilled')) {
@@ -56,6 +56,7 @@ class Intro{
hdrTexture.mapping = THREE.EquirectangularReflectionMapping
this.backgroundTextureP42.colorSpace = THREE.SRGBColorSpace
this.backgroundTextureEE.colorSpace = THREE.SRGBColorSpace
} else {
console.error('Loading error:', hdrResult, texResultP42, texResultEE)
return
@@ -64,7 +65,8 @@ class Intro{
this.scene = new THREE.Scene()
this.camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 0.01, 100)
this.camera.position.set(0.1, 0.02, 4)
this.camera.position.set(-2, -0.5, 4) //(0.1, 0.02, 4)
this.camera.lookAt(0,0,0)
this.renderer = new THREE.WebGLRenderer({
antialias: true,
@@ -164,6 +166,7 @@ class Intro{
})
// === Resize handling ===
window.addEventListener('resize', () => {
this.camera.aspect = window.innerWidth / window.innerHeight
@@ -226,24 +229,30 @@ class Intro{
this.matEE.defines.USE_UV = ""
this.matEE.onBeforeCompile = shader => {
shader.uniforms.uReveal = { value: 0 }
shader.uniforms.uTime = { value: 0 };
shader.fragmentShader = shader.fragmentShader
.replace(
`#include <uv_pars_fragment>`,
`#include <uv_pars_fragment>
uniform float uReveal;`
uniform float uReveal;
uniform float uTime;
`
)
.replace(
`#include <envmap_fragment>`,
`#include <envmap_fragment>
if (vUv.x > uReveal) discard;
if ((uReveal-vUv.x) < (1.0-uReveal)){
float random = fract(sin(dot(gl_FragCoord.xy + vec2(uTime) , vec2(12.9898,78.233))) * 43758.5453);
if(random > 0.1) discard;
}
`
)
this.matEE.userData.shader = shader
}
this.planeEE = new THREE.Mesh(geo, this.matEE)
this.planeEE.scale.set(.2, .2, 1)
this.planeEE.position.set(0, -0.8, 0)
this.planeEE.position.set(0,-0.8,.1)
this.planeEE.renderOrder = 1
this.scene.add(this.planeEE)
} else {
@@ -255,19 +264,36 @@ class Intro{
}
animate() {
TWEEN.update()
this.camera.lookAt(0,0,0)
requestAnimationFrame(this.animate.bind(this))
if (this.matEE.userData.shader) {
if(this.matEE.userData.shader.uniforms.uReveal.value<1){
this.matEE.userData.shader.uniforms.uReveal.value += 0.01
this.matEE.userData.shader.uniforms.uTime.value = Math.floor(performance.now() / 200)
}
}
if(Date.now()>this.nextAnim){
this.#lettersZ += .005
for(const letter of this.glassLetters){
letter.position.z += 0.005
}
if(this.#lettersZ>1.5) {
if(this.#lettersZ>0.5){
if(!this.camTween){
this.camTween = new TWEEN.Tween(this.camera.position)
.to({ x: 0.1,
y: 0.02,
z: 4,
}, 7000)
.easing(TWEEN.Easing.Sinusoidal.InOut)
.start()
}
}
if(this.#lettersZ>1.5) {
for(const [i, letter] of this.glassLetters.entries()){
letter.rotation.x += Math.abs(i-4)/-1000
letter.rotation.y += (i-4)/2000