課程
/前端開發(fā)
/Html5
/走進(jìn)SVG
var delta = x.length() - relation;
// f = k * x
f = f.add(x.normalize(delta * k));
這兩行代碼不太懂
2018-02-27
源自:走進(jìn)SVG 7-4
正在回答
x是兩點(diǎn)之間的矢量, x.length()是兩點(diǎn)之間的長度,
delta就是兩點(diǎn)之間的長度與relation之差。
delta * k 是用一個(gè)常量k將delta轉(zhuǎn)化為一個(gè)合適的值,這個(gè)值控制著每一幀(大概每1/60秒)變化的位移變化量。
x是兩點(diǎn)之間的矢量,
x.normalize(delta*k) 是x的單位矢量乘以delta*k的長度,也就是從點(diǎn)a到點(diǎn)b的方向上,移動(dòng)delta*k的距離
f.add(...) 累加上述移動(dòng)。
理解這個(gè)首先要理解:
1、這個(gè)是每幀動(dòng)畫執(zhí)行,大概每1/60秒執(zhí)行一次,
2、每次執(zhí)行時(shí),因兩點(diǎn)之間的距離計(jì)算出作用力的大小,然后根據(jù)作用力的大小計(jì)算出每幀需要移動(dòng)的距離和方向。
這個(gè)也就是對位移的微分。。
舉報(bào)
SVG是HTML5 中矢量圖的標(biāo)記語言,學(xué)習(xí)后掌握更多的干貨
1 回答一個(gè)聽不懂的大問題
4 回答講的不是那么通俗易懂,汗
1 回答老師 應(yīng)該站在所有人都能聽得懂的角度講而不應(yīng)該是說太簡單了
1 回答可以用svg做一個(gè)流程設(shè)計(jì)不?
1 回答老師,請問正弦函數(shù)那塊,ly=0,cy;還有往后的cy-ly. 是什么意思啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-05-04
var delta = x.length() - relation;
x是兩點(diǎn)之間的矢量, x.length()是兩點(diǎn)之間的長度,
delta就是兩點(diǎn)之間的長度與relation之差。
f = f.add(x.normalize(delta * k));
delta * k 是用一個(gè)常量k將delta轉(zhuǎn)化為一個(gè)合適的值,這個(gè)值控制著每一幀(大概每1/60秒)變化的位移變化量。
x是兩點(diǎn)之間的矢量,
x.normalize(delta*k) 是x的單位矢量乘以delta*k的長度,也就是從點(diǎn)a到點(diǎn)b的方向上,移動(dòng)delta*k的距離
f.add(...) 累加上述移動(dòng)。
理解這個(gè)首先要理解:
1、這個(gè)是每幀動(dòng)畫執(zhí)行,大概每1/60秒執(zhí)行一次,
2、每次執(zhí)行時(shí),因兩點(diǎn)之間的距離計(jì)算出作用力的大小,然后根據(jù)作用力的大小計(jì)算出每幀需要移動(dòng)的距離和方向。
這個(gè)也就是對位移的微分。。