1. 程式人生 > >Cocos2dx 流星效果實現

Cocos2dx 流星效果實現

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

         功能需求:

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 。

         明天中秋,祝大家節日快樂!

相關推薦

Cocos2dx 流星效果實現

         對於用來襯托唯美的意境,與其天空中,點點一閃而過的流星,莫不是說最適合了。對於痴情兒女,私定終身就在這一刻良辰美景中了。今天,我等糙人就來“糟蹋”這一個美好的事物。          功能需求: 1.      實現流星效果。達到的效果與下圖一致:  

cocos2dx中用shader實現折射效果

eight endif cocos 計算模型 for fragment ade ima 2dx 目的:給定任意法線貼圖,實現折射效果 主要技術:RenderTarget,glsl 提取出一個可供使用的Sprite派生類 計算模型如下: 黑色部分為玻璃切線,紅色部分為場景。

cocos2dx 跟隨光線效果實現

     在實際遊戲程式設計中,有很多效果是需要自己程式設計實現而非幀動畫,特別是可通過引數控制效果的動畫。此篇文章主要說明下《忍者必須死》流線光效果的實現原理。 效果圖如下: 因為這種效果是動態的,所以需要實時繪製出來,也就是使用gl的一些繪圖函數了,主要還是計算好頂點

寫了一個簡單輪播效果實現

char line query span size html ef6 ava top <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

前端動畫效果實現的三種方式

near 動畫效果 timeout css屬性 轉移 動畫 sla 三種方式 內存 第一種,js中setTimeout和setintervel,把動畫元素設置position:absalute,然後操作left、top來移動。此種方法內存消耗大,顯示效果差,不推薦。 第二種

關於Unity中紅外線瞄準的效果實現

div iou 分享 image off ise 添加 -s pin 今天做一個FPS遊戲的時候,由於我做的是第三人稱的射擊,所以需要一個槍的紅外線瞄準的效果。 一開始我在槍上掛一個很細很長的聚光燈,瞄準遠處物體的時候,看起來有點紅外線的樣子,但是靠近之後光線就變成一個手電

短信驗證碼js效果實現(防刷新)

1.0 ptc disable url http 按鈕 發送短信 color 實現 <script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.js"></script> <script

Xamarin.android Activity動畫切換效果實現

omx over tails detail ons too ide xamarin Coding http://blog.csdn.net/esunshine1985/article/details/44302903 1.在Resources——values下新建sty

android 水波紋效果實現

drawable color utf true odi lec .com enc orm 1.在drawable文件下,新建seletor,作為button的背景,這裏我用的是兩個圓角的shape <?xml version="1.0" encoding="utf-

C# WPF QQ新消息托盤懸浮窗效果實現

pop https 高度 pes ica ace api draw amp 今天在做一個項目的時候需要這麽一個效果,但是網上找了一會發現並沒有現成的給我參考(復制),但是呢,我千(到)辛(處)萬(抄)苦(襲)想(復)破(制)頭(粘)腦(貼)終於還是給做出來了~嘿嘿嘿 QQ

Fiori裏花瓣的動畫效果實現原理

png 隊列 view settime ges .com pop change 技術 Fiori裏的busy dialog有兩種表現形式,一種是下圖裏的花朵形狀,由5個不斷旋轉的花瓣組成。另一種是下圖的3/4個圓環不斷旋轉的效果。 關於前者的效果,可以看我制作的這個視頻。

圖片視頻毛玻璃效果實現

inset all typeof gen type equal AD imp AI 毛玻璃效果主要實現就是在圖片(imageview)上加一個 UIVisualEffectView @property (nonatomic, strong) UIVisualEffectVi

前端模擬手機屏幕圖片漸隱漸現效果實現

pad style int 循環 sel 慢慢 inter 定時器 height   在網站上,我們經常會看到這樣的效果,有一個IphoneX的手機屏幕,然後屏幕上會像真的一樣,會出現各種動畫效果,譬如圖片的漸隱漸現。今天我們就嘗試做一個這樣的效果。   HTML頁面結構

客服菜單上下滾動效果實現

saas on() div config jid function IV fig shai 這是html結構 <!-- 客服 --> <div class="service" id="service">   <img src="./ima

WPF鐘表效果實現

namespace 總結 ini normal 秒針 control ica collect bsp 原文:WPF鐘表效果實現WPF在樣式定義和UI動畫上面相對於以前的技術有了不少的提升,下面給出WPF技術實現鐘表的效果: 1、Visual Studio新建一個WPF應用

wpf中的倒影效果實現

gin line bind led true ear 技術分享 view int 原文:wpf中的倒影效果實現 ? ? ?? <TextBox Name="txt"

蘋果底部選單效果實現

原理: 1.確認事件源:對應的選單按鈕,為img實現 2.確認事件屬性:onmousemove,這裡會出現誤區,因為很多人認為是當滑鼠懸浮在對應選單項上時,該選單才會發生變化,其實不然,仔細觀察可以發現,當我們的滑鼠還沒有移動上去時或者說當滑鼠距離某些選單項足夠近的時候,對應的選單項會逐步出現放大效果.因

頁面loading效果實現程式碼

有些頁面載入起來比較慢,為了加強使用者體驗效果,所以一般都會做一個頁面載入等待的提示,頁面載入完成後消失。 下面提供一個可以拿來即用的方案。 <!DOCTYPE html> <html lang="en"> <head> <meta

Android 新手引導半透明蒙層效果實現

效果圖: 其中的文字和我知道啦是ui切得兩張透明圖片 自定義View: package com.cymobi.library.view.widget; import android.app.Activity; import android.content.Conte

android:多次點選效果實現

public class MainActivity extends AppCompatActivity{ private final static int COUNTS = 5;//點選次數 private final static long VALIDTIME = 1300;/