VisuColl — 映像・UI・エフェクトのリファレンス

Rive - Marketplace

アニメーション

Niels Dewitte

エフェクト素材

VFX / エフェクト

会心の一撃はなぜ気持ちよいのか

要点 演出とは「同じ事実をどう見せるか」であり、単に敵が現れる場合でも、宝箱に近づいたら人食い箱だったという見せ方にすれば、同じ戦闘発生でも体験の印象を豊かにできると説明します。 会心の一撃が心地よいのは、通常はダメージが通りにくい敵にも大ダメージを与えられるなど、普段との落差が大きく、強い成功体験になるためです。快感は映像やSE以前に、ゲームのルール設計から生まれるとも指摘されています。

UI 演出・VFX / エフェクト・モデリング

ゲームにそもそも物語や設定は必要か。制作サイドから見る物語の役割と，ロジカルな初心者向け制作手法

物語の役割 人は出来事を時系列につなぎ、次に何が起きるかを予測しながら体験を物語として捉えます。ゲームでも「予想どおり」と「予想外」を組み合わせることが重要で、意外性は、先にルールや期待を積み重ねてこそ機能します。 例えば、敵を踏めば倒せることを学習させた後、背中にトゲのある敵を出すと、プレイヤーは「これは踏めないかもしれない」と予測できます。物語はゲームプレイとは別の軸からも期待や驚きを作り、体験に複雑さを与えます。 なぜ設定が必要か 講演ではウェイソン選択課題を例に、抽象的なルールよりも日常的な文脈が付いたほうが、人は論理を正しく理解しやすいと説明します。ゲームは本質的には数値やリソースのやり取りですが、絵・キャラクター・世界設定で身近な意味に変換することで、プレイヤーはシステムを自然に把握できます。 特にSRPGでは、物語は「なぜ戦うのか」を示す役割を持ちます。ただ命令するのではなく、プレイヤー自身が戦いたいと思える状況や背景を作ることが大切で、これは命令への反発である心理的リアクタンスを避けることにもつながります。 作り方の骨格 主人公に「大きな目的」と「個人的な動機」を持たせる。たとえば魔王討伐という目的に加え、「自分自身を見てほしい」といった内面的な願いを置く。 導入では日常を壊し、主人公とプレイヤーが行動を始める必然を作る。故郷への襲撃、記憶喪失、異世界転生などは、状況理解と動機付けを同時に行いやすい型です。 中盤では、難度の上昇を敵の策略や主人公の失敗などの物語で支え、能力喪失や仲間の離脱のようにシステム面にも影響する展開で予想を裏切る。 終盤で前提を覆す場合も、プレイヤーがそれまで行ってきた行動を無意味にしない配慮が必要です。ラスボス前には不確定要素を残し、結末が見え切って緊張感が失われるのを防ぐ考え方も示されます。 初心者への実践案 物語を最初から複雑に作り込む必要はなく、既存のゲームルールに納得できる設定を与えるだけでも、体験は大きく変わります。例として、人狼ゲームの役職や出来事を「研究者と査読・リジェクト」に置き換えるだけで、ルールを変えずに独自の面白さを生めると紹介されています。 ゲームジャム作品の例では、数字パズルにキャラクターの話し方や関係性を与え、あえて情報を欠けさせることで、プレイヤー自身に背景や人格を想像させています。また、泡で潜水艦を守るゲームでは、「修理が完了するまで防衛する」「泡には酸素を消費する」という設定を置くことで、ゲームの時間制限やリソース消費に意味と緊張感を与えています。 記事の実践的な結論は、まず叩き台を作ることです。設定や物語は、ゲームのメインアクション、プレイヤーの目的、予測させたいこと、乗り越えさせたい障害に結び付けて組み立てると、少ない要素でも説得力のあるゲーム体験になりやすい、という内容です。

編集 / 構成

VFExtra

VFX / エフェクト

「名探偵プリキュア！」エンディング主題歌「なぜ？謎？！ANSWER」(ノンテロップver)

ライブ / ステージ演出・Live2D / 2D リグ

Game UI Database

UI デザイン

【初音ミク】グリーンライツ・セレナーデ / Greenlights Serenade【オリジナルMV】

モーショングラフィックス

Interface In Game | Collection of video games UI | Screenshots and videos

UI デザイン

