Misora Ryo

デザインする人 。 WebGL・Three.js・Shader・Blender ／ No one knows where they are going to go. Godspeed BLOG→

[Misora Ryo @MisoraRyo]

I will show you how to create a lyric application that combines Three.js and TextAlive, an API that allows you to manipulate lyrics for Vocaloid songs
Please take a look.

#TextAlive #threejs #webgl
https://t.co/XOdq3owC47

[Misora Ryo @MisoraRyo]

Let's lightbake 3D models in Three.js to take quality up a notch. I'll use Blender for lightbake. This is ideal for room models and similar assets.

https://t.co/rKvFdZRzlH
#threejs #webgl #blender

[Misora Ryo @MisoraRyo]

If you're using a lot of images or textures in something like three.js, converting image files to KTX2 can reduce the load on your GPU memory...

https://t.co/XlwTjvAZdj
#webgl #threejs

[Misora Ryo @MisoraRyo]

Using three.js, I was able to display a rich room with only AmbientLight and no shadow settings. If you don't move the light source, this is fine.

#threejs #LightBake

[Misora Ryo @MisoraRyo]

Blender's light baking—I finally got a solid grasp on it, not just a vague understanding. There are quite a few areas that require careful consideration, so it's pretty challenging.

[Misora Ryo @MisoraRyo]

I added outlines and gave it an anime-style look.
#blender

[Misora Ryo @MisoraRyo]

Today I even tried my best to make a video.
#blender

[Misora Ryo @MisoraRyo]

Lighting is seriously important.
#blender

[Misora Ryo @MisoraRyo]

今日はこれ。錯視の技術はデザインの分野では必須の技術だと感じた。よく遭遇する違和感は錯視で解決できる。青本も良かったから、黄本買った。下手なデザイン本よりおすすめしたい。

[Misora Ryo @MisoraRyo]

VRMモデルをblenderでIK付きで、アニメーションを作成するなら、Auto-Rig Pro: Quick Rigが良かった。

VRMAファイルにも書き出しできたので、これで作成するのが良き。Note the settings below.
#VRM #blender #threejs

[Misora Ryo @MisoraRyo]

Three.js VRM model distraction animation.
I plan to adjust the range via parameters and introduce fluctuations linked to emotions.

※Audio 日本語音声合成API「Livetoon TTS」
#theejs #vrm #webgl

[Misora Ryo @MisoraRyo]

Cascadeur memo
A-poseなのでT-poseのモデルにモーション転写は注意。
T-poseの場合は、自分でFBXモデルを読み込んで設定する。
F-keyでアニメーションセットする。R-keyでポイントを赤くロックできる。
緑のシミュレーションしたモデルは、もう一度押すと消せる。
https://t.co/uWHRfumdSU

[Misora Ryo @MisoraRyo]

I tested depth maps in Blender. Next, do a similar test with three.js.

[Yuki Fukami | 日本健幸化計画 @yuukifukafuka]

前回に続き、TOKU ICCAに関するnote第2弾を書きました！📝

今回はズバリ「楽しみ方」編。 普段はクローズドでお見せできないコミュニティの中身（Discordの様子）も、今回は特別に公開しています👀ぜひすきま時間でご覧いただけると嬉しいです！

日本健幸化計画コミュニティ TOKU ICCAの歩き方｜Yuki Fukami @yuukifukafuka https://t.co/WCMmwhVk4Q

[Misora Ryo @MisoraRyo]

飲み友達は、たくさんの方が楽しい。ひとり忘年会が４人に！ AIキャラクターとの未来。The Future with AI Characters.
#kaiwaからはじまるAIの未来 #sora2 #aivideo

[Misora Ryo @MisoraRyo]

AIが最強の師匠ということで…強くなるためにAIキャラとゲーム感覚て戦い、自らを鍛えていく。これこそ未来ぽいなぁ。 AIキャラクターとの未来。 The Future with AI Characters. #kaiwaからはじまるAIの未来 #sora2 #aivideo

[Misora Ryo @MisoraRyo]

農業をテーマに、AIが生産者とともに成長していくストーリー。AIは生産者の「勘」も学習していく… AIキャラクターとの未来。 The Future with AI Characters. #kaiwaからはじまるAIの未来 #sora2 #aivideo

[Misora Ryo @MisoraRyo]

夜空を見上げる何気ない会話で、星座とかの話ができるといいなぁ… AIキャラクターとの未来。 The Future with AI Characters.
#kaiwaからはじまるAIの未来 #sora2 #aivideo

[Misora Ryo @MisoraRyo]

PhotoshopでNano Bananaが使えるのがありがたい。
Beta版なので注意

[Misora Ryo @MisoraRyo]

一緒にリアルでゲームする方が、やっぱりしっくりくるのでこんな未来がいいなぁ… AIキャラクターとの未来。 The Future with AI Characters.
#kaiwaからはじまるAIの未来 #sora2

[Misora Ryo @MisoraRyo]

体調の合わせてお弁当を選んでくれるAIキャラクターちょっとほしい…AIキャラクターとの未来。 The Future with AI Characters.
#kaiwaからはじまるAIの未来 #sora2