The latest articles on DEV Community by Minh Dang (@minhdang1512). https://dev.to/minhdang1512 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3266307%2F1fdf0104-cb80-42bd-8abe-238b7704831a.jpg https://dev.to/minhdang1512 en Minh Dang Sun, 11 Oct 2026 00:14:39 +0000 https://dev.to/minhdang1512/unity-vfx-to-cocos-creator-a-visual-workflow-3bi7 https://dev.to/minhdang1512/unity-vfx-to-cocos-creator-a-visual-workflow-3bi7 <p>I work on Unity-to-Cocos ports for browser games and playable ads. My workflow combines playable-shared-kit conversion tooling, cc_playable_framework runtime integration, and capture-based visual validation.</p> <h2> The stack behind the port </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp6dbtau8vlvkx9afg4v0.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fp6dbtau8vlvkx9afg4v0.png" alt="Unity source passes through playable-shared-kit inspection and conversion into cc_playable_framework scene and runtime integration, producing a Cocos browser demo. Unity Intelligence, demo-studio and resource/build tools support inspection, validation and delivery." width="800" height="526"></a></p> <p>playable-shared-kit: inspect and convert. cc_playable_framework: integrate, run and build. Scaffolds still need behaviour review.</p> <h2> A repeatable porting workflow </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fuv65l1kdr6om5tjruj40.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fuv65l1kdr6om5tjruj40.png" alt="Start with one representative effect or mechanic. Fix mismatches, then replay the same controlled case." width="800" height="446"></a></p> <p>Start with one representative effect or mechanic. Fix mismatches, then replay the same controlled case.</p> <h2> Tooling that makes the result reviewable </h2> <p>Unity Intelligence supplies source inspection and Unity reference captures. demo-studio aligns captures and produces side-by-side comparisons. Resource and build tooling supports asset-footprint checks and browser delivery.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fi9dzjfvf5ydgu2jaxrrr.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fi9dzjfvf5ydgu2jaxrrr.png" alt="Compare visual behaviour using the same camera and clock. Check frame time, package size and input separately." width="800" height="423"></a></p> <p>Compare visual behaviour using the same camera and clock. Check frame time, package size and input separately.</p> <p>A low average difference can hide a missing flash. Review motion, trails, timing and capture warnings before treating a port as ready.</p> <h2> A real ported effect </h2> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Feqyqr6qh7zxuxuxftdhs.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Feqyqr6qh7zxuxuxftdhs.gif" alt="Animated Cocos laser beam" width="480" height="360"></a></p> <p><em>Cocos Creator capture of a ported 3D Lasers effect. Original Unity asset: Hovl Studio, 3D Lasers. This GIF illustrates motion; full captures support validation.</em></p> <p><a href="https://unity2cocosporting.web.app" rel="noopener noreferrer">Explore the browser demos</a></p> <h2> Have a Unity-to-Cocos porting challenge? </h2> <p>Planning a migration, or hiring for porting expertise? Share your target platform and a representative effect or gameplay mechanic in the comments. I can discuss conversion scope, runtime integration and validation.</p> <h2> References </h2> <p><a href="https://docs.cocos.com/creator/3.8/manual/en/guide/unity/" rel="noopener noreferrer">Cocos Creator: quick guide for Unity developers</a></p> <p><a href="https://docs.unity3d.com/6000.0/Documentation/Manual/ParticleSystems.html" rel="noopener noreferrer">Unity Manual: Particle Systems</a></p> gamedev webdev typescript