【📙学習記録】Three.jsのレイキャスターでインタラクションを追加！ #ThreejsJourney 📝3D空間で目に見えない線を使う方法を理解 📝3Dオブジェクトとの当たり判定で複雑な動きを実現 📝マウス操作と組み合わせて動く3D表現を習得 #Threejs #Web3D #FrontendDev #PortfolioProject #CodeNewbie pic.twitter.com/KnY4Gcm1nx

【📙学習記録】Three.jsで3Dモデルをインポート！ #Threejs 📝glTF形式なら、複雑なモデルも簡単に読み込める！ 📝Draco圧縮でファイルサイズを小さく、読み込みも高速化！ 📝アニメーション付きモデルもインポート可能！表現の幅が広がる！ #ThreejsJourney #プログラミング学習 pic.twitter.com/3nvZ9SmbXj

【📙学習記録】Three.js × Cannon.jsで物理シミュレーション！ #threejs 📝Cannon.jsでリアルな物理現象を再現！ 📝オブジェクトがリアルに落下、衝突、回転するのが面白い！ 📝衝突判定でオブジェクト同士がインタラクションするのも面白い！ 物理演算の世界ワクワクが止まらん #threejsJourney pic.twitter.com/OmkE6Ey4JI

大きな波でございます🧜‍♂️ ハワイや沖縄の海も作りたいな🌈⛱️ #threejs #threejsJourney #3D #animation #朝活 pic.twitter.com/LD8ttC5YAC

【📙学習記録】 スクロール連動アニメーションに挑戦！ #threejs 📝スクロールに合わせてオブジェクトが回転・移動！ 📝視差効果で奥行きを表現、没入感をアップ！ 📝GSAPで滑らかで自然なアニメーションを実現 スクロール操作でこんな表現ができるなんて！ 感動が止まりません✨ #threejsJourney pic.twitter.com/CoX97sMOZb

わーい！海賊王に俺はなる！！親知らずの抜糸してくる。 #threejs #threejsjourney #animation #3D #onepiece #ワンピース今が一番面白い　#常に最高 pic.twitter.com/OGTmXb1Ktg

【📙学習記録】 Three.jsで銀河生成🌌 #Threejs 📝パーティクルで星を表現、銀河を生成！ 📝色をグラデーションで表現！ 📝パラメータ調整で自分だけの銀河も作れる！ Three.jsでの表現力が格段にアップした気がする💪 次は銀河をアニメーションさせたい！ #ThreejsJourney pic.twitter.com/EjLYSBy4GV

threejsとshader65日目 photoGallery with r3f 0.01 #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/5F523ZBliX

threejsとshader64日目 trying out book of shader techniques on r3f. #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/mQNbbe7JcX

【📙学習記録】 パーティクル (粒子) #Threejs 📝ランダムな配置や色の設定で、様々なパーティクルを表現 📝depthTestやdepthWriteなど、奥行きに関する設定も面白い！ 📝アニメーションで動きを加えて、表現の幅がさらに広がった！ まだまだ奥が深いThree.jsの世界 ✨ #ThreejsJourney pic.twitter.com/8DWW1ULR5Y

threejsとshader63日目 try out book of shader techniques on r3f. #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/Zb2KALq3om

どんどん進むよぉ♪ひととおり、学び終わったら復習がてらアレンジする 🙌#threejs #threejsjourney #animation pic.twitter.com/IFfHmB4Gf1

うわぁぁぁ～すごーーーい🙌没入感ってやつ🫠🫠 土日でどこまで凄いの作れるかな・・・ #threejs #threejsjourney #3Danimation #3Dwebsite #朝活 pic.twitter.com/BQ7n0NXMFH

WEB制作勉強し始めて、コールセンター業務しながら、勉強進めてたけど、今日でコールセンター業ともお別れだ。WEB制作とかSNS運用する仕事を頂けることになった。 もう、ここには戻らないー！ずっと勉強は終わらないけど。 #web制作 #threejs #threejsjourney #javascript

ベーコンがペラペラでおいしくなさそうやったから、修正。 #threejs #threejsjourney #hamburger #Blender #朝活 pic.twitter.com/5ObCTKyMw0

Blenderで初めて、ハンバーガー作れた！！不細工やけで。。。ベーコン挟んでアレンジしてみました🍔🍟💚 #threejs #threejsjourney #hamburger #Blender #朝活 pic.twitter.com/yYJ4VTykvx

親知らずを抜歯しました😂 今週も勉強頑張ります！ #threejs #threejsjourney #animation #3Dmodel #朝活 pic.twitter.com/Nu6HpLJjC1

