原创 CocosCreator Websocket簡單使用
最近在官方文檔裏看到網絡模塊相關內容，於是自己寫了一個用websocket實現的聊天室Demo，分享一下。 服務端：基於node.js的websocket模塊實現。 WebsocketServer.js let ws = require
2020-07-05 03:02:25
23
原创 CocosCreator 常用優化點
一、包體優化 1：資源壓縮（圖片，音效，音樂），使用圖集。 2：不需要使用代碼動態加載的資源不要放到resources目錄裏面，因爲會影響settings.js的大小。 3：項目->項目設置->模塊設置，把沒有用到的模塊取消勾選。比如：純
2020-06-22 22:50:42
3
原创 CocosCreator Shader學習（四）：花草擺動效果
花草擺動效果 原理：根據時間的推移計算出x軸方向上的偏移量，然後把紋理中的每個點的顏色修改成發生偏移之後點的顏色。 先放一張靜止狀態的畫草圖 頂點着色器代碼不用修改。 片元着色器代碼如下： CCProgram fs %{ prec
2020-06-14 13:27:18
5
原创 CocosCreator入門學習《FlappyBird》（十一）：添加背景音樂、音效
官方音樂音效深入學習：https://docs.cocos.com/creator/manual/zh/audio/ 首先創建空節點AudioSource，然後創建ts腳本AudioSourceControl.ts，並且把腳本掛載到Aud
2020-06-14 13:27:18
3
原创 CocosCreator入門學習《FlappyBird》（二）：動畫系統讓小鳥動過來
顯然不是真的讓小鳥活過來，而是通過幀動畫讓小鳥翅膀動起來，看起來就像是在飛翔一樣。 在層級管理器裏面找到Bird節點並點擊，然後在右邊的屬性檢查器中最下方找到“添加組件”的按鈕，這裏我們選擇添加Animation組件。如圖：
2020-06-14 13:27:18
3
原创 cocos2dx拆分textpackture工具合成的plist大圖集
分享一段利用cocos2dx中RenderTexture截圖功能來拆分plist大圖集的源代碼。 函數聲明： //解析plist大圖集，imgPath：png大圖。plistPath：plist文件 void DecodePlist
2020-06-14 13:27:18
原创 CocosCreator橫版格鬥遊戲Demo（一）：創建遊戲地圖和主角
小時候在小霸王遊戲機上玩過很多種橫版格鬥類遊戲（比如：快打旋風），自從進入遊戲開發行業，一直都有個夢想就是自己寫一個（雖然工作都是做休閒類、消除類、棋牌類遊戲，但是此夢想從未放棄過！！！）。本系列課程由於資源都是網上找的（不全，還是非常感
2020-06-14 13:27:18
1
原创 CocosCreator橫版格鬥遊戲Demo（二）：環遊地圖
首先給主角做了三個基本動畫，站立動畫、行走動畫、攻擊動畫。 如上圖所示，給Player加上動畫組件，並把創建的3個動畫文件分別拖拽到動畫組件中。給Player添加腳本組件，並把PlayerControl.ts腳本拖拽到腳本組件中。 在
2020-06-14 13:27:18
2
原创 TypeScript（JavaScript）二維數組深拷貝
最近遇到一個二維數組深拷貝的問題，原以爲和一維數組深拷貝一樣，實際上被打臉了。 於是寫了點測試代碼驗證一下，由於ts不能像c++那樣查看數組變量的地址，所以這裏使用===來判斷兩個對象是否相同（即同一個引用，內存指向同一個地址）。 代碼如
2020-05-08 18:49:33
原创 cocos2dx C++工程中使用lua腳本(三)：C++調用lua腳本（二）
本節介紹給節點加組件（其實就是一個lua腳本）的方式。 C++代碼如下： #include "CCComponentLua.h" bool HelloWorld::init() { if ( !Scene::init() )
2020-04-21 14:44:29
原创 cocos2dx C++工程中使用lua腳本(一)：環境搭建
不知不覺已經做了5年的cocos2dx開發了，其中絕大多數時間都是純C++做休閒類遊戲（工作需要），當然閒下來也抽時間擼過cocos的新寵CocosCreator。 一次無意中在cocos2dx的官方文檔中看到了使用lua或者js腳本來擴
2020-04-19 09:22:29
原创 cocos2dx C++工程中使用lua腳本(二)：C++調用lua腳本（一）
首先在使用Lua腳本之前，先討論下什麼樣的情況下需要用到C++和lua混合開發。 cocos2dx有C++版本、Lua版本、JS版本（使用這部分的開發者估計現在都轉向cocos creator了吧）。 純C++開發： 優點：由於cocos
2020-04-19 09:22:29
原创 CocosCreator Shader學習（三）：放大鏡縮小鏡效果
放大鏡縮小鏡效果 原理：根據縮放比例，判斷鏡面範圍內的點實際應該顯示哪個點的顏色值，問題就變成怎麼根據縮放比例進行座標轉換！ 頂點着色器代碼不用修改。 片元着色器代碼如下： CCProgram fs %{ precision hig
2020-04-14 11:07:27
1
原创 CocosCreator Shader學習（一）：描邊效果
最近研究了一下CocosCreator的shader使用方法，並把自己學習期間寫的一些效果分享出來。 CocosCreator版本：v2.3.2 官方學習鏈接：Material 材質介紹、Effect介紹（官方文檔是最好的學習文檔，一定要
2020-04-14 11:07:27
69
原创 CocosCreator Shader學習（二）：流光效果
流光效果 原理：在以圖片左下角爲原點的座標系中， 假設流光就是一條直線（斜截式:y=kx+b），那麼只需要把直線和圖片所在矩形的交點全部找出來即可。 頂點着色器代碼不用修改。 片元着色器代碼如下： CCProgram fs %{ p
2020-04-14 11:07:27
4