threejsとshader53日目 1. Teleporter Move cameras to designated position(x, z) 2. Yaw Controller look around 3. Pitch Slider look up/down #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #figma #uiuxdesign pic.twitter.com/l6wKzRQTNN

threejsとshader52日目 Progress 1. Teleporter Move cameras to designated position(x, z) 2. Pitch Slider look up/down 3. Yaw Controller look around #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #figma #uiuxdesign pic.twitter.com/ryGhgfJHSh

threejsとshader51日目 Teleporter Move a camera to designated position(x, z) #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #figma #uiuxdesign pic.twitter.com/WG3DyA2fWs

拡張エディタで StandardシェーダーをMToonにする拡張エディタもできた(/・ω・)/ #拡張エディタ #Unity #VRM #MToon #shader #シェーダー pic.twitter.com/4lQDvYQsPP

threejsとshader50日目 planning UI 1. Teleporter Move cameras to designated position(x, z) 2. Pitch Slider look up/down 3. Yaw Controller look around #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #figma #uiuxdesign pic.twitter.com/xhvv0Qg06E

ローディング画面とかで使えそうな ”万華鏡” 表現 #Unity #ゲーム制作 #Shader …だけど、普通に酔いそう pic.twitter.com/Y9nOWKkw7r

threejsとshader49日目 shaderの練習 The Book of Shaders: Patterns thebookofshaders.com/09/ #threejs #shader #ウェブデザイン #webgl #bookOfShader #reactjs #r3f #generative practice06-08 codepen.io/BUX-Web_Design… via @CodePen pic.twitter.com/9vVUzamDBX

昨日アップした波の表現だけど、色は適当に思いつきでノイズをもとに色を3つ合成しているだけなのだけど、なんとなくシャボン玉風のきれいな見た目になったのうれしい。 #Unity #madewithunity #Shader pic.twitter.com/rQ3rxLNzTI

threejsとshader48日目 shaderの練習 The Book of Shaders: Patterns thebookofshaders.com/09/ #threejs #shader #ウェブデザイン #webgl #bookOfShader #reactjs #r3f #generative pic.twitter.com/T5GbDhi6OP

030 Infinite Scroooooll 👀 無限スクロールとWebglを組み合わせて作成しました。 今回のglslのエフェクトはいろいろと試して表現できたもので、結構お気に入り。 初回アニメーションができた時は声出た！ #threejs #webgl #glsl #shader pic.twitter.com/OZ4zkOKjlv

threejsとshader46日目 box ??? #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/e81rPjaXPu

球体の接触点から波紋を出すエフェクトを作ってみた。わりといい感じになった。ほぼシェーダーのお仕事ｗ #Unity #madewithunity #Shader pic.twitter.com/6y1EZ3XsdG

threejsとshader45日目 Box 1 #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/PdasrMDAn2

threejsとshader44日目 昨日の続き ring2 codepen.io/BUX-Web_Design… via @CodePen #threejs #shader #ウェブデザイン #webgl #bookOfShader #reactjs #r3f #generative pic.twitter.com/9tNL9LUSkE

threejsとshader43日目 Making mistake led me to this function that generate s circular TV fuzz-ish effect by chance. rings codepen.io/BUX-Web_Design… via @CodePen #threejs #shader #ウェブデザイン #webgl #bookOfShader #reactjs #r3f #generative pic.twitter.com/3OYsnV3YAR

threejsとshader42日目 shaderの練習　目を作りたい step2 Adding an Iris codepen.io/BUX-Web_Design…… via @CodePen #threejs #shader #ウェブデザイン #webgl #bookOfShader #reactjs #r3f #generative pic.twitter.com/J6Qu5EaGtE

threejsとshader41日目 shaderの練習　目を作りたい step1 mouse tracking Eyeball codepen.io/BUX-Web_Design… via @CodePen #threejs #shader #ウェブデザイン #webgl #bookOfShader #reactjs #r3f #generative pic.twitter.com/6aGaOZxee4

