ドクダミ備忘録

道端のドクダミ

ドクダミの日記

【C0de*pixivハッカソン】おえかきBlendShape

はじめに

時は2023年冬、幣学のプログラミングサークルC0deとpixivが主催するハッカソンにnitmicチーム2*1として参加させていただきました。 とても良いイベントでした。開催してくださった方々ありがとうございました。

inside.pixiv.blog

つくったもの

お題は「おえかき」とのことだったのと、pixivさんが協賛とのことでしたので、vrmモデルの表情にお絵描きができるアプリケーションを作ってみました。

vrmモデルにはモデルデータと共に表情データ*2が設定されています。 そのうち、現在もっともサポートされている*3Joy・Angry・Sorrow・Fun・Surprisedの5つの表情に対して、プリクラのようにお絵描きをして編集することができます。 喜怒哀楽の表現をカスタマイズできて楽しいかなーと思って作りました。

vrmのエクスポートが当日までにうまくいけなかったのが反省点です(´・ω・｀) ローカルアプリでしか作れていないので、WebGL形式でビルドして公開したいです。

pixivの社員さんや他の参加者の方にも温かいお言葉をいただきました。 vrmアプリケーションが盛り上がると良いですね。

おわりに

入学当初から憧れていた名工大ハッカソン*4に、自分も参加することができて感無量です。 個人的に、こういったイベント(ハッカソン/LT)を開催してくれる方は、とてもえらいと思っています。 ただ、学生コミュニティだと世代によってモチベが変わってくるので継続しずらいのも現実です。 だからこそ、このような機会を応援し大切にしていきたいものですね。

*1:老害

*2:vrm0.0系統ではBlendShape、vrm1.0系統ではExpression

*3:https://creator.cluster.mu/2021/10/22/vrmface/

*4:https://twitter.com/ca_tec_des/status/774958297069649920?s=20&t=tqeAofiqQYpgAHX9f94Kpw

NITMic温故知新

 NITMicについてエゴサしてたら感情が抑えられなくなって書いた記事です。
古の情報を不本意に掘り出されて気分を害したOB,OGの方がもしいらっしゃったら申し訳ございませんでした。

<背景>
covid-19が流行した2020に入部した１年生が、
NITMicに入ったはいいけど、なんも知らないなぁと思って調べた

www.weblio.jp

f:id:dokudamichang:20201214041206p:plain

少女終末旅行12話、チトとユーリが過去の世界を目にするシーン
dokudamiがエゴサしてる時に感じた感動がこんなかんじ
名アニメなので見てください

かっこいい....かわいい.....
この頃から部会は水曜の昼だったのか......

部室....なのか....?
中央にVRゴーグルをかぶった方がいる......

コミケってどうやって参加するんだ.....
ビッグサイトまで行っていたのかな....?

mascot-apps-contest.azurewebsites.net

VRゲームも制作していたらしい.....
この製作者のなかじさんはxR界隈ではかなり有名な方です......すごい.....

 

nitechpress.hatenadiary.org

2015年工大祭のレポートブログ
NITMicブースのレポートもある。VRゲームやってる....

 

名工大ハッカソンなんてあったんだ......

 

www.suruga-ya.jp

同人ゲームも作ってたんですかね.....?

https://nitmic.tumblr.com/post/173474362271/%E5%85%A5%E9%83%A8%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%E6%96%B0%E5%85%A5%E9%83%A8%E5%93%A1%E5%90%91%E3%81%91

nitmic.tumblr.com

部のブログ的なやつもあったらしい,,,,,
プログラマ向け入部試験なんてあったのか......(戦慄)

profile.ameba.jp

tumblrがつかえなくなってabemablogに移行した模様
これって去年....?

http://www.itolab.me/personal_hp/suzuki.hisatsugu/hobby.html

github漁っていたら2014年のホームページのソースコードを見つけた。
とても見やすい.....なんでこのまま引き継いでいないのか素直な疑問......

github.com

 

adventar.org

アドベントカレンダーもやっていた時があったらしい

mahou-ptr.hatenablog.com

さいごに

今回NITMicでもやってみることになった「アドベントカレンダー」ですが、個人的な年末の楽しみになっていたりもします。
某専門学校もQiitaでOB,OGも含めたアドベントカレンダーをやっているので、いいなぁと思い老害でありながら勝手に作っちゃいました！
時期的には工大祭後早々でもあり、中間試験も忙しい時期でしょうが皆で技術の共有とかができるいい機会なので来年以降も続いていったらいいなぁと思ってたりします！

