Cocos2dx 流星效果實現

DionysosLai([email protected]) 2014/8/28

         對於用來襯托唯美的意境,與其天空中,點點一閃而過的流星,莫不是說最適合了。對於癡情兒女,私定終身就在這一刻良辰美景中了。今天,我等糙人就來“糟蹋”這一個美好的事物。

        

         功能需求:

1.      實現流星效果。達到的效果與下圖一致:

                                                            

 

         功能分析:

         1.      通過圖片分析,可以簡化成下圖所示:

                                                                                                                           

         不變部分:流星頭;

         拖尾部分:流星尾巴,注意流星尾巴是一頭粗糙,一頭尖,同時從頭到尾,顏色會變化,變化幅度取決於位置。

         粒子部分:在流星尾巴區域,可以適當一些細碎的小星星。

 

         因此,流星的製作:就是精靈移動+拖尾效果+細碎的小星星粒子效果

 

         功能實現:

         重點部分,就是流星拖尾部分製作,置於小星星的粒子效果,就是自己慢慢調了。

         實現流星拖尾:

         這裏採用的cocos2dx自帶的CCMotionStreak類。對於CCMotionStreak的應用,可以看引擎自帶測試例子。

         核心代碼如下所示:

m_pMoStar = CCMotionStreak::create(0.5f, 1, 7, ccWHITE,"page9/steak.png" );
m_pMoStar->setPosition(CCPointZero);
m_pMoStar->setVisible(false);
addChild(m_pMoStar);

         然後再update中不停的更新其位置即可。

         這裏面的一些數值是根據圖片調出來,拖尾圖片如下所示:

                                                                                                                         

         這裏的圖片有出路,原來是用在切水果遊戲中的刀光效果。在實際使用時,圖片應該是一頭粗,一頭細,同時尾巴有其他顏色。

         詳細代碼和資源路徑,請訪問這裏: https://github.com/DionysosLai/cocoEffect/tree/master/%E6%B5%81%E6%98%9F 。

         明天中秋,祝大家節日快樂!
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章