【スタレ】銀狼LV.999のガチャ演出！【Ver.3.2】

VFX / エフェクト・カメラワーク / 構図

【MV】Lucky☆Orb feat. Hatsune Miku by emon(Tes.) / ラッキー☆オーブ feat. 初音ミク by emon(Tes.) 【MIKU EXPO 5th】

VFX / エフェクト・ライブ / ステージ演出・編集 / 構成

トランジション周期表 | noko.company

モーショングラフィックス

【P3R P4G P5R】ペルソナカットイン集 【ペルソナ3リロード/ペルソナ4ゴールデン/ペルソナ5ロイヤル】

VFX / エフェクト

文字加工

UI デザイン

アメコミ風文字

UI デザイン・タイポグラフィ

自主制作アニメーション『ミルキー☆ハイウェイ』本編

カメラワーク / 構図・編集 / 構成・モデリング

【サービス紹介】高齢者向けお困りごとサポート『よりそいボタン』アニメーション｜株式会社アクタム

モーショングラフィックス

崩壊スターレイル 全キャラ必殺技演出

VFX / エフェクト・カメラワーク / 構図

「名探偵プリキュア！」キュアアルカナ・シャドウ　変身シーン

VFX / エフェクト・ライブ / ステージ演出・カメラワーク / 構図

自主制作SFアニメ『砂塵ノ中デ/Dust of the Simulacrum』トレーラー

VFX / エフェクト・カメラワーク / 構図・アニメーション

【ポケモンSV】全わざエフェクト集

VFX / エフェクト

ゲームUI素材の作り方まとめ【2020/07/01〜】 | はなさくっと

UI デザイン

ゲームUIブログ

UI デザイン

【原神】全キャラ 元素爆発まとめ Ver5.7【Genshin Impact】

エフェクト参考

VFX / エフェクト

Xユーザーのcelestialmazeさん: 「https://t.co/psWElZmDfx」 / X

VFX / エフェクト

Xユーザーのcelestialmazeさん: 「https://t.co/rIQhFQAvEi」 / X

VFX / エフェクト

Xユーザーのdoublecats（commissions open roblox/Unity/UE）さん: 「【unity vfx pack】break space！ HD video：https://t.co/4TdwfVgDHeunity asset purchase link is in the comments #vfx #realtimevfx #gamedev #shader #stylized #IndieGameDev 📷 #VFXFriday #houdini Generate a series of glass models programmatically using houdini https://t.co/oC9VczBv4M」 / X

VFX / エフェクト

Xユーザーの三縁エイト @砂塵ノ中デ/Dust of the Simulacrumさん: 「#blender #3DCGParallax Mappingを使った、髪ハイライト！ https://t.co/wmw7zPH35l」 / X

シェーダー / ルック

Xユーザーの三縁エイト @砂塵ノ中デ/Dust of the Simulacrumさん: 「#blender #3DCG広角レンズでの顔歪み対策！ https://t.co/xYJNnBGU9x」 / X

シェーダー / ルック

XユーザーのEzboy | VGenさん: 「Process vs. Final Result! Spirit flame created in AE#aftereffects https://t.co/Z9L5jsH4Wy」 / X

VFX / エフェクト

Xユーザーのメジアンさん: 「アニメっぽい白黒カットの作り方 https://t.co/Es60K5bgOY」 / X

UI 演出・VFX / エフェクト

Xユーザーのkyphnさん: 「SFX // kyphn port: https://t.co/VFJlerI81I- #RobloxDev #ROBLOX #Robloxvfx #Robloxsfx #RobloxDevs #SFX #RobloxAnimation #RobloxArt #ost https://t.co/PMJtqlmnXx」 / X

VFX / エフェクト

XユーザーのMirza Beigさん: 「🌀 Swirl shader (+graph) for Unity.> Parallax with a single material,and multiple scale/offset quads.#gamedev #realtimevfx https://t.co/8dorkO2M02」 / X

VFX / エフェクト

XユーザーのMirza Beigさん: 「🔍 Wave simulation lens distortion. https://t.co/sxlSU28UEL」 / X

VFX / エフェクト

Xユーザーのnamuさん: 「습작 https://t.co/ar5BOqVY8U」 / X

VFX / エフェクト