........(´・ω・`)......来年はアドカレやってみますか.....!!!??

siguma-sig.hatenablog.com

まとめ

文字ばっかりな上に長くなってしまいましたが、こんな感じです。
僕は今のところ人生で一番楽しかったのが、この部活動で過ごした3年間なので、是非おすすめしたいです。

後輩たちは、このまま良い伝統を続けつつ、さらに良くする何かを企画していってくれればなと思います。

 

.........！！！！

UnityでOculusQuestアプリをビルドする。

gyazo.com

 

 

Oculus Quest の自作アプリを作ってみたかった。
ので、そもそもビルドができるのか試してみた。

 

framesynthesis.jp

 

 この記事に書いてある通りにやった。
それだけといえば、それだけ。(逆に言えば、その通りにやればできる)

 1.Oculus Questの開発者モードをオンにする。

これをしないとPCとOculus Questをつないでファイル送ったりできない。

スマホのアプリから
設定 > 自分のOculus Questのとこをクリック > その他の設定 > 開発者モード

 

2.Unity , Unity Hubをダウンロードする。

がんばってダウンロードする。

バージョンは 2018.4 以降ならokらしいので、

現段階推奨バージョンの2019.4.16f1を適当に選んだ。

 モジュール追加で Android SDK & NDK Tools と OpenJDK  も一緒にダウンロードすることに注意。(参考にしたブログに画像があるのでそれで確認)

Androidアプリをビルドするときに必要なものってことなのかな。

 

3.Unityプロジェクトを作成。

適当に名前決めて、プロジェクトを作成。

 

4.いろいろ設定する。

参考にしたブログに載っている設定をした。
Build Settings , Player Settings , Minimum API Level  あたり

設定を変えるたびに、ロードでちょっと時間がかかる。

5.Oculus Integrationをアセットストアからインポートする。

Oculus Quest アプリを作るためのいろいろなものがそろったアセット

 

6.パッケージをインストール

XR Plugin Management パッケージと Oculus XR Plugin パッケージをインストールする

VRアプリを作るときに必要なプラグインと、Oculusアプリを作るときに必要なプラグインってイメージ？

f:id:dokudamichang:20201209150546p:plain

Oculus XR Plugin

f:id:dokudamichang:20201209150457p:plain

XR Plugin Management

8.Unityで簡単なプロジェクトを作る。

床を作る。（planeとかで）

Assets > Oculus > VR > Prefabs > OVRPlayerController をシーンにドラッグ＆ドロップ

メインカメラを削除。

あとは適当に好きなオブジェクト置いたり....(箱とか球とか)

 

9.ビルドする。

File > BuildSetting > Add Open Scene で今つくったシーンを選択。

Build ボタンを押してビルド。

そうすると、~~~.apkというファイルが作成される。これが自作アプリ。

 

10.作った自作アプリをOculus Questにもっていく。

USB挿してファイルをぽいってするみたいにはできないらしい。

下の記事を参考にした。

vracademy.jp

SideQuestを使えば、非公式のアプリも遊べるよ。みたいな？

ADBドライバーをダウンロードする方法がちょっとわかりにくいかも。
上の記事を落ち着いて読めばいける。

SideQuestを使ってさっき作った.apkファイルをOculus Questへ送る。

(追記)

公式でOculus Developer Hubという開発用ツールが提供されており、それを使って.apkファイルを送れるようです。こちらのほうが公式のものなので使いやすいかも？ありがとう公式！

 

bibinbaleo.hatenablog.com

 

11.Oculus Questで起動する。終了！！！

自作アプリは提供元不明という分類がされている。

下の動画を参考にさっき入れた.apkを探してクリックすれば起動する。

youtu.be

 これで自作アプリが開けば成功です。お疲れ様でした。

 

以上が自分がやった手順です。

Oculus Quest , PC(ノートでも一応できた) , スマホ , 気合 があれば誰でもできるので、Oculus Questを持ってる方は、せっかくなら試してみてください。

 

さらにその先へ

ものを持たせたり、

youtu.be

Vtuberをやってみたり、

youtu.be

 調べるといろいろあるので、やってみてください。