![見出し画像](https://assets.st-note.com/production/uploads/images/106896428/rectangle_large_type_2_1809d1959392309ab88061f95d17a3ff.png?width=1200)
3D空間に簡単に写真を飾れるの作ったよ~
おはようの朝
![](https://assets.st-note.com/img/1685437613207-UXIzTIZkjK.png)
あ~さ~だよ~!
今日はあ~さ~の新サービスを公開したから何ができるか紹介するね~
どんな人が使うといい~?
次に当てはまる人にはおすすめだよ!
・いい感じの画像ファイル(イラスト、自慢の写真等)をいっぱいもってる
・人に自分がもってる写真をみてもらいたい
・いままでも、写真共有サイトはあったけれどちょっと飽きている
・サイトと画像を保存する場所は同じにしたくない
・かわいい感じに飾ってみたい
上に当てはまる人はつかってみるといいかもだよ~
だいだいこんな感じのが作れるよ~
https://room.deezein.com/samples1
https://room.deezein.com/thecat2
さっそくやりかたの説明するね~ 1分くらいで読めるよ
写真を飾る方法
Room3Dにアクセスする
(一応、スマートフォンでもできるけど、PCでの作業がおすすめだよ)
![](https://assets.st-note.com/img/1685433350743-85arDnWxId.png?width=1200)
下の金色の椅子を押す
![](https://assets.st-note.com/img/1685433425963-JlLdrnWruc.png?width=1200)
適度で適当なドメインを取得する(早い者勝ちで、一日3つまで~)
Checkボタンを押すと、取得可能かわかる
![](https://assets.st-note.com/img/1685433491390-lu9YH9qt6d.png?width=1200)
入力の例 hajimete1
取得できたら、→を押す、ログイン画面になる
![](https://assets.st-note.com/img/1685433565758-3qBAKHJwfG.png?width=1200)
Google アカウントか、メールアドレスでログインしたら、
ルーム選択をする
いまは、5つのルームから選べるよ(ほかのタイプも作り中だよ~)
![](https://assets.st-note.com/img/1685433661539-VctNPIZ5gj.png?width=1200)
自分の写真に変更したいときは、
nameとimgSrcのカラムがついたcsvファイルから読み込めるよ
csvファイルの作り方は↓の方で説明しているよ~
nameは変更する必要がなくて、imgSrcを
参考の画像URLから→自分の画像ファイルの公開URLに変更するよ
(公開URLの取得方法もこの記事の↓のほうで説明しているよ)
![](https://assets.st-note.com/img/1685433823253-fGbLgbFpfm.png?width=1200)
実際に変更してみた例
シェアするとき
![](https://assets.st-note.com/img/1685434050437-D9yfSgsY4X.jpg?width=1200)
タイトルをつけたいときは部屋名を変更
アクセス数などを記録したいときはGoogle AnalyticsのGA4タグを変更
全部変更する必要はないけど、シェアしたいときは、
一番上のシェア用のURLからシェア&確認できるよ~
画像の公開URLはどうやって取得するの~?
いくつか似たようなサイトはあるけど、おすすめはこのサイトだよ~
![](https://assets.st-note.com/img/1685434798167-ZFVLyQpl9i.jpg?width=1200)
アクセスしたら、真ん中の方のStart Uploadingのボタンをクリック
![](https://assets.st-note.com/img/1685434827669-cjVfnghsi5.jpg?width=1200)
画像を選択して、UPLOADボタンを押す
![](https://assets.st-note.com/img/1685434847445-p1uJ3ZctDO.png?width=1200)
完了したら、Direrect Linksに変更して、画像の公開URLをゲット
ログインするとまとめて管理もできるよ
CSVファイルを作る方法
いくつかの方法はあるけれど、Google Spread Sheetでの方法を紹介するね~
![](https://assets.st-note.com/img/1685437130896-9WIO89Uaih.jpg?width=1200)
まずはしたのほうにある
Download CSVのボタンから、
参考のcsvファイルをダウンロードしよう
Google Spread Sheetにアクセスしよう
https://docs.google.com/spreadsheets
![](https://assets.st-note.com/img/1685437189157-2MdqFOe1FX.jpg?width=1200)
まずは新しいシートを作成
![](https://assets.st-note.com/img/1685437207213-HY27JwwevK.jpg?width=1200)
左上のファイルタブを押して、インポートのボタンを押す
![](https://assets.st-note.com/img/1685437244234-N9LTbxok6m.jpg?width=1200)
アプロードのタブを押して、さっきダウンロードした、
参考のCSVファイルを指定しよう
![](https://assets.st-note.com/img/1685437284248-SvXq6dT2iA.jpg?width=1200)
データをインポートを押す
![](https://assets.st-note.com/img/1685437326093-QHti1yMJb9.jpg?width=1200)
ゲットした画像の公開URLを指定しよう
好きな写真のURLに入れ替えてね
![](https://assets.st-note.com/img/1685437365932-bSEs72St1q.jpg?width=1200)
公開画像URLの指定が済んだら、左上のファイルから
ダウンロードボタンを押して、csv形式を選択しよう
![](https://assets.st-note.com/img/1685437414227-7T1jztliYW.jpg?width=1200)
最後に、ダウンロードした、csvファイルをドラッグ&ドロップか、選択して、アップロードすると自分が指定した画像に入れ替わるはずだよ~
画像URLを指定しない部分は消えるようになっていて、
avatarは透過pngで指定できるようになっているよ
作品紹介、これまであ~さ~が作ったの
2023年3月のVRChatの記録
![](https://assets.st-note.com/img/1685438160760-i26nDGbzEi.png?width=1200)
https://room.deezein.com/smcat0306
スマイリーキャットと2ショット
![](https://assets.st-note.com/img/1685438220347-CXJJCF4gEq.png?width=1200)
https://room.deezein.com/thecat2
みんなもいい写真あったら飾ってみてね~
The End
![](https://assets.st-note.com/img/1685438740859-yslWXUtj5I.png)
なにか、バグがあったり、こんな部屋がほしい、この機能がほしい、
これはできるの~?
があったら、あ~さ~のDiscordまできてね~
この記事が参加している募集
この記事が気に入ったらサポートをしてみませんか?