Translations: English
テキストデータ
ユーザーに関連付けられたテキストデータです。
このデータを使用することで、ニックネーム表示やテキストチャットの実装が可能になります。
ユーザーごとにテキストデータの上限は50KBとなります。
const res = await VerseThree.start(...);
const { player } = res;
setupTextForm(player, adapter);
...
function setupTextForm(
player, // verse-three#Player
adapter // verse-three#EnvAdapter
) {
const textOut = document.querySelector("#text-out");
document.querySelector("input[name='nickname']").value =
localStorage.nickname || "";
const outputMessage = (data) => {
const nickname = data.nickname.trim();
const message = data.message.trim();
if (nickname !== "" && message !== "") {
textOut.value += `${nickname}: ${message}\n`;
}
};
document.querySelector("#text-form").addEventListener("submit", (e) => {
e.preventDefault();
const data = Object.fromEntries(new FormData(e.target).entries());
localStorage.nickname = data.nickname;
// textDataをセット
player.setTextData(JSON.stringify({ textMessage: data }));
outputMessage(data);
});
// 他者のtextDataの変更を受信する
adapter.addTextDataChangedListener((
otherPerson, // verse-three#OtherPerson
textData // string
) => {
const data = JSON.parse(textData)?.textMessage;
outputMessage(data);
});
}