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

展示で遊べるこちらの音×グラフィックのシステムですが、スマホからでも動かせるようにしました！ graphicsound.async-studio.com/cheese 音はSuperColliderをwasmでjsに魔改造してReactに組み込んでます #supercollider #reactjs #graphicsound pic.twitter.com/NQA5RhnQ4b

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

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

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

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

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

なかなか良い感じのGUIツールが作れるようになってきて満足してきている。#tauri #rustlang #reactjs pic.twitter.com/Ir20t5rSOe

Reactで動的にスタイリングしたかったのでこの動画見た！ clsx(or classnames)とtwmergeを使う方法 #駆け出しエンジニアと繋がりたい #プログラミング #デイトラ #今日の積み上げ What's cn() in React? Simplify Your Styling! #tailwindcss #reactjs #nextjs youtu.be/EKDIg8TJyDM?si… via @YouTube