魔法エフェクト

[khayashi4337]

魔法の世界なんだから魔法っぽい感じの演出をする

3D

Mega Magic VFX Bundle

https://www.unrealengine.com/marketplace/ja/product/mega-magic-vfx-bundle

[khayashi4337]

ゲームエンジン: Unity の場合

魔法エフェクトの要望:

• 「努力した感」のある魔法エフェクト
• 氷の槍のエフェクトは既存
• 氷結、爆発、火炎、回復 など

その他:

• 2Dエフェクト
• 雰囲気はドット絵に合うもの
• ライセンスはこだわらない

了解しました！では、これらの情報に基づいて、いくつかオープンソースのエフェクトとツールをご紹介します。

提案

1. Pixel Art VFX by Kezarus

• https://github.com/Kezarus/PixelArtVFX
• Unity用の無料アセット
• 氷結、爆発、火炎など、様々な種類の2Dピクセルアートエフェクトが豊富
• デモシーンも用意されているので、あなたのゲームに合うか確認しやすい

2. 2D Handcrafted Sprite Effects by Brackeys

• https://www.youtube.com/watch?v=dYAOpvfLtSI
• YouTubeチュートリアル
• Unityで自作エフェクトを作成する方法を学べる
• 氷の結晶、爆発の火花、回復の光など、ドット絵に合うエフェクトを自分でカスタマイズできる

3. Oryx Design Lab

• https://oryxdesignlab.com/
• 無料で商用利用可能なピクセルアート素材サイト
• 魔法陣や魔法生物など、ゲームの世界観を盛り上げる素材も豊富
• エフェクト素材は少ないですが、自作エフェクトの参考になる

エフェクトを選ぶ上でのポイント

• ゲームの雰囲気に合っているか: ドット絵のゲームなので、リアルすぎるエフェクトよりも、ドット絵風のエフェクトの方が馴染みやすいでしょう。
• 「努力した感」を出せるか: 単純なエフェクトではなく、アニメーションやパーティクルを組み合わせることで、より印象的なエフェクトになるでしょう。

[khayashi4337]

Javascript(ブラウザ)とFlutterの場合についても、いくつか提案をさせていただきます！

Javascript (ブラウザ)の場合

1. PixiJS Particles

• https://pixijs.io/
• 高速で軽量な2DレンダリングエンジンPixiJSのパーティクル機能
• JSON形式でエフェクトを定義できるため、柔軟にカスタマイズ可能
• https://pixijs.io/examples/#/particles/basic.js のようなサンプルを参考に、ドット絵風のエフェクトを作成できます

2. Phaser 3 Particle Emitter

• https://phaser.io/
• HTML5ゲーム開発に特化したフレームワークPhaser 3のパーティクルエミッター
• エフェクトの調整がGUIツールで直感的に行えるのが魅力
• ドット絵風のエフェクトも、画像やアニメーションを工夫することで表現可能

3. JS13kGames のエフェクト

• https://js13kgames.com/
• サイズ制限のあるJavascriptゲーム開発コンテストの過去作品から、軽量で効果的なエフェクトのアイデアを参考に
• 特に、ドット絵風のゲームのエフェクトは参考になるものが多いです
• ソースコードが公開されている作品も多いので、実装の参考にも

Flutterの場合

1. Flame EngineのParticle System

• https://flame-engine.org/
• Flutter向けのゲームエンジンFlameのパーティクルシステム
• 炎、爆発、煙など、様々なエフェクトをコードで簡単に実装可能
• ドット絵風のエフェクトも、画像とアニメーションを組み合わせることで表現可能

2. Flutter Animate

• https://pub.dev/packages/flutter_animate
• Flutterのアニメーションを簡単に、そしてより表現豊かにするためのパッケージ
• 直接エフェクトを作成するものではないですが、エフェクトのアニメーションをスムーズに実装するのに役立ちます

3. CustomPainter を活用

• Flutterの標準機能であるCustomPainterを使って、Canvasに直接描画することで、ドット絵風のエフェクトを実現
• フレームごとにドットを移動させてアニメーションを作成
• 自由度が高い反面、実装コストは高め

まとめ

どの環境でも、ドット絵風のエフェクトは、画像やアニメーションを工夫することで、十分に「努力した感」を出すことができます！

[khayashi4337]

パパ調査

ゲームクリア演出によさそう

https://ics.media/entry/13973/

＃敵出現に使えそう https://ics.media/entry/11401/

https://threejs.org/examples/#webgl_points_dynamic

てき砕ける演出によさそう

https://threejs.org/examples/#physics_ammo_instancing

アニメよりな演出　有料

https://assetstore.unity.com/packages/2d/textures-materials/magic-spells-effects-pixel-art-214574

https://assetstore.unity.com/packages/2d/characters/pixel-art-rpg-vfx-204263

ここいいかも、サンプルたくさんある

https://pixijs.io/particle-emitter/docs/

水色にしたら、浮かぶ水玉として使えそう

https://threejs.org/examples/#webgl_marchingcubes

魔法感ある

https://pixijs.io/pixi-particles-editor/#pixieDust

HTML5のゲーム開発キット？

https://phaser.io/

使えそうなデモの数がやばい

https://labs.phaser.io/

cocos2d-x

魔法だ！

https://docs.cocos.com/creator/3.8/manual/en/particle-system/

unityで自作する記事

氷魔法

https://ktk-kumamoto.hatenablog.com/entry/2018/02/01/214331#google_vignette

回復魔法

https://ktk-kumamoto.hatenablog.com/entry/2018/04/20/125630#google_vignette

闇魔法

https://ktk-kumamoto.hatenablog.com/entry/2014/08/30/074218

炎

https://goodlucknetlife.com/unity-2drpg-magic-effects/

プロ用　有料

3D

レベルがちげー

https://assetstore.unity.com/packages/vfx/particles/spells/magical-pro-edition-55713?aid=1011lGbg&utm_campaign=unity_affiliate&utm_medium=affiliate&utm_source=partnerize-linkmaker

攻撃

https://assetstore.unity.com/?q=Magic&orderBy=1

これもまあまあ

https://assetstore.unity.com/packages/vfx/particles/retro-arsenal-286454

3Dの魔法陣　無料

https://soredemo-apparel.net/vfx-and-3dcg/how-to-make-a-magic-circle

[khayashi4337]

アニメーションのフレーム管理ツール

RIVE

https://pub.dev/packages/rive