threejsとshader77日目 multi-plane image rendering #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/2mlJcjNTME

恵比寿にこんなモニュメントがたつといいな〜。 #threejs pic.twitter.com/HMomLzP0lK

第4回の課題、無事ホイールしてもズレなくなりました！ 質問して返ってきた回答が想像の数倍詳しくて神過ぎた… この環境で一気にレベルアップしたい⏫ #web制作 #threejs #WebGLスクール pic.twitter.com/GzcLFzaXx8

threejsとshader76日目 multi-plane image rendering #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/R4cyp4VaV0

threejsとshader75日目 multi-plane image rendering #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/JSmNK7UfHr

この簡素なショートカットキーのシステムをテストします。 Testing the rudimentary shortcut key system. #ホラー #ゲーム制作 #gamedev #indiedev #screenshotsaturday #threejs #webgl #HTML5 pic.twitter.com/X9Wk0uqIHo

第4回の課題、一応できました。 モデル用意できなかったので、何座をクリックしても羊が出てきます。 本当はホイールもできるようにしたかったけど、座標がずれる… 原因はわかったけど数学的な計算ができなくて解決できず😇 質問しよう。 明日は第5回、楽しみ！ #web制作 #threejs #WebGLスクール pic.twitter.com/2p6vaxKzyU

threejsとshader74日目 multi-plane image rendering #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/2l8JFgwFLV

ふぎゃーやっと動いた...それなりのレベルに到達するにはまだまだ時間がかかりそう。。#threejs pic.twitter.com/62R6eXgd3i

【📙学習記録】Blenderでオリジナルモデルを作成 #Threejs 📝Blenderの基本操作を学習:視点操作、オブジェクト編集、モディファイアーなど 📝ハンバーガーモデルを一から作成:バンズ、パティ、チーズを再現 📝完成したモデルをglTFでエクスポートしThree.jsで表示 #ThreejsJourney #Blender #3DCG pic.twitter.com/xzQnHJQ6Z9

threejsとshader74日目 multi-plane image rendering #threejs #shader #ウェブデザイン #webgl #threejsJourney #reactjs #r3f #generative pic.twitter.com/xUPC3euwZF

梅雨は何処へ。 あついので冷奴つくりました。 #threejs pic.twitter.com/DqPX9HnaBa

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

セーブ／ロード継続システムを作成しています。 I am making the save/load continue system. #ホラー #ゲーム制作 #gamedev #indiedev #threejs #webgl #HTML5 pic.twitter.com/KI3tL5TEHl

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