視覚補助のためのバウンティボックスは、選択されたオブジェクトからすべての子までを包み込むように表示されます。 これによって、より分かりやすくオブジェクトの選択と形状の変更を行うことが出来ます。 研究開発が好きなプログラマ募集: sherpa-recruit.jp @playcanvasJP #WebGL #CG pic.twitter.com/vhNjWBqw6q

【PC（スマホ対応）/攻略】「脱出に挑戦！　#213　こいのぼりケーキのある部屋」こいのぼりケーキがある部屋が舞台の、オーソドックスな脱出ゲームを完全攻略！ #脱出ゲーム #WebGL #iPhone #Android #脱出に挑戦 iphoroid.jp/appli/detail/7… pic.twitter.com/j8u0bR1Res

MRTを使ったエッジ検出まで。 手法としてはかなり重要なやつ。 wgld.org/d/webgl/w085.h… #glsl #webgl pic.twitter.com/rc3dZp2ICM

少しオープンソースにしましたshadertoy.com/view/MfcXRN #webgl #shader #glsl pic.twitter.com/JR4eBVYpbJ

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

久しぶりにprocedural系を進めた。前回より少し改善しているが、もっとFBM周りを練習したいし、今は誤魔化している水の表現も勉強したい It's been a while since I played with the procedural planet. Getting better little by little. Wanna improve FBM and water expression. #WebGL #glsl pic.twitter.com/KZVTag1HST

GPGPUパーティクルまで読了。 難しい内容と思ってたし、実際簡単というわけではないが思ってたよりは仕組みを理解できた気がする。 ここまで読むのを一つの目標にしてたので嬉しい気持ち。 wgld.org/d/webgl/w083.h… #webgl #glsl pic.twitter.com/ycArnyTqYe

ラインシェード。 これ上手く使えればかっこいい感じになりそう。 wgld.org/d/webgl/w077.h… #glsl #webgl pic.twitter.com/bKLWlHg3AN

ハーフトーンシェーディング。 この見せ方もゲームで見た事がある気がする。 wgld.org/d/webgl/w076.h… #glsl #webgl pic.twitter.com/0rYtEc5CHh

023 3D Particle Three.jsのGeometryをParticleで表示した。 2D要素のParticleしか作成したことなかったので、良い勉強になった！ Three.jsはいろいろと準備してくれてるから便利やな〜 #threejs #webgl #glsl #shader pic.twitter.com/FMOQlg9t0N

シカゴのライドシェアバイクの動きをアニメーションに。カスタムレイヤーを作ってシェイダーを外挿する方法を学ぶ。 observablehq.com/d/88e172702c01… #WebGL #deckgl #map #animation #datavisualization #shaders #glsl pic.twitter.com/wb2h4KMeIK

当たり判定をとって、クリックでも音が鳴るようにしたんだけど、黒鍵を白鍵に重ねると当たり判定がややこしくなることが判明。分離しよう。 #dailycoding #p5js #p5sound #webgl pic.twitter.com/7IS3uVgfue

VTFまで。 テクスチャをデータ格納のための手段として使うための考え方。 結構重要そうだ。 wgld.org/d/webgl/w071.h… #glsl #webgl pic.twitter.com/vst4KA4qOs

threejsとshader12日目 3d tessellation + matrix transformation + sinus waves codepen.io/BUX-Web_Design… #threejs #shader #デザイン #webgl #threejsjourney pic.twitter.com/23ANeuPF73

時間が空いたのでdeck.glの練習。 I practice deck.gl in my free time. observablehq.com/d/e0597236a0d1… #WebGL #deckgl #map #datavisualization pic.twitter.com/GBrFHAPUpM

注意※音を出す 意外だな~ 壁が飛び道具に反応するとは気付かなかったよ。でも、めっちゃかっこいいな This is unexpected. I don't realize that the wall react to projectile. But it look really cool. #ホラー #ゲーム制作 #gamedev #indiedev #screenshotsaturday #threejs #webgl #HTML5 pic.twitter.com/SJrQJq3BOR

ズームブラーまで。 このエフェクトは普通に使用例を見たことがある。 wgld.org/d/webgl/w067.h… #WebGL #glsl pic.twitter.com/26gJP4YnMX

モザイクフィルターまで wgld.org/d/webgl/w066.h… #WebGL #glsl pic.twitter.com/CPO36r3kk1

深度テクスチャ …exture-for-geometry-akella.vercel.app #webgl #threejs pic.twitter.com/aooXRfVQv9

ホログラムエフェクト amazing-look.vercel.app #webgl #threejs #javascript pic.twitter.com/5hpWBwW9LO

久々に。 wgldを見てリムライト。 wgld.org/d/webgl/w064.h… #WebGL #glsl pic.twitter.com/sBENknj6Lj

ちょっと気になって試した。 nemutas.github.io/flow-field-2/ #threejs #glsl #webgl pic.twitter.com/doBvqCYElL

