[問題] 請問該網站的曲線是怎麼畫的 (內附網址)

看板Flash作者 (WRYYYYYY)時間16年前 (2009/11/18 23:24), 編輯推噓3(305)
留言8則, 2人參與, 最新討論串1/2 (看更多)
先附上網址 http://www.lacettiid.com/ 這是一個汽車網站,一開始進去後,skip影片 接著會出現一台汽車,接著可以選擇背景、線條顏色、車子顏色 我的問題在「選擇線條顏色 (SELECT LINE COLOR)」這邊的時候 隨著滑鼠移動,會有線條畫出來,而且會依時間從尾巴消失。 我想問的是這個線條是怎麼畫的呢? 接著在選完車子開動以後,會有線條隨畫滑鼠畫出來,用的是跟上面一樣的方法嗎? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.45.67.22

11/18 23:33, , 1F
用一個Array記錄每一個frame的滑鼠座標
11/18 23:33, 1F

11/18 23:34, , 2F
每過一段時間,就把最舊的座標點從Array中丟掉
11/18 23:34, 2F

11/18 23:34, , 3F
現在你有數質資料了,剩下的就是將它視覺化
11/18 23:34, 3F

11/18 23:34, , 4F
移動的時候用陣列紀錄移動座標後,就可以畫線了
11/18 23:34, 4F
感謝回答 其實我這邊比較有問題的是視覺化的方法,我想過幾種畫的方法,都不知道要如何才能 畫出隨機的線條 因為在第一種,我看他的線條在畫的時候都會有散散的毛筆刷畫出來的感覺,每次 刷都不太一樣 而第二種也是動態的線條,只是跟上面那種又有些不一樣 不知道可以用什麼方法畫出這種線條呢? ※ 編輯: tainjoy 來自: 114.45.67.22 (11/19 08:53)

11/19 09:10, , 5F
還是要用Array中的點當資料,要畫出第一種線,就用類似
11/19 09:10, 5F

11/19 09:11, , 6F
(x+r*Math.random(), y+r*Math.random())的方式來湊出
11/19 09:11, 6F

11/19 09:11, , 7F
你想要的效果
11/19 09:11, 7F

11/19 09:12, , 8F
第二種畫法,用文字不太好敘述,我回在下一篇
11/19 09:12, 8F
文章代碼(AID): #1B116ts7 (Flash)
文章代碼(AID): #1B116ts7 (Flash)