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

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

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

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

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

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

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

#threejsJourney の方、3日前から続けられなくなった。 レッスン時間が固定じゃないのもそうだけど、#100DaysOfSwiftUI と並行してやるの難しいというかシンプルに時間が足りない 今はSwiftUIに集中してthree.jsはまた今度かな

threejsとshader27日目 早起きしてウシクvsフューリーを見る Woke up early to watch Usyk vs Fury. Got stoked so much🥊 codepen.io/BUX-Web_Design… via @CodePen #threejs #shader #glslCanvas #webgl #threejsJourney #usyk pic.twitter.com/NMZrrHSoUQ

threejsとshader26日目 2 x 2 x 4 circles simple pattern in 3d space #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f pic.twitter.com/q3wkCW31Vn

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

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

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

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

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

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

Three.js Journeyも勢いで購入してしまった。。。 #100DaysOfCode と一緒に #threejsJourney も 毎日頑張る。 ガチで失踪だけはしたくなさすぎる

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

やっとやりきりました、、、！ブルーノ先生に感謝！ I finally did it, and..! Thanks to Dr. Bruno! #threejsJourney pic.twitter.com/WaCeIWD6xo

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