λ€μν νΈμ ν¨μ μκ°
νΈμμ μ‘°μν μ μλ μ¬λ¬ ν¨μλ€μ λν΄ μλ΄ν©λλ€.
νΈμ λͺ¨λμλ λ¨μν νΈμμ μμ±νκ³ μμνλ κ² μ΄μΈμ μ‘°μμ ν μ μλ ν¨μλ€μ΄ μ‘΄μ¬ν©λλ€.
.startFromCurrentValues()
νΈμμ μμνλ λ€λ₯Έ λ°©λ² μ€ νλμ λλ€. startμ λ¬λ¦¬ νΈμμ λμμ΄ λλ κ°μ²΄κ° νμ¬ κ°μ§ κ°μ μμμ μΌλ‘ μ€μ ν©λλ€.
// startFromCurrentValues Example
let upTween;
function Start() {
const startPosition = { x: 0, y: 0, z: 0 };
upTween = new TWEEN.Tween(startPosition);
upTween
.to({ y: "+1" }, 1000)
.onUpdate(() => {
this.position.y = startPosition.y;
});
}
// compare this two function in your project
function OnKeyDown(event) {
if (event.code === "KeyM") {
upTween.start();
}
}
function OnKeyDown(event) {
if (event.code === "KeyM") {
upTween.startFromCurrentValues();
}
}
.stop()
μ€νν νΈμμ λ©μΆκ³ μΆμ κ²½μ° μ¬μ©ν μ μμ΅λλ€.
// stop Example
let upTween;
function Start() {
const startPosition = { x: 0, y: 0, z: 0 };
upTween = new TWEEN.Tween(startPosition);
upTween
.to({ y: "+5" }, 1000)
.onUpdate(() => {
this.position.y = startPosition.y;
});
}
function OnKeyDown(event) {
if (event.code === "KeyM") {
upTween.start();
}
// if you press KeyN then this object`s tween stops.
if (event.code === "KeyN") {
upTween.stop();
}
}
.repeat()
μνλ νμλ§νΌ νΈμμ λ°λ³΅νκ³ μΆμ κ²½μ° μ¬μ©ν μ μμ΅λλ€.
// repeat Example
let upTween;
function Start() {
const startPosition = { x: 0, y: 0, z: 0 };
upTween = new TWEEN.Tween(startPosition);
upTween
.to({ y: startPosition.y + 1 }, 1000)
.onUpdate(() => {
this.position.y = startPosition.y;
});
}
function OnKeyDown(event) {
// The tween definded in Start function repeats 3 times and stops.
if (event.code === "KeyM") {
upTween.repeat(3).start();
}
}
.chain()
μ¬λ¬ κ°μ νΈμμ μ°μμ μΌλ‘ μ€ννκ³ μΆμ κ²½μ° μ¬μ©ν μ μμ΅λλ€.
// chain Example
let upTween;
let downTween;
function Start() {
const startPosition = { x: 0, y: 0, z: 0 };
upTween = new TWEEN.Tween(startPosition);
upTween
.to({ y: "+3" }, 1000)
.onUpdate(() => {
this.position.y = startPosition.y;
});
downTween = new TWEEN.Tween(startPosition);
downTween
.to({ y: "-3" }, 1000)
.onUpdate(() => {
this.position.y = startPosition.y;
});
}
function OnKeyDown(event) {
// The downTween runs immediately after the upTween ends.
if (event.code === "KeyM") {
upTween.chain(downTween).start();
}
}
.delay()
νΈμμ μ€νμ νΉμ ν μκ°λ§νΌ μ μνκ³ μΆμ κ²½μ° μ¬μ©ν μ μμ΅λλ€.
// delay Example
let upTween;
let downTween;
function Start() {
const startPosition = { x: 0, y: 0, z: 0 };
upTween = new TWEEN.Tween(startPosition);
upTween
.to({ y: "+3" }, 1000)
.onUpdate(() => {
this.position.y = startPosition.y;
});
downTween = new TWEEN.Tween(startPosition);
downTween
.to({ y: "-3" }, 1000)
.onUpdate(() => {
this.position.y = startPosition.y;
});
}
function OnKeyDown(event) {
// The tween runs 1000 milliseconds after start is executed.
if (event.code === "KeyM") {
upTween.delay(1000).start();
}
}