00GameDevs — Free Three.js Magic VFX Starter Pack

00GameDevs — Free Three.js Magic VFX Starter Pack

Explore the full free VFX library →

Five ready-to-use magic effects, with original source code under MIT. Browse more effects, adjust their settings and download them at 00GameDevs.

Made by 00GameDevs (@00vchannel), the creator of Isekai HKV on Steam. These effects are separate work by the same creator; this pack does not claim they appear in the game.

What's inside

Drag on the preview to orbit the camera; use the mouse wheel to zoom and right-drag to pan. On touchscreens, use one finger to orbit, pinch to zoom and two fingers to pan. Camera controls also work while the effect is paused. Replay keeps your view; Reset view restores the default framing. Switching effects frames the newly selected effect.

Use Patch's Effect, Pause, Replay and Reset view controls beside the preview. Each effect plays at its original default settings and repeats after its ending. Only one effect runs at a time. Opaque bars behind the scene show the background distortion.

Use an effect in your project

Requires Three.js 0.187.0 and WebGL2. Install three@0.187.0, copy the module you need from effects/, and use one shared Three.js instance. No external textures are required.

import createVFX from './effects/darkchain-detonation.js';

const effect = createVFX();
scene.add(effect.group);

// In your existing frame loop; deltaSeconds is time since the last frame:
effect.update(deltaSeconds);
// Render with your own renderer and camera.

// Replay without losing placement:
effect.reset();
// Cancel, then keep updating until effect.finished:
effect.stop();
// When removing it permanently:
effect.dispose();

Keep the ground on XZ with +Y up. These previews use SRGBColorSpace and NoToneMapping; check appearance with your game's renderer instead of silently changing its global settings. Background distortion samples opaque scene objects and may exclude transparent objects. The black-hole example calls stop() after 13.7 seconds so its ending can be seen. Sacred Relic Descent lasts 13 seconds and is visual only: it does not implement healing, collision or terrain changes. Its pyramid is the original placeholder, not a character or finished relic model.

For parameters and exceptions, see the embedded module headers and integration guide. For a runnable example, run npm ci, then npm run dev; open /review.html for local controls. The release canvas is controlled by Patch messages. The source in src/demo.js shows the scene setup and lifecycle.

Version and licence

Public version 0.1.2 adds interactive camera controls to 0.1.1 and freezes the five public downloads listed in SOURCE-MANIFEST.json, with download URLs and SHA-256 checksums. Version 0.1.0 was the private platform test; the effect modules are identical. Website changes do not automatically update this pack or its Patch preview. New versions are tested and published separately.

Original effect code and this example: MIT; preserve the notices in every module. Three.js retains its own MIT notice. The demo uses Patch's official block helper, distributed for embedding Patch demos; see THIRD-PARTY-NOTICES.md. This licence does not grant rights to the 00GameDevs brand, avatar, game artwork or unrelated website UI. This pack includes no game artwork.

This release has no measured FPS guarantee and no physical-phone performance claim. The library link records daily aggregate entry requests; repeats and bots can be included, so counts are not unique visitors. See the website privacy notice.

繁體中文

前往完整免費特效庫 →

這裡先放五款：闇鏈崩陣、裂空碎斬、渦光黑洞、黃金鎖鏈雨、聖遺物・治癒降臨。你可以切換、暫停與重播，拿走原始碼用在自己的作品。滑鼠拖曳可旋轉視角，滾輪可縮放，右鍵拖曳可平移；手機可單指旋轉、雙指縮放或平移。暫停特效後仍能移動相機，Replay 保留視角，Reset view 回到預設視角。更多特效與調整功能在 00GameDevs。

由《Isekai HKV》開發者製作；這是同一位作者的另一份作品，並非宣稱遊戲有使用這些特效。若喜歡作者的作品，也可到上方 Steam 連結看看遊戲。

需要 Three.js 0.187.0 與 WebGL2。聖遺物目前是白金三角錐，只有視覺演出，沒有實際治療功能。網站更新不會自動更新 Patch 版本。保留每個檔案的 MIT 授權文字，即可用於免費或商業專案。