【VRChat】プログラミング無しでVRChat内から現実に干渉するギミックを作る

概要

IFTTTのWebhookを使うとVRChatから他のアプリへの連携が簡単にできます。
スマホ通知を例として簡単にやり方を解説します。

IFTTTとは

DiscordやGmail、DropBox等様々なWebサービス同士を連携させることができるサービスです。
その中のWebhookという仕組みを使うことでVRCのワールドからIFTTTの起動を呼び出すことができます。

できることは本当にたくさんあるので調べてみると面白いものが見つかると思います。むしろ多すぎて何をするかのアイディアを出すほうが難しいかも。。
GoogleHomeでPCをリモート起動する
拉致された時のためにLINEのメッセージで「助けて！」をワンタップで送れるウィジェットボタンをIFTTTで作ってみようとした
布団から腕すら出さずに会社を休む [Google Home]

作り方

1. IFTTTでアプレットを作る

IFTTのアカウントを作ってください。

Createから新しいアプレットを追加します

Thisを選んで

Webhooksを選択

「Receive a web request」を選びます。

イベント名を付けます。
イベント名はあとでURLになるのでアルファベットでいい感じにしておくといいと思います。
CreateTriggerをクリック。

次はThen Thatを作ります。

Notificationsを選んで

どれでもいいんですがとりあえずシンプルそうなやつ

通知内容を決めてCreate actionをクリック

アプレットの説明を書いたりして完成です。

2. 動作確認

スマホに通知が来るので、まずは自分のスマホにIFTTTのアプリをインストールしてください。

起動URLを確認します。
右上のアイコンからMy services

Webhooksを選んでSettingsをクリック

URLが表示され、一番後ろの部分が自分のKeyです。

Keyと先ほど設定したイベント名をもとにURLを作ります。{}は要りません。

https://maker.ifttt.com/trigger/{イベント名}/with/key/{自分のKey}

ブラウザのURLに入力してこのような画面が出たら成功です。
スマホにも通知が出ているはずです。

ブラウザの表示が違う場合はURLやアプレットの設定の確認を、表示が同じなのにスマホに通知が来ない場合はスマホの通知設定を確認してみてください。

3. VRChatのギミックを作る

StringDownloaderでもVideoPlayerでもPanoramaでもなんでもいいのでさっきのURLにアクセスします。
例としてStringDownloaderを使ったUdonを置いておきます。
5行なのでプログラミング無しの範囲です。

Webhook.cs

using UdonSharp;
using UnityEngine;
using VRC.SDKBase;
using VRC.Udon;
using VRC.SDK3.StringLoading;

public class Webhook : UdonSharpBehaviour
{
    [SerializeField] private VRCUrl _url;

    public override void Interact()
    {
        VRCStringDownloader.LoadUrl(_url, this.GetComponent<UdonBehaviour>());
    }

}

キューブにくっつけてUrlにさっき作ったものを入力します。

後はトリガーすればスマホに通知が来るはずです！
IFTTTはVRCのホワイトリストに入っていないので、Allow Untrusted URLsにチェックを入れてください。

おわり

「Then This」部分を変えることで、ワールドに人が来たらDiscordに通知が入ったり自分の部屋のライトのスイッチをワールドに置いてみたりできます。
少し前ですがこういったユースケースもありました。

現実とVRをつなげて面白いものを作ってみてください。