Skip to content

Art-Concept: コンセプトアート

Rift Survivors のビジュアル方向性を SVG/HTML のジオメトリ で表現した疑似コンセプトアート集。 実画像ではなく、矩形・円・グラデーション・ネオングロー filter のみで、ゲーム世界観の "読み取れる1枚" を構成する。

本資料の位置づけ

  • 制作前にチーム内で「完成像」を共有するためのラフビジュアル
  • 各 Art-1〜Art-7 の仕様を 統合的に可視化 したもの
  • VitePress インライン SVG なので色・サイズ調整がテキスト編集で可能

1. メインカバーアート

プレイヤーを中心に、敵の群れが俯瞰 55 度カメラで迫るシーン。ネオングローとボクセル床で世界観を集約する。

RIFT SURVIVORS- VIBE JAM 2026 -

伝えたい要素:

  • 画面中央に FF7 3頭身デフォルメのプレイヤー(頭部 35%)
  • 俯瞰 55 度のボクセル床(Data Grid パターン)
  • 属性色(シアン/ピンク/紫)の大量の敵ドット
  • シンセウェーブ基調の紫グラデ空 + ネオングロー filter

2. ロビーシーン(3ポータルハブ)

プレイヤーがロビーから 3 つのポータル(Mission / Vibeverse / Revenge)を選択する瞬間。

MISSIONVIBEVERSEREVENGECUSTOMLOBBY / PORTAL HUB

伝えたい要素:

  • 3 ポータルの色と役割(紫=Mission / 虹=Vibeverse / 赤=Revenge)
  • プレイヤーは中央ポータル前に立ち、選択直前
  • 左端にカスタマイズエリア(ミラー・装備棚の示唆)

3. カットインシーン(ペルソナ風スプリット)

ダンジョン突入時のキャラ紹介カットイン。左に大きなシルエット、右にタイプライターでステータスが打ち出される。

ARAKICLASS : SURVIVOR / NEONHP ████████░░ 80ATK ██████░░░░ 60SPD █████████░ 90LUCK ████░░░░░░ 40WEAPON : RIFT BLADEELEMENT: NEON (weak: DATA)> ENTER DUNGEON_

伝えたい要素:

  • 斜めグラデ背景(ネオン→グリッチ→データの 3 属性を示唆)
  • 左にポーズ付きシルエット、右にタイプライター文字
  • エッジに小さなグリッチ矩形が走る
  • ui/cutin.md と整合

4. ダンジョン4テーマ ミニアート

全 4 ダンジョンテーマの世界観を、300x200 のミニカードで並列比較する。

Data Grid(データ属性基調)

// DATA GRID

Neon Arcade(ネオン属性基調)

ARCADECOIN★VIBES// NEON ARCADE

Glitch Core(グリッチ属性基調)

// GLITCH CORE

Void Rift(虚無・最終ステージ)

// VOID RIFT

各テーマの差別化ポイント:

テーマ主色モチーフ雰囲気
Data Grid#00e5ff シアン回路基板・ノードクール・論理的
Neon Arcade#ff3399 ピンクネオン看板・筐体ポップ・夜祭り
Glitch Core#a855f7破損ブロック・ノイズ不安定・カオス
Void Rift#88cfff 白青裂け目・浮遊静謐・最終局面

5. ボスシルエット3種

ボスは属性(胴体色)と弱点属性(装飾色)の 2 色でシルエット化し、戦闘前のプレビューで表示する。

Void Sentinel (Data / 弱点: Glitch)

VOID SENTINEL

Neon Phantom (Neon / 弱点: Data)

NEON PHANTOM

Core Corruptor (Glitch / 弱点: Neon)

CORE CORRUPTOR

ボスシルエット読解:

ボス属性(本体色)弱点(ヒント装飾)シルエット特徴
Void SentinelData #00e5ffGlitch #a855f7(紫クラック)重厚・シングルアイ
Neon PhantomNeon #ff3399Data #00e5ff(スキャンライン)細身・二刀流
Core CorruptorGlitch #a855f7Neon #ff3399(ピンクハロー)巨大・浮遊コア

関連資料