原创 CocosCreator物理小遊戲實戰-別離開碗(一)

摘要 CocosCreator 物理小遊戲實戰教程開更啦!來跟 KUOKUO 一起學習吧!開發語言爲 TypeScript! 正文 使用版本 CocosCreator 版本 2.3.4 遊戲效果 遊戲介紹 這個物理小遊戲玩法是

原创 CocosCreator物理小遊戲實戰-別離開碗(二)

摘要 CocosCreator 物理小遊戲實戰的視頻教程也開更啦!來嗶哩嗶哩關注 KUOKUO 一起學習吧! 正文 使用版本 CocosCreator 版本 2.3.4 資源劃分 素材導入後進行資源分類,我這裏將其分爲 game

原创 CocosCreator3D宇宙場景展示

摘要 跟 KUOKUO 一起初探 CocosCreator3D 吧!底部源碼相送! 正文 版本說明 使用 CocosCreator3D 的 1.0.0 版本演示。 材質與模型 小飛船的模型是用 Maya 製作的,詳細的過程在嗶

原创 Mask+Graphics貝塞爾曲線繪製波動的水面

摘要 我們都知道水面的運動形式是極其複雜的。但是在一些二維的小遊戲中,我們只是想模擬其波動特性,做一些出水入水的效果。如何簡單的實現波動的水面呢? 正文 看看效果 準備工作 一張背景圖片即可 層級結構 Main Camera

原创 CocosCreator3D之視角移動

摘要 你是否困惑於 CocosCreator3D 的視角與移動?KUOKUO 帶你搞定!底部源碼相送! 正文 版本說明 使用 CocosCreator3D 的 1.0.1 版本演示。 模型的移動 在二維和三維的移動控制中,對於

原创 如何用一張圖片來實現炫光方塊

摘要 CocosCreator 的節點上的顏色屬性對 3D 模型是不起作用的,要想修改模型顏色就要對材質操作,而材質是基於 effect 渲染的。那麼怎麼改變模型顏色呢? 正文 看看效果 素材製作 打開 Photoshop 軟件

原创 什麼?你不讓我用if...else了!!!

摘要 在開發中,我們經常要寫 if…else 來判斷條件。但是過多的 if…else 會讓代碼變得冗長難懂不好維護,有什麼好方法呢?讓我們來聽個故事! 正文 故事開始 小白是一名 CocosCreator 程序員,任務是在遊戲開

原创 CocosCreator之KUOKUO帶你做音樂可視化

摘要 音樂幹聽多沒勁,來點可視化效果讓音樂“動”起來!底部源碼分享! 正文 說明 在瀏覽器端 AudioContext 是一個專門用於音頻處理的接口,工作原理是將 AudioContext 創建出來的各種節點相互連接,音頻數據流

原创 CocosCreator導出模塊的各種姿勢

摘要 CocosCreator 已經擁抱 ES6 語法,你還在使用 ES5 嗎?今天 KUOKUO 爲你帶來導出模塊的各種姿勢! 正文 原寫法 模塊化使你可以在 CocosCreator 中引用其它腳本文件: 訪問其它文件導出

原创 CocosCreator特效系列之圖片像素化

摘要 不管是遊戲還是影視,像素風格總能吸引到一大部分人。KUOKUO 今天爲大家帶來 CocosCreator 的像素化 Effect。 正文 版本說明 使用 CocosCreator 的 2.2.0 版本演示。 像素化原理

原创 CocosCreator特效系列之模糊特效

摘要 在遊戲或者影視中,模糊是很常用的特效,那麼模糊效果究竟是怎麼實現的呢?KUOKUO帶你分析原理然後用CocosCreator實現!結尾有源碼和演示視頻哦! 正文 版本說明 因爲 CocosCreator 在 2.2.x 版

原创 CocosCreator中如何限制主角在六邊形區域

摘要 在 CocosCreator 開發中,我們經常有限制位置的需求。對於長方形區域我們可以簡單的判斷 x y 方向的座標,但是遇到六邊形區域該怎麼辦呢? 正文 看看效果 畫個區域 我們先用 cc.graphics 組件繪製下

原创 CocosCreator之KUOKUO帶你做物理切割(第二部分)

摘要 物理切割第二部分,切割多個物體,利用 Mask 切割圖片! 正文 使用版本 CocosCreator 版本 2.1.3 最終效果 多切割原理 通過上一部分的教程,我們已經知道了單切割的原理,但是很顯然,KUOKUO 的

原创 優雅的模塊化-單例模式-音頻資源預加載

摘要 CocosCreator 的音頻資源本地加載有兩種辦法,其一是在腳本中聲明並拖入屬性面板,其二是利用 cc.loader 做動態加載。如何優雅的做音頻資源預加載呢?KUOKUO 通過一個小例子帶你學習。 正文 使用版本 C

原创 CocosCreator特效系列之像素顏色處理

摘要 說出來你可能不信,我把 Cocos 的官方頭像給綠了! 正文 版本說明 使用 CocosCreator 的 2.2.0 版本演示。 像素着色器 在 Effect 的 fs 部分,他會處理每一個像素點然後輸出這個像素位置與顏