本文へ移動
ゆっくりランキング
メニュー
ホーム

ランキング

チャンネルランキング動画ランキング急上昇チャンネル

チャンネル・動画を探す

投稿開始動画投稿順

活動者を応援する

グッズ・イベント

動画を作る

YMM4 の使い方AquesTalk の利用条件重要素材サイトYMM4 プラグイン
ランキング登録
YMM4の使い方›やりたいことから探す›映像エフェクト

HLSLで画像の赤と青の成分を入れ替える

コードを直接入れる方法と、自作のHLSLファイルを読む方法を比べます。

画面:YMM4 v4.56.1.1(通常版)。画像は押すと原寸で開きます。

始める前に
  • 効果をかける画像アイテム。この見本は自作の色付き格子を使います。

コードを直接入力する

  1. 1映像エフェクトの一覧を開く

    使いたいアイテムを選んだ状態で、「映像エフェクト」の + を押します。

  2. 2「HLSLピクセルシェーダーコード」を探す

    検索欄に HLSLピクセルシェーダーコード と入力します。

  3. 3「HLSLピクセルシェーダーコード」を追加する

    候補の HLSLピクセルシェーダーコード を選びます。

  4. 4ソースコードを入れる

    ソースコード の内容を、下の見本へ置き換えます。元の色を読むコードの最後を return color.bgra; にした、自作の見本です。

    Texture2D InputTexture : register(t0);
    SamplerState InputSampler : register(s0);
    cbuffer constants : register(b0)
    {
    	float time: packoffset(c0.x);
    	float duration: packoffset(c0.y);
    
    	float value0 : packoffset(c0.z);
    	float value1 : packoffset(c0.w);
    	float value2 : packoffset(c1.x);
    	float value3 : packoffset(c1.y);
    
    	float left : packoffset(c1.z);
    	float top : packoffset(c1.w);
    	float right : packoffset(c2.x);
    	float bottom : packoffset(c2.y);
    }; 
    
    float4 main(float4 pos : SV_POSITION, float4 posScene : SCENE_POSITION, float4 uv : TEXCOORD0) : SV_Target
    {
    	float4 color = InputTexture.Sample(InputSampler, uv.xy);
    	return color.bgra;
    };
    HLSLピクセルシェーダーコードの設定。ソースコードの最後のreturn color.bgraを赤枠で示している
    元画像とHLSLコード適用後の左右比較。右は色の配置と折れ線の形を保ち、赤と青の成分が交換されている
    左:元の画像/右:コード適用後。赤と青の成分を交換しています。

同じコードをファイルから読む

コード版とは別の確認用アイテムを使います。両方の効果を重ねず、同じ元画像から比べます。

  1. 5映像エフェクトの一覧を開く

    使いたいアイテムを選んだ状態で、「映像エフェクト」の + を押します。

  2. 6「HLSLピクセルシェーダーファイル」を探す

    検索欄に HLSLピクセルシェーダーファイル と入力します。

  3. 7「HLSLピクセルシェーダーファイル」を追加する

    候補の HLSLピクセルシェーダーファイル を選びます。

  4. 8自作のHLSLファイルを用意する

    上のコードを .hlsl ファイルとして保存します。このページで使った自作の見本ファイルも下から開けます。

    • 自作の赤青交換シェーダー(.hlsl)
  5. 9ファイルを選ぶ窓を開く

    ソースコード の右端にあるフォルダーのボタンを押します。

  6. 10ソースコードのファイルを選ぶ

    用意したHLSLファイルを選びます。コード版と同じ色の変化が出ました。

    HLSLピクセルシェーダーファイルの設定。ソースコード欄に自作の色交換HLSLファイルが選ばれ、右端にフォルダーのボタンがある
    元画像とHLSLファイル適用後の左右比較。右はコード版と同じ赤青成分の交換が起きている
    左:元の画像/右:同じシェーダーをファイルから読み込んだ結果

できたか確かめるコード版とファイル版で、同じ赤青成分の交換が出ることを確かめます。

前へシャッフルテキストで数字を次々に切り替える次へ低音・高音・中域を残す(音声フィルター)

当サイトからのお知らせ

素材サイト

よく使われている配布元

  • OpenTracks(旧DOVA-SYNDROME)opentracks.comBGM
  • 効果音ラボsoundeffect-lab.info効果音
  • ニコニ・コモンズcommons.nicovideo.jpイラスト・画像
素材サイト一覧へ

当サイトからのお知らせ

YMM4 プラグイン

