2017-09-23 62 views
0

我實際使用的代碼:淡入和淡出到一個文本里面帆布

My code as an image

好傢伙,我開始使用Javascript 3天前,我想開發一個遊戲,所以我想第一步正在使用JavaScript製作「公司名稱」介紹。我的代碼實際上執行了一個函數,它在畫布內寫入文本(公司名稱),然後刪除它並編寫另一個文本(我將在未來使用遊戲菜單替換文本,而不是文本第一次嘗試知道代碼是否正在工作)。問題是,我不知道如何淡入簡單的文本,我試着用jquery,但我不知道如何「把一個」ID「的第一個文本(我甚至不知道是否有可能)這樣我就可以「淡入淡出」特定ID

我真的很感謝所有幫助,在此先感謝,尼古拉斯

PS:這是第一次,所以我我使用這個平臺很抱歉,如果這不是問一個問題的正確的地方

+3

如果您將實際代碼發佈爲文本而不是截屏,那麼最好。如果需要,可以使用第三方網站(如jsfiddle.net),如果您需要單獨發佈HTML/CSS/JS。 –

+0

或者只是使用內聯代碼片段功能。 – GolezTrol

回答

0

你可以做到這幾個方面如果放置在你的圖片所示,我們可以做一對夫婦的小變化第一:

initial changes

在這裏,我們先搬出去,可以設置一次,不需要在循環中被更新的屬性(記得用一個通用的默認/備用字體爲font,因爲不是所有的系統有「宋體」提供) 。

其次:您需要爲setTimeout()添加一個條件,因爲您不希望它直接跳到Numerito2(),而是等到動畫完成。

動畫本身將使用變量(t)來跟蹤徽標繪製的當前不透明度,並且條件:完成時轉到Numerito2(),如果不繼續增加不透明度。

最後,我們使用requestAnimationFrame()進行動畫處理,因爲這會同步到顯示器的幀速率。

動畫的最終代碼看起來像這樣:

Final animation code

這給了我們這樣的結果(循環爲演示):

wrong anim

糟糕!對不起,錯誤的代碼。這裏的結果:

Resulting animation

恭喜!巨魔已被擊敗troll!您可以訪問full code potofgold