threejsとshader11日目 エッシャー展が面白かったので売店の本を買い、イラストレーターでタイリングを試す（動画は逆再生） Trying out basic Escher Tiling with Illustrator #threejs #shader #デザイン #webgl #threejsjourney #エッシャー展 pic.twitter.com/IFD0pwpROy

p5.csgとてもおもしろい。複合オブジェクトを作るためのclassを作ろう。 #dailycoding #p5js #webgl pic.twitter.com/9DcWZCvbo5

もう昼ですが今日の朝活で作ったやつ。ありがとう先輩方！しかし波紋系はかなりの数を試したなぁ...終わりが見えねぇ... #threejs #webgl pic.twitter.com/tM7zLGXfPz

#ミャクミャク リアルバージョン⚡️ use-shader-fx.vercel.app/expo2025 #useShaderFx #glsl #threejs #webgl #shader #React #EXPO2025 #大阪関西万博2025 pic.twitter.com/6gM30qdIAM

threejsとshader10日目 スクロールした量をshaderに渡す passing scrollY to shader shader006_v0.1 codepen.io/BUX-Web_Design… via @CodePen #threejs #shader #ウェブデザイン #webgl #threejsjourney pic.twitter.com/YQISh9lFpk

【SHERPA WORLD】メタバースサービス 1対1テキストチャットに通知機能を組み込みました！ これでチャットダイアログが表示されてなくても新着メッセージを即時確認可能です！ もちろん「返事する」をクリックすれば返事も可能！ #webgl #Metaverse pic.twitter.com/vJNwX8V40o

回転ギズモの実装に当たって最もネックだったのは、形状の生成と、当たり判定の作成です。 なかなか形状の同期が出来なかったので結局レイキャストを使わずに自作のメッシュピッカーを作成しました！ 先端技術大好きな方募集→sherpa-recruit.jp @playcanvasJP #WebGL #CG pic.twitter.com/WKW1XntjPH

threejsとshader9日目 苦戦☹️ codepen.io/BUX-Web_Design… #threejs #shader #ウェブデザイン #webgl #threejsjourney pic.twitter.com/xsoA6lINAA

SHERPA WORLD #メタバース サービスには カスタマイズ可能な機能が盛りだくさん！ ▪️ 1対1/オープンチャット 🗣️ ▪️ ボイスチャット 🎙️ ▪️ テレビ電話、画面共有📺 ▪️ ライブ配信 🎥 ▪️ コンテンツ評価＆リアクション 👍 ▪️ ３Dマーケティング分析（管理システム） 📊 #webgl #Metaverse pic.twitter.com/wNAdLDvclo

先日ついに回転用のギズモを実装することに成功しました！ まだまだ挙動が怪しい部分もあるので調整は必要ですが、これで移動、スケール、回転と一通りの変形を揃えたギズモになりました！ 勉強しながらスキルUP求人：sherpa-recruit.jp @playcanvasJP #WebGL #CG pic.twitter.com/gvmrqpPtnu

4つの方向の選択メニューを作成しました。これにより、バイクに乗ったままカメラを回転させることができます。 I made a 4 directions selection menu. Such that you can still rotate the camera while sitting on the bike : ) #ホラー #ゲーム制作 #gamedev #indiedev #threejs #webgl #HTML5 pic.twitter.com/ctDLyHt4Mh

p5.csgを用いて、詳細度を下げて六角形にしたドーナツの頂点部分をボックスで引き算した図形を描画する。 #dailycoding #p5js #webgl pic.twitter.com/91JimKHUkV

#ミャクミャク さまつくってみた✨ use-shader-fx.vercel.app/expo2025 #useShaderFx #glsl #threejs #webgl #shader #React #EXPO2025 #大阪関西万博2025 pic.twitter.com/f2X6oNuZgO

threejsとshader8日目 Tone.jsでMission Impossibleのテーマ曲を流して Three.jsのshaderにノートを送る所まで sound-visualizer_v0.01 hooking up tone.js with a shader. #threejs #shader #ウェブデザイン #webgl #threejsjourney pic.twitter.com/d1E9YfhV4V

かわいいのできた⛄️ dev.shoya-kajita.com/054/ #webgl #glsl #threejs #blender #b3d #3DCG pic.twitter.com/YwtsMqFQB5

朝活で作ったやつを供養。マーチングキューブはどこかで使いたい。背景で動かすのが多いのかな。 #朝活 #threejs #webgl pic.twitter.com/4oun7kVuhR

スケール用ギズモには細かい操作ができるよう、相対スケールと絶対スケールの二つの操作方法があります。 現在の物体の大きさに対して割合でスケールするか、マウス移動量のみでスケールするかの違いです。 研究開発が好きなプログラマ募集 sherpa-recruit.jp @playcanvasJP #WebGL #CG pic.twitter.com/tyKubgpFif