J0 Portfolio3D Modeler, VFX Artisthttps://kingj0.github.io/enSkill Sequencehttps://kingj0.github.io/posts/skillsequence/https://kingj0.github.io/posts/skillsequence/Tue, 25 Nov 2025 00:00:00 GMT<h1>Skill Sequence</h1> <p>Unity6 URP VFXGraph Skill Sequence</p> <h2>characters</h2> <p><img src="images/MagicSeq_002.jpg" alt="MagicSeq_002.jpg" /></p> <ul> <li>knight : <a href="https://sketchfab.com/3d-models/bulky-knight-002a90cbf12941b792f9685546a7502c">Sketchfab</a></li> <li>Jade : HonkaiStarRail (Hoyoverse)</li> </ul> <h2>animations</h2> <ul> <li>mixamo</li> <li>rokoko</li> </ul> <h2>texture</h2> <p><img src="images/MagicSeq_Texture.png" alt="MagicSeq_Texture.png" /></p> <ul> <li>handpaint and adjust in photoshop.</li> </ul> <h2>3d model</h2> <ul> <li>3dsmax</li> </ul> <hr /> <h2>V.01</h2> <ul> <li>Set animations and timing.</li> <li>Add Dissolve FX at spawn and dead.</li> <li>add eye light and smoke FX to knight.</li> </ul> <p>&lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/MagicSeq_01_001.mp4"&gt;&lt;/video&gt;</p> <hr /> <h2>V.02</h2> <ul> <li>Set environment lightning, fog, postprocess</li> <li>Adjust colors.</li> <li>Change walk animations.</li> <li>Add skill FX.</li> <li>Add Displacement FX at crash.</li> </ul> <h3>Spawn</h3> <p>&lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/MagicSeq_01_003.mp4"&gt;&lt;/video&gt;</p> <h3>Crash</h3> <p><img src="images/MagicSeq_DP_02.png" alt="MagicSeq_DP_02.png" /> <img src="images/MagicSeq_DP.png" alt="MagicSeq_DP.png" /> Displacement Shader(Vertex position) &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/MagicSeq_01_005.mp4"&gt;&lt;/video&gt;</p> <h3>Full</h3> <p>&lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/MagicSeq_01_004.mp4"&gt;&lt;/video&gt;</p> Orbhttps://kingj0.github.io/posts/orb/https://kingj0.github.io/posts/orb/Thu, 20 Nov 2025 00:00:00 GMT<h1>stylized orb</h1> <p>Unity6 URP VFXGraph stylized orb</p> <p><img src="images/Orb_Model.png" alt="Orb_Model.png" /> sculpt and uv mapping on 3DsMax <img src="images/orb_Texture.jpg" alt="orb_Texture.jpg" /> handpaint in photoshop. voronoi texture from Material Maker.</p> <h1>VFX</h1> <h2>V.01</h2> <ul> <li>Center Light</li> <li>Sphere Shader</li> <li>small particles</li> <li>Bokeh effect</li> <li>Light dispersion effect</li> </ul> <p><img src="images/Orb1_001.jpg" alt="Orb1_001.jpg" /> <img src="images/Orb1_002.jpg" alt="Orb1_002.jpg" /> <img src="images/Orb1_003.jpg" alt="Orb1_003.jpg" /></p> <h2>V.02</h2> <p>I want this orb have certain sphere shape and more property inside orb.</p> <ul> <li>Outside Sphere</li> <li>interior darkness</li> <li>interior lightning</li> <li>outside wrapper</li> </ul> <p><img src="images/Orb2_001.jpg" alt="Orb2_001.jpg" /> <img src="images/Orb2_002.jpg" alt="Orb2_002.jpg" /> <img src="images/Orb2_003.jpg" alt="Orb2_003.jpg" /> &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/orb2_006.mp4"&gt;&lt;/video&gt;</p> <h2>V.03</h2> <p>I want more chaotic effect</p> <ul> <li>Outside Lightning</li> <li>adjust wrapper position</li> <li>Add postprocess</li> <li>add pebble particles</li> </ul> <p><img src="images/Orb3_010.jpg" alt="Orb3_010.jpg" /> <img src="images/Orb3_011.jpg" alt="Orb3_011.jpg" /> <img src="images/Orb3_012.jpg" alt="Orb3_012.jpg" /></p> <p>&lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/orb3_007.mp4"&gt;&lt;/video&gt; &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/orb3_008.mp4"&gt;&lt;/video&gt;</p> Stylized Waterhttps://kingj0.github.io/posts/stylizedwater/https://kingj0.github.io/posts/stylizedwater/Fri, 14 Nov 2025 00:00:00 GMT<h1>Casual pirate ship Props</h1> <p>Unity6 URP</p> <p>stylized Water effect</p> <p><img src="./images/StylizedWater_003.png" alt="2" /> sculpt and uv mapping on 3DsMax</p> <h1>VFX</h1> <ul> <li> <p>default wave shader &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/StylizedWater_001.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>water whirlpool (particle system) &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/StylizedWater_003.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>wave (vfx graph) &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/StylizedWater_002.mp4"&gt;&lt;/video&gt;</p> </li> </ul> Casual Props & VFXhttps://kingj0.github.io/posts/casualpropsvfx/https://kingj0.github.io/posts/casualpropsvfx/Wed, 05 Nov 2025 00:00:00 GMT<h1>Casual pirate ship Props</h1> <p>Unity6 URP <img src="./images/CandleCoin.png" alt="" /> <img src="./images/Coin.png" alt="" /> <img src="./images/candle.png" alt="" /> casual style low poly coin, candle.</p> <h1>VFX</h1> <p>outline, candle fire, sparkles</p> <ul> <li> <p>default scene &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/CasualVFX_007.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>outline &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/CasualVFX_005.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>outlined sparkle &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/CasualVFX_006.mp4"&gt;&lt;/video&gt;</p> </li> </ul> Gwentlike Card & rpg UIhttps://kingj0.github.io/posts/cardui/https://kingj0.github.io/posts/cardui/Mon, 27 Oct 2025 00:00:00 GMT<h1>Gwentlike Card &amp; rpg UI</h1> <p><img src="./images/StencilProblem.png" alt="" /></p> <p>using stencil shader has problem that a card can contain another card content. so i made ref value that applies to card and contents. when content and card have same ref value content will be shown in card.</p> <p>Using Shader Graph, Shader, Code in Unity6.</p> <ul> <li>Card and simple UI for card &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/Card&amp;UI_001.mp4"&gt;&lt;/video&gt;</li> </ul> Environment - Grass, Water, Flaghttps://kingj0.github.io/posts/environment/https://kingj0.github.io/posts/environment/Mon, 27 Oct 2025 00:00:00 GMT<h1>Environment - Grass, Water, Flag</h1> <p>Simple environment with grass, water, and flag. Made in Unity Shader Graph.</p> <ul> <li> <p>Flag <img src="./images/Flag.png" alt="" /> &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/Environment1.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>Grass <img src="./images/grass.png" alt="" /> &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/Environment2.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>Water <img src="./images/Water.png" alt="" /> &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/Environment4.mp4"&gt;&lt;/video&gt;</p> </li> </ul> Environment - Rainhttps://kingj0.github.io/posts/rain/https://kingj0.github.io/posts/rain/Mon, 27 Oct 2025 00:00:00 GMT<h1>Environment - Rain</h1> <p>Rain in Particle system, VFX Graph Made in Unity</p> <ul> <li> <p>Particle system &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/RainPS.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>VFX Graph <img src="./images/Depth.png" alt="" /> <img src="./images/VFXgraphDepthBuffer.png" alt="" /> Using DepthBuffer Collision and OnDie Event &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/RainVFXG.mp4"&gt;&lt;/video&gt;</p> </li> </ul> Fantasy VFX - HolyMagichttps://kingj0.github.io/posts/holymagic/https://kingj0.github.io/posts/holymagic/Wed, 01 Oct 2025 00:00:00 GMT<h1>Fantasy VFX - HolyMagic</h1> <p>Fantsy Style Holy Magic</p> <p>Casting (5s) -&gt; AoE (5s)</p> <ul> <li>Casting</li> </ul> <p>&lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/HolyMagic2.mp4"&gt;&lt;/video&gt;</p> <ul> <li>Impact</li> </ul> <p>&lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/HolyMagic3.mp4"&gt;&lt;/video&gt;</p> <ul> <li>Version 01</li> </ul> <p>&lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/HolyMagic.mp4"&gt;&lt;/video&gt;</p> <ul> <li>Version 02 Adjust "casting circle" size</li> </ul> <p>&lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/HolyMagic_001.mp4"&gt;&lt;/video&gt;</p> Fantasy VFX - SwordTrail, BlockEffecthttps://kingj0.github.io/posts/swordtrail/https://kingj0.github.io/posts/swordtrail/Thu, 25 Sep 2025 00:00:00 GMT<h1>Fantasy VFX - SwordTrail, BlockEffect</h1> <p>Soldier 1 attacks with a 3-hit combo. Soldier 2 blocks all three incoming strikes.</p> <ul> <li> <p>sword Trail &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/Slash2.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>Block VFX &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/Slash3.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>Dust &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/Slash4.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>VFX only &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/Slash5.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>mannequin &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/Slash1.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>Add Character &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/SwordShieldVFX_001.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>Another View &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/SwordShieldVFX_002.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>Far View &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/SwordShieldVFX_003.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>VFX : Unity Shader, Unity VFX Graph, Unity Particle System</p> </li> </ul> Fantasy VFX - LightningProjectilehttps://kingj0.github.io/posts/lightningprojectile/https://kingj0.github.io/posts/lightningprojectile/Wed, 24 Sep 2025 00:00:00 GMT<h1>Fantasy VFX - LightningProjectile</h1> <p>Charge and throw a lightning bird.</p> <ul> <li> <p>Charging &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/LightningProjectile_013.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>Projectile &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/LightningProjectile_019.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>Hit &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/LightningProjectile_016.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>Version 01 &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/LightningProjectile_003.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>Version 02 - Add fracture effect &lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/Lightining_001.mp4"&gt;&lt;/video&gt;</p> </li> <li> <p>VFX : Unity Shader, Unity VFX Graph, Unity Particle System</p> </li> </ul> SpacePortal VFXhttps://kingj0.github.io/posts/spaceportalvfx/https://kingj0.github.io/posts/spaceportalvfx/Wed, 24 Sep 2025 00:00:00 GMT<h1>SpacePortal VFX</h1> <p>&lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/SpacePortal_010.mp4"&gt;&lt;/video&gt; <a href="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/SpacePortal_010.mp4">OriginalVideo(4k)</a></p> <ul> <li>VFX : Unity Shader, Unity VFX Graph</li> </ul> Fantasy VFX - FireBallhttps://kingj0.github.io/posts/fireprojectile/https://kingj0.github.io/posts/fireprojectile/Tue, 23 Sep 2025 00:00:00 GMT<h1>Fantasy VFX - FireBall</h1> <p>spawn 3 fireballs and thorw to target.</p> <ul> <li>VFX : Unity Shader, Unity VFX Graph, Unity Particle System</li> </ul> <p>&lt;video controls loop = "" muted ="" autoplay = ""&gt;&lt;source src ="https://github.com/kingJ0/kingJ0.github.io/raw/refs/heads/main/src/content/posts/video/FireBall_001.mp4"&gt;&lt;/video&gt;</p>