{"repo":"BricL/CC3.SpriteEffect","free":true,"listed":false,"github":"https://github.com/BricL/CC3.SpriteEffect","clone":"git clone https://github.com/BricL/CC3.SpriteEffect.git","description":"CC3 客製 Shader 庫 (支持合批渲染)。(CC3 custom shader lib support batching)","language":"TypeScript","stars":32,"topics":["cocos-creator","game-development","shaders","sprite"],"license":"MIT","category":"game-templates","readme_excerpt":"CC3.SpriteEffect EN.md) 中文 受 Untiy mob-sakai UIEffect 啟發，針對 Cocos Creator 3.8.x 開發的 Sprite Effect 組件。 「走過路過，別錯過，點顆星星，支持我！」 安裝方法 Sprite Effect 為 CC 3.8.x 擴展套件，需安裝至擴展資料夾中，步驟如下： 1. 下載 git 包 2. 解壓至[project folder]/extenstions/sprite effect 3. cd [project folder]/extensions/sprite effect 4. npm install 5. npm run build 6. 啟動 CocosCreator 7. 至 Extension 頁籤下 Extension Manager 8. 選擇 installed 頁籤，會有 sprite effect 功能出現 (若無，可嘗試點擊 Reflash Extensions List 按鈕) 使用方式 1. 選取欲添加 Effect 的 Sprite Node。 2. 點擊Add Component，選擇想要的 Effect。 :warning: 注意！Cocos Creator 3.x.x 有時指定 effect 後效果不會出現，目前的解決方法是手動點擊 Component 上的 reload，強制 Editor 重新讀取 effect。 Demo Project 所有 Effect 相關的 DEMO 都被放在 CC3.SrpiteEffect.DempProject 注意事項 2D-Rendering-in-3D (RenderRoot2D Component) 在 CC 中 RenderRoot2D 組件可讓 Sprite 於 3D 空間中呈現，達到 3D UI 的效果。而組件下子節點渲染順序與 Canvas 規則相同，但與其他 3D 物件的深度順序，需要開啟 Material 中的深度測試 (Depth Test)。 Effect Component 提供了簡單的設定，開啟方式如下： 取消圖集自動的包 (Packable) 啟用 Packable 在打包時，自動產生的圖集會給予 sprite 重新指定的 uv 位置，導致相關 uv 計算錯誤。（除非官方可以提供相關的 shader function，暫時不知如何排解問題） 各 Effect 實作思路： 0. Effect Color 1. Effect Flow Light 2. Effect Distort 3. Effect Gaussian Blur 4. Effect Shadow 5. Effect Water Surface 6. Effect Disappear 7. Effect Wave 8. Effect Dissolve 9. Effect Colorizing Effect Color 實作思路 Tone Mode GRAY (顏色灰階) NEGA (顏色反轉) SEPIA (棕色舊化) 一种带有暖色调的棕色，常用于描述古老的照片或者画作中的色调，計算如下： Color Mode 針對指定顏色與Sprite上顏色進行常用的ADD(相加)、SUB(相減)、MUT(相乘)、FILL(填色)處理。 Blur Mode 採用快速的One-Pass高斯模糊進行處理。詳細算法請見EffectGaussian。 Effect Flow Light 實作思路 流光貼圖 利用 Smoot","default_branch":null,"files":null,"tree":[],"storefront":"/r/BricL","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/BricL/CC3.SpriteEffect/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}