トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

コメント・チャットUI

XR Cloud

左上にある。×を押したらチャットマーク

hubs

チャット専用画面に行く

XR World

右下のペンマークから

入力欄がでて、入力したら吹き出し

左上のコメントマークからコメントリストが見れる

Spatial

右上のコメントマークを押すと

コメントモードになる

左上の×を押すまでコメントモード

Cluster

左上の×の部分がコメントマークになっていて、押すと出てくる

スクショだとまともだけど、実機だとノッチに隠れて打ってる文字の最初が見えない

ーー昔ーー

スマホとPCで違う

f:id:bibinbaleo:20210118130802p:plain

スマホはここを押したらスマホのキーボードが出て、キーボードの改行などを押したら送られる。アプリ側のこのInputFieldには文字は表示されないしボタンも使わないので飾り。

f:id:bibinbaleo:20210118130800p:plain

メタパ

吹き出しででる

左下にストックされるっぽい

zepeto

吹き出しで出る

チャット欄のhiってやつを押すとテンプレートが出る

左上のコメントマークを押したらストックされたものが見える



TGCVR

月面劇場

VirtualCinema

左上のコメントマークを押したら

入力欄が出てくる

Slack

f:id:bibinbaleo:20210118130619p:plain

入力したら右下のSendマークがアクティブになる

f:id:bibinbaleo:20210118130622p:plain

Slack通話だとこんな感じ

f:id:bibinbaleo:20210118130919p:plain

zoom

Enterを押したら入力される

f:id:bibinbaleo:20210118131034p:plain

f:id:bibinbaleo:20210118132934p:plain

Teams

f:id:bibinbaleo:20210118142413p:plain

GoogleMeet

Sendマークがある

f:id:bibinbaleo:20210118131545p:plain

入力したらSendマークがアクティブになる

f:id:bibinbaleo:20210118131548p:plain

ちなみにチャットを表示するUIはこんな感じ

f:id:bibinbaleo:20210118131542p:plain

 

Hubs

ーーー

UIが新しくなった

f:id:bibinbaleo:20210125154748p:plain

チャットと参加者とオブジェクト一覧は同じウィンドウを切り替えて表示する感じ

f:id:bibinbaleo:20210125154822p:plain

f:id:bibinbaleo:20210125154737p:plain

ーーー

sendマークある。Enterでも押せる

f:id:bibinbaleo:20210118134106p:plain

コメントは出ては消える。

f:id:bibinbaleo:20210118131209p:plain

複数行も対応している

f:id:bibinbaleo:20210118131241p:plain

スマホも同じようなUI

f:id:bibinbaleo:20210118134512p:plain

f:id:bibinbaleo:20210118131223p:plain

スマホは改行を押したらsendになってしまうので複数行は無理そう~

アイコン

sendアイコンはマテリアルデザインにある。紙ヒコーキなの面白いよね~今日気づいた

f:id:bibinbaleo:20210118135527p:plain

https://material.io/resources/icons/?search=send&icon=send&style=twotone

コメントマークはここ

f:id:bibinbaleo:20210118135847p:plain

https://material.io/resources/icons/?search=commen&icon=send&style=baseline

 

ちなみにはてなブログのコメント

f:id:bibinbaleo:20210118142701p:plain

 

bibinbaleo.hatenablog.com