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.
75 lines
1.1 KiB
75 lines
1.1 KiB
import { |
|
AnimationClip, |
|
AnimationMixer, |
|
Mesh |
|
} from 'three'; |
|
|
|
class MorphAnimMesh extends Mesh { |
|
|
|
constructor( geometry, material ) { |
|
|
|
super( geometry, material ); |
|
|
|
this.type = 'MorphAnimMesh'; |
|
|
|
this.mixer = new AnimationMixer( this ); |
|
this.activeAction = null; |
|
|
|
} |
|
|
|
setDirectionForward() { |
|
|
|
this.mixer.timeScale = 1.0; |
|
|
|
} |
|
|
|
setDirectionBackward() { |
|
|
|
this.mixer.timeScale = - 1.0; |
|
|
|
} |
|
|
|
playAnimation( label, fps ) { |
|
|
|
if ( this.activeAction ) { |
|
|
|
this.activeAction.stop(); |
|
this.activeAction = null; |
|
|
|
} |
|
|
|
const clip = AnimationClip.findByName( this, label ); |
|
|
|
if ( clip ) { |
|
|
|
const action = this.mixer.clipAction( clip ); |
|
action.timeScale = ( clip.tracks.length * fps ) / clip.duration; |
|
this.activeAction = action.play(); |
|
|
|
} else { |
|
|
|
throw new Error( 'THREE.MorphAnimMesh: animations[' + label + '] undefined in .playAnimation()' ); |
|
|
|
} |
|
|
|
} |
|
|
|
updateAnimation( delta ) { |
|
|
|
this.mixer.update( delta ); |
|
|
|
} |
|
|
|
copy( source ) { |
|
|
|
super.copy( source ); |
|
|
|
this.mixer = new AnimationMixer( this ); |
|
|
|
return this; |
|
|
|
} |
|
|
|
} |
|
|
|
export { MorphAnimMesh };
|
|
|