原创 摺紙效果！ Cocos Creator 3.0
僅佔用一個 draw call ! 效果 實現 整體思路 思路遵循以下幾步 初始化一個多邊形。 摺疊後分割成兩個多邊形。 如果需要繼續分割，對場上的所有多邊形進行摺疊，摺疊出新的多邊形的層級正好與原來的相反。 所以，所有的計算和
2021-05-02 14:11:24
20
原创 彈性跟隨相機！3D入門教程!
默默地在背後關注她！ 前言 在3d遊戲中經常會用到鏡頭跟隨效果，這次我們就來實現它！ 閱讀本文需要一些的基本知識： 向量基本運算（加法/減法/乘積） 會調用四元數API接口 運動學（速度/加速度/位移） 效果預覽如下（可調遠近上下/
2021-01-25 14:11:38
1
原创 Cocos Creator 3.0 入門! 2D 素材 3D 效果
用2D素材實現3D效果! 前言 好久沒寫教程筆記了，不知大夥是否想念教程了？ 溫馨提示：所有內容純屬個人瞎玩研究，如要上線項目，請自行評估~ oh 最近逛論壇，看到有一位小夥伴想實現以下這種透視效果。 接着，去找了這個遊戲的素材，
2020-12-12 12:50:44
10
原创 四元數與3D旋轉實例！ Cocos Creator 3D Quaternion !
四元數與3D旋轉實例！ Cocos Creator 3D Quaternion ! 用幾個實用的例子帶你理解四元數! 前言 本文不會講太多四元數公式的推導過程，重點講講幾個接口的使用和個人理解。 閱讀本文可能需要一些前置的知識（但不限於
2020-10-24 12:50:39
19
原创 不好意思，我膨脹了！ shader 入門精要！ Cocos Creator 3D Shader !
不好意思，我膨脹了！ shader 入門精要！ Cocos Creator 3D Shader ! shader 也能讓你變胖？膨脹肥胖效果！ 附完整項目！ 效果 實現 模型的形狀一般都是由三角形圍成的，每個頂點一般都會有一個法線信息
2020-09-20 12:51:41
19
原创 初探霧效果！shader 源碼分析與講解！ Cocos Creator 3D Shader Fog !
初探霧效果！shader 源碼分析與講解！ Cocos Creator 3D Shader Fog ! 隨便講講霧的原理以及舊版本的使用霧的方法。 效果 原理 霧效(fog)是遊戲中常用的一種效果，根據遠近產生不同的深度的霧效果。 這
2020-09-15 12:50:45
原创 噪聲紋理之消融效果！ shader 入門精要！ Cocos Creator Shader !
溶解！shader 入門實戰之噪聲紋理！附完整項目！ 效果 原理 什麼是噪聲紋理？ 噪聲紋理的特性是不可預測性的隨機。 個人理解噪聲紋理就是一張圖片，每個像素點顏色值（rgba）是按照一定的隨機性分佈的。 怎麼生成噪聲紋理？ 工具
2020-09-08 13:05:04
原创 3D搖桿控制器一種簡單實現！Cocos Creator 3D!
一個控制移動和視角的遙感控制器3D示例項目。 效果 原理 在貪喫蛇大作戰！蛇移動的思考與實現! 中使用到一個搖桿控制器，不過這是在2D層面上，這次把它改到3D上。 搖桿 搖桿的原理大致是把觸摸點的位置傳給需要的組件。(參考KUOKUO
2020-07-27 13:05:19
原创 四叉樹與碰撞檢測 ！Cocos Creator !
四叉樹與引擎內置碰撞檢測的結合運用。 效果預覽 綠色爲參加檢測的對象(當前四叉樹節點)，紅色爲碰撞對象。 如何使用 引入腳本 QuadtreeCollision.ts ， 新建一個 QuadtreeCollision ，並初始化爲世界
2020-07-08 13:05:09
8
原创 2D實現背景圖3D滾動效果(透視) ！Cocos Creator !
2D實現背景圖3D滾動效果(透視) ！Cocos Creator ! 戰鬥地面效果！在 2D 中實現有縱深感(透視)的捲動效果。 效果 回顧 這次的紋理管理仍然是使用 Sprite 組件的渲染模式 Mesh ，需要的可以參考 初探精靈
2020-07-02 13:35:26
3
原创 shader 動畫之旗子/水紋波浪 ！Cocos Creator !
頂點動畫、正弦、波長、振幅、週期。 效果預覽 使用步驟 新建材質 Material ， 選擇對應的 Effect ，調整參數。 在場景中新建一個精靈(Sprite) ， SpriteFrame 選取一個超小的圖片。渲染模式選擇平鋪(
2020-06-25 14:06:17
1
原创 物理挖洞之分塊 ！Cocos Creator !
減少多邊形計算！畫餅分之～ 效果預覽 回顧 在 物理挖洞之鏈條！實現！(含視頻講解) 中介紹了用 PolyBool 和鏈條組件(cc.PhysicsChainCollider)實現物理挖洞的方法。 雖說這種方案可能不是最佳方案，但裏面
2020-06-17 14:02:15
2
原创 畫線紋理的一種簡單實現！繩子紋理！ Cocos Creator !
cc.Graphics 畫線也能加紋理了？文末附送完整代碼。 初步實現 在 初探精靈中的網格渲染模式 ！ 中簡單分析了 Sprite 組件的渲染模式 Mesh 。 這次，我們應用 Sprite 渲染模式 Mesh 和 cc.Graph
2020-06-11 14:15:49
1
原创 初探精靈(Sprite)中的網格(Mesh)渲染模式 ！ Cocos Creator !
"初探精靈(Sprite)中的網格(Mesh)渲染模式 ！ Cocos Creator ! " 小朋友你是否有很多問號？ 當 Sprite 組件選擇渲染模式 Mesh 時，圖片會沒了？ 翻翻官方文檔看看這個是什麼東西？ 按照文檔，
2020-05-21 14:29:33
1
原创 圖文+視頻講解 | 物理挖洞！塗抹地形! 小鱷魚愛洗澡！百戰天蟲 ！Cocos Creator !
終於來挖坑了！老規矩！圖文+視頻講解！ 效果預覽 實現步驟 整體思路是先使用 PolyBool 計算多邊形，接着使用 cc.PhysicsChainCollider 將多邊形圍起來，最後使用 cc.Graphics 將整個地形繪製出來
2020-04-27 14:33:05