ヒットエフェクト

Mallwave ヒットエフェクト

12個の衝撃とエフェクトのスプライト(ヴェイパー)。ダークUI用、プラムヘイズに褪せた金のアクセント。SVG+透過PNG 1x/2x/4x。

  • ui
  • svg
  • 透過png
  • エフェクト
  • ヒットエフェクト
  • 衝撃
  • パーティクル
  • ヴェイパーウェイヴ
  • ヴェイパーウェイヴ
  • ヴェイパーウェイヴ
  • パステル
  • レトロ
  • hud
Mallwaveファミリーの衝撃とエフェクトのスプライト(ヴェイパー)12点を透明チェッカー上に並べ、下にピクセル寸法を記したシート
プレビュー 1600×1960透明部分は市松模様で表示

このパックについて

Mallwave ヒットエフェクトはヴェイパースタイルで描かれた12点の衝撃とエフェクトのスプライトのセットです。丸めて折り返した角が、深いインディゴの地の上にピンクとティールの板を載せます。内容はヒットスパークとクリティカルバースト、着弾リングと地面の衝撃波、斬撃の弧、光球ときらめき、回復マークとシールドバブル、土煙、稲妻、そして立ちのぼる火の粉です。

このカタログの他のキットはすべてインターフェースを描いています。どれも、あるものが別のものに当たった瞬間を描いていません。戦闘システムが最初に必要とするもので、個人開発者が最後に手をつけるものです。エフェクトのスプライトには隠れる輪郭もありません。数コマだけゲームの上で生きて、消えます。

曲線を許すフレームスタイルはこれだけで、カタログの他はすべて厳密に角ばっています。グラデーションは中間色へ落ちるのではなく、飽和した二段で長辺を走ります。色の抜けたヴェイパーのグラデーションは雰囲気ではなく間違いとして読まれるからです。

そのスタイルの中でこれはMallwaveとしての読みです。プラムヘイズのパレットに褪せた金のアクセントを載せたダークインターフェースで、縁が一本のフレーム、132x40の面取りボタン、16分割の中空コアのバー、16pxグリッドの二色のアイコンを軸に組まれています。二つのファミリーがアートスタイルを共有しながら入れ替え可能にならない理由は、この寸法にあります。スタイルは縁の描き方を決め、数値はそのインターフェースが何のためのものかを決めます。

どのスプライトも正方形のキャンバスに中心を合わせ、その中心について対称です。だからエンジンは拡大とフェードだけで済みます——中心からずれたアンカーのエフェクトは大きくなるにつれて横へ流れ、それは爆発ではなく不具合として読まれます。本体は輪郭なしの単色です。輪郭のある火花はインターフェースの部品として読まれ、光としては読まれないからです。光球はぼかしフィルタではなく不透明度を落としながら重ねた円で作ってあります。フィルタはエンジンごとにラスタライズが異なり、4xでどろどろになります。

どのスプライトも編集可能なSVGと、1x・2x・4xの透過PNGで届きます。PNGをそのままエンジンに置いても、ベクターを開いて色を変えても構いません。Mallwaveファミリーの他と同じ寸法で描かれているので、このキットとMallwaveのパネルキットはどちらもサイズを変えずに揃います。シンセウェーブや黄昏時、レトロで叙情的なインターフェースによく合います。

ダウンロード

直リンク · 登録不要 · 待機ページなし
ZIPをダウンロード199 kB

フルセット — SVGソース、1x/2x/4xのPNG書き出し、ライセンス、readme

このパックに含まれるファイル
ファイル形式容量ダウンロード
フルセット — SVGソース、1x/2x/4xのPNG書き出し、ライセンス、readmeZIP199 kB 入手 →
ヒットスパーク、中心アンカー、編集可能なSVGSVG410 B 入手 →

使い方

  1. エフェクトはスプライトの中心でアンカーし、そこから拡大してください。左右対称に描いてあるので、拡大とフェードだけでアニメーションが完成します。
  2. ヒットスパークは長くても2〜3コマで。残り続ける衝撃は衝撃として読まれなくなります。
  3. 着色は色の置き換えではなく乗算で行ってください。スプライトは自前の明暗の落ち方を持っており、単色の置き換えはそれを捨ててしまいます。
  4. スパーク、バースト、光球、きらめきには加算合成を、土煙と火の粉には通常合成を使ってください。後者は光ではなく物質です。

ライセンス

クリエイティブ・コモンズ 表示 4.0 — 商用利用も無料。クレジット表記が必要です。 全文 · 実際どういう意味か

コピー用のクレジット表記
"Mallwave ヒットエフェクト" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/vfx/mallwave-hit-effects