threejsとshader73日目 #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/JMgCQqHfy6

threejsとshader72日目 #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/SzSYC5zeIn

銀河が進化しました。難しくてチンプンカンプン #threejs #threejsJourney #animation #3D pic.twitter.com/AnuMMxQXzl

blenderで桃作れた！YouTube見ながらやけど・・・ 難しいけど、会社のマスコットキャラを作りたいから、練習頑張る #blender #threejs #threejsJourney pic.twitter.com/Orjsu9lK2H

クリックでモデルを爆発。 再クリックで逆再生。 #threejs pic.twitter.com/2xJBIkS5K4

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

threejsとshader70日目 #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative 📷 pic.twitter.com/pix5wqJiZ0

toonshading-physic-r3f.vercel.app トゥーンシェーディングにトライしました。 blenderで作成した立体パズルをrapierで衝突→分解しています I tried to imprement toon shading. I created a puzzle using Blender, and used a rapier to collide and break it. #threeJs #webgl #r3f pic.twitter.com/h4sMAXhrCr

本日、8時間くらいの成果 レイキャスターによってかなり実装の幅が広がった感ある。 それこそweb制作にも生かせそうな感じになってきた。楽しい！ でも、まだまだ試したいこと（実装したいこと）いっぱい 明日もやるぞ～～～ #web制作 #webgl #threejs #WebGLスクール pic.twitter.com/PWQiQq7fcs

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

注意※音を出す 戦闘システムが完全に改訂され、AIの音響効果が追加されました。 The combat system is completely revised with some AI sound effect. #ホラー #ゲーム制作 #gamedev #indiedev #screenshotsaturday #threejs #webgl #HTML5 pic.twitter.com/PlDwHdNGmi

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

またハッシュタグつけるのミスった。。 #threejs #webgl #glsl

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

書きました。 みんなで粘土をこねる web アプリを hono で作った｜- zenn.dev/hideyuki_hori/… #zenn #cloudflare #hono #solidjs #threejs #websocket

第３回課題は一旦これで提出しよう。 結局、細かい姿勢制御とかまではできなかったけど、そこは追々やる。 ベクトルやら三角関数やらを使えたし、グループ化とかも活用してかなり勉強になったので良き！ さて、提出して第４回の講義を見るぞ👀 #webgl #threejs #web制作 #WebGLスクール pic.twitter.com/MGsMXu4kIB

canvas2DのテキストアニメーションとTransmissionつかってみました #threejs pic.twitter.com/zwP7SR8OVk

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

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

注意※音を出す おじさん落ち着い An aggressive ojisan #ホラー #ゲーム制作 #gamedev #indiedev #threejs #webgl #HTML5 pic.twitter.com/AJ8dNbp6Gt

よーし、だんだんできてきた！ 現時点ではまだクォータニオンは使ってない。 だから、勉強のためにももう少しこだわりたい。 カメラの角度を斜めにしたり、飛行機の姿勢の制御をやりたい！！やるぞ！！ #webgl #threejs #web制作 #WebGLスクール pic.twitter.com/a7F1T7rGvG

【📙学習記録】 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

Blenderでとりあえずそれっぽいものを作り、Three.jsで読み込ませるところまではできた。 後は動かすだけ！！！ 続きは明日。 ベクトルとクォータニオンを倒す😤 #blender #webgl #threejs #web制作 pic.twitter.com/XdZnN9659L

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

The Art of CodeさんのYouTubeチュートリアルを見ながら、Three.jsのシェーダーを使って窓越しの雨のエフェクトを実装してみました🌧️✨ #ThreeJS #Shaders #梅雨 pic.twitter.com/Y5ycLIbPky

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

chromatic dispersion 屈折レンダリングについて、６色に分散するノウハウを学びました。 …fraction-dispersion-maxime.vercel.app github.com/yukaorange/ref… #webgl #r3f #threeJs pic.twitter.com/v1IJgELom1

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

032 Blue-Eyes White Dragon 🔥 遊戯王(YU-GI-OH)カード レアカードのエフェクトを作成。 NR、SE、HRの3種類のレアを表現。 SEが一番むずかしかった。。 「滅びの爆裂疾風弾！！！！」 #threejs #webgl #glsl #shader #遊戯王 pic.twitter.com/BRf6dDi6aa

threejsとshader62日目 shaderの練習 codepen.io/BUX-Web_Design… The Book of Shaders: Cellular Noise thebookofshaders.com/12/ #threejs #shader #ウェブデザイン #webgl #bookOfShader #reactjs #r3f #generative pic.twitter.com/SpRTNtX6jk

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

注意※音を出す もち米は続き Sticky Rice cont. #ホラー #ゲーム制作 #gamedev #indiedev #screenshotsaturday #threejs #webgl #HTML5 pic.twitter.com/Mp3ln54jhp

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

threejsとshader61日目 shaderの練習 codepen.io/BUX-Web_Design… The Book of Shaders: Generative Design thebookofshaders.com/10/ #threejs #shader #ウェブデザイン #webgl #bookOfShader #reactjs #r3f #generative pic.twitter.com/Kr6kd2oeQq

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とshader60日目 shaderの練習 codepen.io/BUX-Web_Design… The Book of Shaders: Generative Design thebookofshaders.com/10/ #threejs #shader #ウェブデザイン #webgl #bookOfShader #reactjs #r3f #generative pic.twitter.com/X5cEGLDsac