【📝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

_/_/_/_/_/ ٩(ˊᗜˋ*)و　#CodingLog #threejs Webアプリは凡ゆるデバイスからアクセスできるからエキサイティングだよな。 pic.twitter.com/rWRTQkipRp

_/_/_/_/_/ ٩(ˊᗜˋ*)و　#CodingLog #threejs メッシュカラー設定。 pic.twitter.com/KD4mBgIhAC

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

注意※音を出す 💥💥💥 #ホラー #ゲーム制作 #gamedev #indiedev #screenshotsaturday #threejs #webgl #HTML5 pic.twitter.com/k24juK5MkF

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

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

【📝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

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

注意※音を出す 武器を変わった New Weapon #ホラー #ゲーム制作 #gamedev #indiedev #threejs #webgl #HTML5 pic.twitter.com/03Q9NOsh1Q

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

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

AI×空間 光の演出をちょっとお試しで。 #threejs #3D #WEB3 pic.twitter.com/ZmjsCPju2u

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

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

AI×情報空間 水　 #threejs #3D #web #water pic.twitter.com/dKfuJTJZfi

手に3D描画が被らないようにオクルージョンを追加した！ まだ完璧じゃないけど... #threejs #webar #8thwall pic.twitter.com/dnPEhfabwE

【📝6/2にできたこと】 ✅GitHubにプッシュ(48日目) ✅Three.js journey Day 2. ├ ループアニメーション └ カメラ、マウスでのカメラ制御 ✅学習まとめドキュメント3つ及び開発日誌 github: github.com/daiki-beppu 制作物: threejs-demo-rose.vercel.app #threejs #threejsjourney pic.twitter.com/HQVMuE3r5k

情報空間写真作品 「夕日」光の演出 #threejs #写真作品 #空間 pic.twitter.com/nKdA3lSU85

体積光という表す #threejs #3D #WEB #art pic.twitter.com/xG0sKPg9RA

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

DQ12の発売まだかなぁ！と思いながらぷるんぷるんしたスライムをthree.jsで作ってみた Demo : codepen.io/wakana-k/full/… @CodePen #codepen #threejs #DQ12 #DragonQuest #ドラクエ #スライム pic.twitter.com/nckZzjRDsZ

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

簡単だけど、かっこいい〜😎 #threejs #フロントエンド pic.twitter.com/ZXQGIxV0Bi

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

繰り返す Turn around if you notice any anomalies #ホラー #ゲーム制作 #gamedev #indiedev #threejs #webgl #HTML5 pic.twitter.com/cy6EPDOu1w

最近Three.jsが気になる！👀 簡単なの作ってみたりして、楽しい😀 #threejs pic.twitter.com/EzYKxxJIXi

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

AI×空間 水　安定版 いろいろ機能を盛り込むの中断して、安定動作追求。。 #threejs #Blender #3D #web pic.twitter.com/b5VWft60z6

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

Blenderで生成した水とコーン WEB側で水ののみに見た目を変えて再生。。 #threejs #WEB #3D #Blender #ArtInspiration pic.twitter.com/XVqm1Im97u

AI×空間 Blenderで生成したアニメーションをWEBで表示 水 #threejs #WEB #3D #Blender　#ArtInspiration pic.twitter.com/dUSUoLo0Ov