新着プラグイン

  • YMM4-MetaballSpectrumroutersys公開 2026-10-14
  • テキスト整列プラグインあねもね公開 2026-10-14
  • 色ずれ(スペクトラム)routersys公開 2026-10-13
  • 波動光学routersys公開 2026-10-12
  • YMM4 エフェクト内エフェクトプラグインゆっくりなぢ公開 2026-10-11
  • UTAU for YMM4routersys公開 2026-10-08
プラグイン一覧へ紹介は運営が選んでいます。広告ではありません。

当サイトからのお知らせ

グッズ・イベント情報

新着グッズ

  • イラスト集『さかつきコレクション2026』(さかつきラボ・特典クリアファイル付き)さかつき販売中公開・告知 2026-10-14
  • 同人誌『ゆくもぐ食堂のラクうまお料理手帳』(ゆくもぐ食堂)イサラ販売中発売 2026-10-12
  • フルカラーイラスト集『EXsister's』DL版さもふらわー販売中公開・告知 2026-10-11
  • 同人誌『幻想剣客興亡史(上)』(片野シュウ・奥七郡観光協会)片野シュウ販売中公開・告知 2026-10-06
  • 同人誌『山田桜式東方立ち絵集』(山田工房・メロンブックス)ぜんこぱす販売中公開・告知 2026-10-04
  • 未塗装3Dプリントフィギュア(1体・3体セット)ぽこにゃん注文受付中公開・告知 2026-10-02

イベント

  • めめ村5周年 POP UP STORE / 名古屋セントラルパークめめ村開催予定開催 2026-10-31~2026-11-08
  • 日常祭 ~やっぱ、2026~(日常組ライブ・トラゾー出演)トラゾー開催予定開催 2026-11-15
  • 『今日の肉を獲りに行く』刊行記念イベント 大阪でも「お腹が、空いたなぁ... 」(梅田Lateral)ゆっくり獲って食うだけ。開催予定開催 2026-12-01
グッズ・イベント一覧へ紹介は運営が選んでいます。広告ではありません。

当サイトからのお知らせ

グッズ・イベント情報

新着グッズ

  • イラスト集『さかつきコレクション2026』(さかつきラボ・特典クリアファイル付き)さかつき販売中公開・告知 2026-10-14
  • 同人誌『ゆくもぐ食堂のラクうまお料理手帳』(ゆくもぐ食堂)イサラ販売中発売 2026-10-12
  • フルカラーイラスト集『EXsister's』DL版さもふらわー販売中公開・告知 2026-10-11
  • 同人誌『幻想剣客興亡史(上)』(片野シュウ・奥七郡観光協会)片野シュウ販売中公開・告知 2026-10-06
  • 同人誌『山田桜式東方立ち絵集』(山田工房・メロンブックス)ぜんこぱす販売中公開・告知 2026-10-04
  • 未塗装3Dプリントフィギュア(1体・3体セット)ぽこにゃん注文受付中公開・告知 2026-10-02

イベント

  • めめ村5周年 POP UP STORE / 名古屋セントラルパークめめ村開催予定開催 2026-10-31~2026-11-08
  • 日常祭 ~やっぱ、2026~(日常組ライブ・トラゾー出演)トラゾー開催予定開催 2026-11-15
  • 『今日の肉を獲りに行く』刊行記念イベント 大阪でも「お腹が、空いたなぁ... 」(梅田Lateral)ゆっくり獲って食うだけ。開催予定開催 2026-12-01
グッズ・イベント一覧へ紹介は運営が選んでいます。広告ではありません。

当サイトからのお知らせ

素材サイト

よく使われている配布元

  • OpenTracks(旧DOVA-SYNDROME)opentracks.comBGM
  • 効果音ラボsoundeffect-lab.info効果音
  • ニコニ・コモンズcommons.nicovideo.jpイラスト・画像
素材サイト一覧へ

当サイトからのお知らせ

YMM4 プラグイン

新着プラグイン

  • YMM4-MetaballSpectrumroutersys公開 2026-10-14
  • テキスト整列プラグインあねもね公開 2026-10-14
  • 色ずれ(スペクトラム)routersys公開 2026-10-13
  • 波動光学routersys公開 2026-10-12
  • YMM4 エフェクト内エフェクトプラグインゆっくりなぢ公開 2026-10-11
  • UTAU for YMM4routersys公開 2026-10-08
プラグイン一覧へ紹介は運営が選んでいます。広告ではありません。
集計方法・データ出典プライバシーポリシー利用規約お問い合わせ