...">
瀏覽量:153次
網(wǎng)上有很多關(guān)于鼠標(biāo)跟隨flash,鼠標(biāo)跟隨怎么設(shè)置的知識(shí),但還是有很多朋友不明白,今天小編為大家整理了關(guān)于這方面的知識(shí),讓我們一起來(lái)看下吧!
鼠標(biāo)跟隨flash,顧名思義,就是讓flash動(dòng)畫跟隨鼠標(biāo)的移動(dòng)而移動(dòng)。實(shí)現(xiàn)這個(gè)功能,首先要了解flash的坐標(biāo)系統(tǒng)。
Flash默認(rèn)坐標(biāo)系是以左上角為原點(diǎn),向下Y坐標(biāo)增加,向右X坐標(biāo)增加。因此,我們需要通過(guò)ActionScript代碼來(lái)獲取鼠標(biāo)的位置,然后使用MovieClip的x和y屬性賦值來(lái)實(shí)現(xiàn)鼠標(biāo)跟隨效果。
在Flash CS6中,使用ActionScript 3.0來(lái)實(shí)現(xiàn)鼠標(biāo)跟隨很簡(jiǎn)單。將需要跟隨鼠標(biāo)的動(dòng)畫制作為MovieClip,然后使用如下代碼:
stage.addEventListener(MouseEvent.MOUSE_MOVE, onMouseMove);function onMouseMove(event:MouseEvent):void { yourMovieClip.x = mouseX; yourMovieClip.y = mouseY;}
上面的代碼,我們監(jiān)聽(tīng)了舞臺(tái)上鼠標(biāo)移動(dòng)的事件,然后通過(guò)鼠標(biāo)的坐標(biāo)來(lái)改變MovieClip的位置,實(shí)現(xiàn)了鼠標(biāo)跟隨的效果。
TweenMax是目前比較流行的動(dòng)畫庫(kù)之一,使用它來(lái)實(shí)現(xiàn)鼠標(biāo)跟隨同樣很簡(jiǎn)單。
我們需要引入TweenMax以及MotionBlurPlugin庫(kù):
import com.greensock.TweenMax;import com.greensock.plugins.*;TweenPlugin.activate([MotionBlurPlugin]);
然后,我們可以使用TweenMax.to()方法來(lái)進(jìn)行動(dòng)畫操作:
TweenMax.to(yourMovieClip, 0.5, {x:mouseX, y:mouseY, motionBlur:true});
使用TweenMax還可以加入一些動(dòng)畫效果,比如動(dòng)畫時(shí)間、緩動(dòng)函數(shù)等。
如果不是Flash專業(yè)人員,也可以使用jQuery來(lái)實(shí)現(xiàn)鼠標(biāo)跟隨。我們需要在頁(yè)面中引入jQuery庫(kù):
<script src=\"https://code.jquery.com/jquery-3.5.1.min.js\"></script>
然后,在我們想要跟隨鼠標(biāo)的元素上添加如下代碼:
<script>$(document).mousemove(function(e){ $(\"#yourElement\").offset({left:e.pageX, top:e.pageY});});</script>
這樣,我們就可以輕松實(shí)現(xiàn)鼠標(biāo)跟隨效果了。
鼠標(biāo)跟隨flash可以使用原生ActionScript3.0、TweenMax動(dòng)畫庫(kù)以及jQuery來(lái)實(shí)現(xiàn),無(wú)論是哪種方法,都非常簡(jiǎn)單,可以輕松實(shí)現(xiàn)。
如果你是Flash專業(yè)人員,建議使用ActionScript來(lái)完成;如果你對(duì)JavaScript比較熟悉,可以使用TweenMax;如果你對(duì)動(dòng)畫沒(méi)有特別的要求,使用jQuery也是很好的選擇。
好了,有關(guān)鼠標(biāo)跟隨flash,鼠標(biāo)跟隨怎么設(shè)置的知識(shí)就為大家解答到這里,希望能夠幫助到大家,有喜歡的朋友請(qǐng)關(guān)注本站哦!
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息,此類稿件不代表本網(wǎng)觀點(diǎn),本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此,如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán),請(qǐng)您的相關(guān)內(nèi)容發(fā)至此郵箱【779898168@qq.com】,我們?cè)诖_認(rèn)后,會(huì)立即刪除,保證您的版權(quán)。
官網(wǎng)優(yōu)化
整站優(yōu)化
渠道代理
400-655-5776