νΈμ λΌμ΄νμ¬μ΄ν΄
λ€μμ ν¨μλ€μ νΈμμ μ€ν μ¬μ΄ν΄ μ€κ°μ μ§μ μ μν ν¨μλ€μ μ¬μ©ν μ μκ² ν΄μ£Όλ ν¨μλ€μ λλ€.
.onStart()
.onStart(callback)
νΈμμ΄ μμν λ ν¨μλ₯Ό μ€ννλλ‘ ν μ μμ΅λλ€.
// onStart Example - GUI
let opacityTween;
function Start() {
this.hide();
const initialProperty = { opacity: 1 };
opacityTween = new TWEEN.Tween(initialProperty);
opacityTween.to({ opacity: 0 });
// GUI shows when tween starts
opacityTween.onStart(() => {
this.show();
});
}
function OnKeyDown(event) {
if (event.code === "KeyM") {
opacityTween.start();
}
}
.onUpdate()
.onUpdate(callback)
νΈμμ λμμ΄ λλ κ°μ²΄μ κ°μ΄ μ λ°μ΄νΈ λ λλ§λ€ ν¨μλ₯Ό μ€ννλλ‘ ν μ μμ΅λλ€.
// onUpdate Example - GUI
let opacityTween;
function Start() {
this.hide();
const initialProperty = { opacity: 1 };
opacityTween = new TWEEN.Tween(initialProperty);
opacityTween.to({ opacity: 0 });
opacityTween.onStart(() => {
this.show();
});
// opacity changes when the tween value is updated.
opacityTween.onUpdate(() => {
this.material.opacity = initialProperty.opacity;
});
}
function OnKeyDown(event) {
if (event.code === "KeyM") {
opacityTween.start();
}
}
.onComplete()
.onComplete(callback)
νΈμμ΄ λλ λ ν¨μλ₯Ό μ€ννλλ‘ ν μ μμ΅λλ€.
// onComplete Example - GUI
let opacityTween;
function Start() {
this.hide();
const initialProperty = {opacity: 1}
opacityTween = new TWEEN.Tween(initialProperty);
opacityTween.to({opacity: 0})
opacityTween.onStart(() => {this.show()});
opacityTween.onUpdate(() => {this.material.opacity = initialProperty.opacity});
// GUI hides when tween ends
opacityTween.onComplete(() => {this.hide()});
}
β
function OnKeyDown(event) {
if (event.code === "KeyM") {
opacityTween.start();
}
}