かわいい #threejs pic.twitter.com/IcFnxHdPqE

第1課題提出 数学の基礎理解が足りてないことを痛感w #webglschool #threejs pic.twitter.com/wXJ6n6e1bA

「爽快」青空 ちょっと、こちらは、処理が重すぎるかもなので、動画で。青空の下といったら、草だよなぁで、ここまで苦戦をする笑　で、青空の下で撮影したお写真を配置。 #threejs #webgl pic.twitter.com/C1DNLzAd5w

かなりはまる汗。 途中まで、仕上げる。ちょっとかなり、複雑になってきた。 草　シリーズ。こんなに難しいとは思わなかった。 難しい部類のほうだな。参考になるのが、数が少ない理由がわかる。ようするに、難しいってことだな笑 #threejs pic.twitter.com/WFy7Q8Gy1f

こんな感じかな。 草　　　処理が重いな。。 #threejs #3D pic.twitter.com/YZpnX48zDW

試行錯誤中... ジオメトリの削除ってremoveだけじゃなくてdisposeも必要なのか... #threejs #webgl #何も分からん pic.twitter.com/YjXKYqkwCP

threejsとshader25日目 間違えて、息してるみたいになる got breathing effect by mistake #threejs #shader #ウェブデザイン #webgl #threejsjourney #reactjs #r3f pic.twitter.com/Q3IH9qZjE3

失敗作を供養。いつか出番があるかもしれん。 #threejs #webgl pic.twitter.com/Lvuo3T1BiZ

なんかかっこいい🧠 #threejs pic.twitter.com/eSscrzjMV7

hreejsとshader24日目 データビジュアライゼーションを試す2️⃣ 🌧️🌧️🌧️ 位置 = 日 高さ = 降水量 下のキューブ = 最低気温 中のキューブ = 平均気温 上のキューブ = 最高気温 #threejs #shader #ウェブデザイン #webgl #データドリブン #reactjs #dataviz pic.twitter.com/urxntF9QPS

ドアを開ける方法。 This is how to open a door. #ホラー #ゲーム制作 #gamedev #indiedev #threejs #webgl #HTML5 pic.twitter.com/6Kwi1VCqLt

Ripple Effect🌀 前から作ってみたかった波紋エフェクトを作ってみました！ daisuke-futenma.com/private-works/… #webgl #threejs #glsl #creativecoding #javascript #css #html pic.twitter.com/PvMgSthDtA

画像がくるくる回るヤツ（名称募集中）で色々試行錯誤中...拡大どうしようかな とりあえず回転をGSAPでスムーズに、クリックとホバーにも対応させた。画像をクリックすると一番手前に来る仕様。 #朝活 #threejs #webgl pic.twitter.com/l6MtLQiJZ6

WEBGLスクール一回目の課題出した。楽しかった～ #creativecoding #threejs codesandbox.io/p/sandbox/pric… pic.twitter.com/WzoHJ3SMEe

霧の中の鳥居😶‍🌫️ daisuke-futenma.com/private-works/… #webgl #threejs #glsl #creativecoding #javascript #css #html #箱根神社 #平和の鳥居 pic.twitter.com/jq3j5WX5t4

threejsとshader21日目 20日目の三角関数を使い threejs上の平面をDOMと同じサイズにするのに奮闘 making the size of plane in sync with DOM. feeling like a snail🐌 #threejs #shader #ウェブデザイン #webgl #threejsjourney #reactjs 'use client' import { useEffect, useRef,… pic.twitter.com/X35Y4AjxXs

three.jsのscene.traverseがObject3Dの最下層まで走査してくれるの、知らなかった・・・めちゃ便利ですね blenderで何層にも入れ子にしても必ず最下層のmeshまでたどり着いてくれるから、コードが簡単に書ける。 #webgl #threejs

_/_/_/_/_/ ٩(ˊᗜˋ*)و　#CodingLog #threejs TrackballControlsはいつもワクワクと悩みを引き連れてやってくる。

_/_/_/_/_/ ٩(ˊᗜˋ*)و　#CodingLog #javascript / #threejs 完全に理解した。 pic.twitter.com/lL4OKLZSRs

threejsとshader20日目 SOH CAH TOA Opposite = Tan(theta) * Adjacent width = Tan(FOV / 2) * Z * 2 ...right? #threejs #shader #ウェブデザイン #webgl #threejsjourney #reactjs pic.twitter.com/ZUzEhSwZhU

