【NeosVR】カレンダーシステムを作ったお話 その1


初めに

この記事は「NeosVR #1 Advent Calendar 2021」の9日目です!
昨日は、銀鮭(@sirojake)さんの「初心者案内に最適?NeosVRワールド紹介」でしたω
NeosVRでの活動を発信していますので、Twitterフォローしてもらえると嬉しいですω
https://twitter.com/TewiEwi_no96


NeosVRの毎日の定期イベントに早朝の『NeosVRラジオ体操部』と夕方の『NeosVR健康体操』があります。
来た人に喜んでもらえるよう、写真付きで来た日が分かるカレンダーを作りましたので、解説をしていきますω
NeosVRでのモノづくりの参考になればな~って思います。

この記事は二部構成で、第一部ではカレンダー機能、第二部ではAPI周りを解説します。

必要知識

・DevToolTip(https://neosvrjp.memo.wiki/d/DevToolTip)
・LogiX(https://neosvrjp.memo.wiki/d/LogiX)
・UIX(https://neosvrjp.memo.wiki/d/UIX)
・GoogleAppsScriptでAPI作成(https://zenn.dev/ginjake/articles/7aca7599599a72) (※第二部)

カレンダーの機能

・月が替わるとカレンダーが自動更新する
・どの日に出席しかユーザーごとに分かる(※第二部)
・集合写真を自動更新する(※第二部)
・スタンプを押すと外部にUser情報書込(※第二部)
・画像送信ボタンを押す外部に画像情報書込(※第二部)
・ワールド読込か更新ボタンで外部からUser情報と画像情報を読込、反映。(※第二部)

インベントリー構成

基本的に名前はコンポーネント名になります。

Calender
┣Visual(EmptyObject)
┃┗Canvas
┃ ┣Image
┃ ┃┗VerticalLayout
┃ ┃ ┣Image
┃ ┃ ┃┗HorizontalLayout
┃ ┃ ┃ ┣Text-Month
┃ ┃ ┃ ┗Text-Year
┃ ┃ ┗Image
┃ ┃  ┗VerticalLayout
┃ ┃   ┣HorizontalLayout(曜日)
┃ ┃   ┃┣Image
┃ ┃   ┃┃┗Text(SUN)
┃ ┃   ┃…
┃ ┃   ┃┗Image
┃ ┃   ┃ ┗Text(SAT)
┃ ┃   ┣HorizontalLayout(第一週)
┃ ┃   ┃┣Image
┃ ┃   ┃┃┗Text(日数)
┃ ┃   ┃┃ ┗(DayLogiX)
┃ ┃   ……
┃ ┃   ┃┗Image
┃ ┃   ┃ ┗Text(日数)
┃ ┃   ┃  ┗(DayLogiX)
┃ ┃   ┗HorizontalLayout(第六週)
┃ ┃    ┣Image
┃ ┃    ┃┗Text(日数)
┃ ┃    ┃ ┗(DayLogiX)
┃ ┃    …
┃ ┃    ┗Image
┃ ┃     ┗Text(日数)
┃ ┃      ┗(DayLogiX)
┃ ┗Image
┗Data(EmptyObject)
 ┗DataTime
  ┗(DataTimeLogiX)

LogiX

・DataTimeLogiX
以下のようにロジックスを組みDataTimeにパッキングします!
上からYear,Month,Dayのインプットです。

・DayLogiX
以下のようにロジックスを組みText(日数)にパッキングします!
インベントリーの構成からオブジェクトの位置を計算して日付を取得しています。

最後に

読んでくれて、ありがとうございます!
次はe1ght3の「LogiX開発を勉強するための覚書」です!