XユーザーのNopiAさん: 「【エフェクト素材集「フレアライト」】アニメ風なエフェクト素材を売っています⭐夏休みのお供にいかがでしょうか🎐▼BOOTH:https://t.co/XywM2meYwL https://t.co/JmeMGMk66Y」 / X

VFX / エフェクト

XユーザーのRaming ( ´∀｀ )bさん: 「全身で見るとこんな感じ髪の毛の薄い面の内側に透過することに注目! https://t.co/f808U9pCv2」 / X

シェーダー / ルック

Xユーザーのすぺーすぼーい(SPACE BOY)さん: 「-雨- https://t.co/wCK2xIQ1uu」 / X

モデリング・シェーダー / ルック

XユーザーのTochigi Harukaさん: 「リザルト画面ができてきました😊The Result Screen is coming together!主人公と友達のモーションが入り、流れとしてはこれでFIXです。SEはオリジナル（気持ちいい～）、ボイスとBGMは仮です。UIやカメラなど、もろもろの調整は随時行いま～す！#IndieDev #ScreenshotSaturday https://t.co/wEmE4Y0Zji」 / X

UI 演出

XユーザーのTony Babelさん: 「walk cycle catnip https://t.co/9PtgbrNYLV」 / X

アニメーション・Live2D / 2D リグ

Xユーザーのはなさくの｜ゲームUIデザイナーさん: 「After Effectsで、「カフェメニュー演出」を作ってみました👀動きとしてはシンプルな感じで。📝AfterEffectsデータ配布中！（有料プラグインは使用していません）https://t.co/V6iAhOfRru https://t.co/uaUReVmgos」 / X

UI デザイン・UI 演出

Xユーザーのはなさくの｜ゲームUIデザイナーさん: 「ゲーム「ブイライフ」のUIを制作したのですが、今回はUnityでのアニメーションも一部作成しています。テンポ良く、シンプルで軽めな演出にしました。 https://t.co/XyXwGUaAhI」 / X

UI デザイン・モーショングラフィックス・UI 演出

XユーザーのVFX Therapyさん: 「Amazing breakdown to show how to animate different types of fire. #2dfx #animate https://t.co/w40UxlNBd3」 / X

VFX / エフェクト

XユーザーのVFX Therapyさん: 「Dissolve Shader = Interactive edge glow + world space control. Perfect for enemy deaths or teleport effects! by @techartshahbaz. #Unity #ShaderGraph #TechArt #GameDev" https://t.co/xjPVOSudHC」 / X

VFX / エフェクト

XユーザーのVFX Therapyさん: 「Procedural grid generation via UV snapping + sin waves for fluid animation. Quick breakdown of the Stylized Animated Grid Shader powering the chaotic dino brawls in Studio @Nachtwerk's Dino Party! #gamedev #shader #indiegame https://t.co/AOgGxpYFIs」 / X

VFX / エフェクト・シェーダー / ルック

Xユーザーのハクチカ・ミルティナスキー【VRC】さん: 「エクステンションの衣装レンダーキュー負けがちな気がする。常にエロ布を着てる意識を持つべき https://t.co/WAcYngPP5E」 / X

カメラワーク / 構図・モデリング

XユーザーのYnkLさん: 「21話 #コンレボ作画：中村豊さん手前と奥の2色で距離感を生み、少ない線数かつシンプルなベタ塗りでも、アウトラインのフォルムによってキャラを包む空間的なエフェクトに見える。アウトする煙の勢いを1コマの靡きで繋ぎつつ、徐々に収束するタイミングも気持ち良い。エフェクトがキマりすぎてる。 https://t.co/MjoLKAKiOu」 / X

VFX / エフェクト・編集 / 構成

XユーザーのYoung쥬さん: 「하루에 26시간 자기 https://t.co/Fcge6XSNc6」 / X

シェーダー / ルック

Xユーザーのyui540さん: 「ゲームっぽい世界観づくりのCSSアニメーション https://t.co/1HmxLwYROP」 / X

モーショングラフィックス・UI 演出

Xユーザーのyui540さん: 「CSSアニメーションのおもちゃっぽい動き好き https://t.co/E4mqEepPtG」 / X

モーショングラフィックス

Xユーザーのyui540さん: 「触ると楽しいUIのCSSアニメーション https://t.co/3Vd5Br6Rib」 / X

モーショングラフィックス・UI 演出