キツネ様を歩かせることに成功した🦊🌈 #threejs #threejsjourney #3D #animation #朝活 pic.twitter.com/cBbb3Gfrnb

是非、音ありで見てね●□〇■良き音👂 #threejs #threejsjourney #javascript #今日の成果 pic.twitter.com/qy28czUHjN

ボールを動かせるまでになりました。 #threejs #threejsjourney #javascript #朝活 pic.twitter.com/68QJDIraJs

数学すぎて難しすぎたぁぁぁぁ。。。振り返ろう。。。 #threejs #threejsjourney #javascript #codelife #朝活 pic.twitter.com/WymCxtu2gU

お化け屋敷完成！アップデート挑戦してみたい。textureと、Shadowの勉強がまだ必要。振り返ってみよう。 #threejs #threejsjourney #朝活　#お化け屋敷　#codelife　#coder pic.twitter.com/L4n19w6xwc

【📝6/13にできたこと】 ✅GitHubにプッシュ(59日目) 🟩 ✅Three.js の学習(2h10m) 🤯 TIL Doc: github.com/daiki-beppu/ti… GitHub: github.com/daiki-beppu #threejs #threejsjourney pic.twitter.com/ms123fV6PK

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 #threejsjourney #朝活 pic.twitter.com/07AUkHGJYo

明日にはコレが、お化け屋敷になるの👻寝ずにやりたい。 明日のために体を休める。 #threejs #threejsjourney #たのしすぎ pic.twitter.com/HROjzvHwnE

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

【📝6/11にできたこと】 ✅GitHubにプッシュ(57日目) 🟩 ✅Three.js の学習(1h16m) 🤯 ✅学習のアウトプット2h27m) 📝 ✅学習を3DCGサイトに反映 🌐 └ ライトの追加 GitHub: github.com/daiki-beppu 制作物: threejs-demo-rose.vercel.app #threejs #threejsjourney pic.twitter.com/cCjPizS8YE

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

わわわわわ～ こんなん作れるなんてたのしい～ #threejs #threejsjourney #codelife #code pic.twitter.com/Bdsh3dx8cS

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

【📝6/9にできたこと】 ✅GitHubにプッシュ(55日目) 🔥 ✅Three.js の学習(4h31m) 🤯 ✅学習のアウトプット2h14m) 📝 ✅学習を3DCGサイトに反映 🌐 threejs-demo-rose.vercel.app github: github.com/daiki-beppu 制作物: threejs-demo-rose.vercel.app #threejs #threejsjourney pic.twitter.com/Mmpqvxs9QT

【📝6/8にできたこと】 ✅GitHubにプッシュ(54日目) 🔥 ✅Three.js の学習(3h56m) 🤯 ✅学習のアウトプット(1h35m) 📝 ✅学習を3DCGサイトに反映 🌐 threejs-demo-rose.vercel.app github: github.com/daiki-beppu 制作物: threejs-demo-rose.vercel.app #threejs #threejsjourney pic.twitter.com/vMAJ21wCVY

【📝6/7にできたこと】 ✅GitHubにプッシュ(53日目) 🔥 ✅Three.js の学習(1h27m) 🤯 ✅学習のアウトプット(3h06m) 📝 ドキュメントに凝りすぎて 時間をかけすぎた、反省。 github: github.com/daiki-beppu 制作物: threejs-demo-rose.vercel.app #threejs #threejsjourney pic.twitter.com/cz9W7MAEia

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

【📝6/6にできたこと】 ✅GitHubにプッシュ(52日目) 🔥 ✅Three.js の学習(4h04m) 🤯 ✅学習のアウトプット(2h19m) 📝 ✅学習を3DCGサイトに反映 🌐 └ テクスチャI の追加 github: github.com/daiki-beppu 制作物: threejs-demo-rose.vercel.app #threejs #threejsjourney pic.twitter.com/uOeVGBSHea

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

【📝6/5にできたこと】 ✅GitHubにプッシュ(51日目) 🔥 ✅Three.js の学習(3h28m) 🤯 ✅学習のアウトプット(2h09m) 📝 ✅学習を3DCGサイトに反映 🌐 └ デバッグUI の追加 github: github.com/daiki-beppu 制作物: threejs-demo-rose.vercel.app #threejs #threejsjourney pic.twitter.com/HhnBlrksWv

【📝6/4にできたこと】 ✅GitHubにプッシュ(50日目) 🔥 ✅Three.js の学習(3h02m) 🤯 ✅学習のアウトプット(2h55m) 学習をサイトに反映がうまく出来なくて 今日は一旦終わり悔しい github: github.com/daiki-beppu 制作物: threejs-demo-rose.vercel.app #threejs #threejsjourney pic.twitter.com/0ID9ra1gFc