029 いろいろWebGL お久しぶりのwebgl scroll時、modal表示時にwebglでエフェクトを掛けた 後々これを非同期遷移させたいなぁ〜 モーダルのデザインは雑。。。 #threejs #webgl #glsl #shader pic.twitter.com/VKOOnZRmSh

threejsとshader40日目 Early-stage exploration 2 looks like kids are playing #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/pEJ44r0jKC

threejsとshader39日目 Early-stage exploration #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/hM6L2NiwJ0

threejsとshader39日目 Early-stage exploration #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/fxEgVCed8a

threejsとshader38日目 37日目の続き sinus wave geometry #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/ghIEl5Iqj6

記事を書きました。 【Unity / URP14】ビルドログから理解するシェーダーストリッピング【シェーダーバリアント】｜かもそば zenn.dev/r_ngtm/article… #zenn #unity #shader

思ったよりも反響があったのと、Twitter無課金だと文字数制限があるため、学マスの眉毛シェーダーの再現について記事を書きました！ #Unity #UnityURP #shader gam0022.net/blog/2024/05/2…

threejsとshader37日目 Early-stage exploration #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/uGdqLNOCdN

本日はunityのshaderを勉強しました！ shaderで作成したテクスチャーを三つ以上使用して「惑星」を作成してもらいました。 #unity #shader pic.twitter.com/pKlEsS7pK9

threejsとshader36日目 heartbeat-ish scale + matrix transformation rotateX = [ [1, 0, 0,], [0, cos(theta), -sin(theta)], [0, sin(theta), cos(theta)] ] rotateX • position = rotatedPosition #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f… pic.twitter.com/dalltpZgzo

threejsとshader35日目 breathing noise2d in 3d #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/moN4kKHXlY

threejsとshader34日目 ややハートビート sin(time) + 0.3 * sin(time * 3) = heartbeatish scale practice05-26 codepen.io/BUX-Web_Design… via @CodePen #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/dZVArQC3HU

最高。影mod #Minecraft #建築 #編集サボるな #影mod #マイクラ #MCmod #shader #シェーダー #MinecraftMod pic.twitter.com/w1vxRgUn1u

Floor Panel Lightを販売開始しました～！ ✨ VRChatで使える踏んだら光りの波紋が広がるShaderで、Quest(Android)も対応！ 簡単に導入できるツールも作ったのでこれでダンスやイベントを盛り上げちゃおう！٩(๑òωó๑)۶✨ #VRChat #shader #booth_pm booth.pm/ja/items/57729…

Eeveeだけで結構人間っぽい透け感できるのね🤔 cyclesだと画像１枚レンダリングで何十時間となって断念したけどEeveeなかなかやりおる🤔 #blender #b3d #肌 #shader pic.twitter.com/Z9kmErG4Dj

threejsとshader33日目 The Book of Shaderでshaderの練習 practice05-24 codepen.io/BUX-Web_Design… via @CodePen #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/moZicWpiMH

threejsとshader32日目 30日目 + 26日目 = 32日目 combined ideas upon day 30 and 32 #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/zVD8DhB2fS

threejsとshader31日目 The Book of Shaderでshaderの練習 shader practice with The Book of Shader practice05-23-2 codepen.io/BUX-Web_Design… via @CodePen #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/h0O1RCCR43

threejsとshader30日目 平面とcanvasを同サイズにして観覧車みたいに rotate screens like a ferris wheel #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/fKyJLe3p6u

Particle Wear Systemをv2.0へアップデートしました～！٩(๑òωó๑)۶✨ ・Quest(Android)対応！ ・Scene上にあるアバターごとの設定に対応！ ・不具合修正 ・テキスト一部変更 が変更点です～！特にQuest対応が大規模なアップデートです！！✨ #VRChat #shader #booth_pm appleteaworkshop.booth.pm/items/5614395 pic.twitter.com/Q8kaKa1bXy

ずーっとずーーーーっと、このアバターのシェーダーが気になってる 自作シェーダーなら作り方を、そうじゃないなら何のシェーダーなのか知りたい！ #VRChat #Unity #Shader pic.twitter.com/YSYioF0Pvm

threejsとshader28日目 26日目の続き 2d circles in 3d, continued upon 26th day #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/L7U2pE7ffV