threejsとshader20日目 SOH CAH TOA Opposite = Tan(theta) * Adjacent width = Tan(FOV / 2) * Z * 2 #threejs #shader #ウェブデザイン #webgl #threejsjourney #reactjs pic.twitter.com/zQMkUV7hW3

threejsとshader20日目 SOH CAH TOA Opposite = Tan(theta) * Adjacent width = Tan(FOV / 2) * Z * 2 #threejs #shader #ウェブデザイン #webgl #threejsjourney #reactjs pic.twitter.com/qZTFhvYRrF

threejsとshader19日目 光源が回転する平面を周回 Directional light orbiting around rotating planes #threejs #shader #ウェブデザイン #webgl #threejsjourney #reactjs pic.twitter.com/4FtVeu6H0U

徐克監督版の笑傲江湖を見ることありますが？ 針の戦いがこんなに熱いとは知らなかった🪡 Have you ever watch Swordsman by Tsui Hark? Never know how the needle fight work🪡 #ホラー #ゲーム制作 #gamedev #indiedev #screenshotsaturday #threejs #webgl #HTML5 pic.twitter.com/VKutd1iVOr

平面に線を描くAR試作品！ 8thwallのHand DetectionじゃなくてMediaPipeのHand Detection使ってる。 機械学習の方はWebWorkerで動かしてるから結構いい感じに動いているのではないかと🥹 #WebAR #8thwall #threejs pic.twitter.com/fL5r6PauGz

トゥーンレンダリングやってみた〜🧸 アウトラインを法線とカリングでやるってのが面白い🧐 dev.shoya-kajita.com/056/ #webgl #glsl #threejs #blender #b3d #3DCG pic.twitter.com/9W3q9VchO3

マウスの座標でくるくる回るヤツを傾ける処理追加。次はクリックで画像の拡大とかかな。 #threejs #webgl #朝活 pic.twitter.com/zjMFAHBGwo

threejsとshader18日目 多面体を中心に光源が周回 Directional light orbiting around icosahedron #threejs #shader #ウェブデザイン #webgl #threejsjourney #reactjs pic.twitter.com/iIqlKkZGen

WebGPUが5月に入ってアツい！ってことで5月に入ったばかりですがWebGPUの最新事例5月版アップしました。Unity、three.js、Meta。大注目な最新情報満載です。 #webgpu #webgl #threejs #unity6 #Meta webgpuexperts.com/ja/best-webgpu…

threejsとshader17日目 MeshTransmissionMaterial #threejs #shader #ウェブデザイン #webgl #threejsjourney #reactjs pic.twitter.com/nSqgNgLWa3

よーし、画像がクルクル回るやつ、とりあえずそれっぽく出来たぞ！ #朝活 #threejs #webgl pic.twitter.com/AwO6NdAwug

threejsとshader16日目 R3F + GSAP + Chakra-UI 2.1 on live: yoneda.bux-web.com/showcase/three… #threejs #shader #ウェブデザイン #webgl #threejsjourney #reactjs pic.twitter.com/vttsApIoa9

WebAR + Visualizationの自主トレその2。スマホでsafariかChromeでどうぞ。 8thwall.com/masakiyamabe/a… #WebAR #8thwall #threejs

WebGPUの最新事例4月版を更新しました！ウェブゲーム開発、Unreal Engine 5、ウェブアプリケーション開発、ウェブサイト制作など多方での活躍が期待されます✨ #UnrealEngine5 #threejs #webgpu #webgl webgpuexperts.com/ja/best-webgpu…

満足のいくロープシミュレーション❤ A satisfying rope simulation❤ #ホラー #ゲーム制作 #gamedev #indiedev #threejs #webgl #HTML5 pic.twitter.com/IjjmWD334p

threejsとshader15日目 R3F + GSAP + Chakra-UI 2 #threejs #shader #ウェブデザイン #webgl #threejsjourney #reactjs pic.twitter.com/4VDP02MDoR

闇の工場っぽく怪しい雰囲気になった😈 dev.shoya-kajita.com/055/ #webgl #glsl #threejs #blender #b3d #3DCG pic.twitter.com/qEb4cIl1QJ

…o2024-yohei-sudas-projects.vercel.app ポートフォリオサイトができました！！！ 自分のデザインでは今までで一番気に入ってる。 #Threejs #reactjs #ポートフォリオ

threejsとshader14日目 R3F + GSAP + Chakra-UI #threejs #shader #ウェブデザイン #webgl #threejsjourney pic.twitter.com/Go32jvV5t4