重力と軌跡のシミュレーション。 カオスな空間が出来上がっていく様子が楽しい。 見せ方と表現が難しいけど... #Threejs #creativecoding pic.x.com/pjVIO4dYXL

日影シミュレーターの更新。 建物立面の日影時間も描画できるようにした。 他者日影時間（南側の建物のせいで日影になった時間）を着色し、カーソルを合わせると自己日影時間（自らの壁面で影になっている時間）と合わせて表示できるようにした。 地面の日影時間と連続しているので正確かと。 #threejs pic.x.com/bSq35TvSHv

「地図上の直線」が最短だと思っていませんか？🤔 平面地図の常識が、地球儀（現実）ではどれだけ通用しないかを体験できるウェブアプリを作ってみました。 …ghthearted-hotteok-aa18e5.netlify.app #地図 #Threejs #メルカトル図法 pic.x.com/KSK2OOPBq3

WebGPURendererの場合、トーンマッピングとカラースペース変換が自動で行われているので、WebGLの方にそれらを追加すると同じように再現できる #Threejs #WebGL #WebGPU pic.x.com/anGibRzWO7 x.com/sea3dformat/st…

threejsのasciieffectを使って遊んでみました！ #threejs playground-006.pages.dev pic.x.com/tWYLzb4Mzw

とりあえず形にできた！ #threejs pic.x.com/qqp7b474HK

進捗管理を3Dで表現してみた。 ・1人完了すると星が降ってくる ・進捗が進む（質量が増える）ほど、部署ごとの惑星が中心のコア（ゴール）に引力で吸い寄せられていく仕様 ・SYSTEM LOGはリアルタイムモニタリング データはダミーだけど、なかなか楽しい。 #Threejs #DataVisualization #個人開発 pic.x.com/5d4yef9ohY

VRMモデルをblenderでIK付きで、アニメーションを作成するなら、Auto-Rig Pro: Quick Rigが良かった。 VRMAファイルにも書き出しできたので、これで作成するのが良き。Note the settings below. #VRM #blender #threejs pic.x.com/bKZvP0rgJn

これの差異みたい？ SRGB＝ガンマ補正がかかる LinearSRGB＝物理的に正確 ってことらしいけどあまり意味が分かっていない… #Threejs pic.x.com/FvXrIh6qI4 x.com/KoriUchiwa/sta…

New Profile✨ 最近学んだhafltone shaderを使って新しいプロフィール画像を作成しました #今日の積み上げ #threejs pic.x.com/OeXJkfXVSE

振動台実験のシミュレーションの方は１質点系から見直していてようやく１質点系非減衰自由振動モデルができた。曲げとせん断の変形の支配率、部材の断面形状による挙動の変化、運動エネルギーと位置エネルギーの交換の様子などを可視化できたので、苦労したがひとまず満足。次は減衰有りへ。 #threejs pic.x.com/Stgld03tV4

3D周りの精度が上がったらしいので ChatGPT 5.2 に町を作ってもらった #threejs #GPT52 pic.x.com/qReGPyLIX2

日影シミュレーターの更新。 １敷地境界線を設定し、折れ点や敷地範囲全体の移動を可能に。 ２規制時間を超えた等時間日影の色を変えて描画。 ３ピンを立てておいた部分の１日の日影時間を建物別に計算（右下）。 ３は「誰のせいの影なのか」可視化するもので、現実世界でやったらモメそうw #threejs pic.x.com/naTmhK98hY

WebGPUってシェーダーがこんな簡素に書けるようになるんだ…　 でも、微妙に色合いが違う　　　 ←WebGL　　 WebGPU→ #WebGL #WebGPU #Threejs pic.x.com/7csEjXWsDX

日影シミュレーターの続き。等時間日影について ・１時間刻みと10分刻みの選択制に。等高線みたいに描画される。 ・建築物の水平移動機能とそれに追随する影の移動。 ・等時間日影にホバーして日影時間表示。 今日はマイナーバージョンアップだった。 #threejs pic.x.com/LKuGeWkL2c

ポートフォリオサイト（事業用サイト）ざっくり改修案 Blender使えると表現の幅広がるね そしてお客さんのサイトではできないような初めて使う技術も試せるのが自主制作の良いところ #Blender #b3d #Threejs #webgl pic.x.com/x57yppURqy

leaflet/three.jsで、２台同時シミュレーション描画ができるようなりましたー。 #threejs #leaflet #plateaue youtube.com/watch?v=Q_5WtZ…

Three.jsやってて気づきましたがバージョンによって見え方全然違う？？ 下記は全く同じコード ←r175 r152→ #Threejs #WebGL #Notequal pic.x.com/tzllR5J0MO

注意※音を出す 新しい攻撃シーケンスでパリィアニメーションがまだ動作するかを試してみて。 Try if the parry animation still work for the new attack sequence. #しろぽと #shirospot #ゲーム制作 #gamedev #indiedev #threejs #webgl pic.x.com/Yb3tswa7Se

これが、「箱庭ドローンシミュレータ」のアーキテクチャです。 PLATEAU × MuJoCo × three.js × leaflet × Python × 共有メモリ。実際の都市データを使い、実機に近い制御コードをそのまま動かせるドローンシミュレーション環境です。 年内リリース予定！ #HakoniwaLab #plateau #threejs #leaflet pic.x.com/M5DDeARIJx

【17日目】Webサイコロ 🎲 面数・個数を設定してサイコロを振る ✨ Three.jsによる3D表示 📜 履歴機能付きでTRPGにも最適 #Webアプリ開発100日チャレンジ #100日チャレンジ #サイコロ #Dice #TRPG #ボードゲーム #threejs #webdev weva.cloud/app/saikoro pic.x.com/7RCLZrEEj2

コンプリートです！！ ２ヶ月ほどお疲れ様でした自分！ ドローコール１回、ライト、テクスチャ無し、頂点カラーのみの３dサイトは作れました、やったネ( ✌︎'ω')✌︎ #p5js #threejs #blender pic.x.com/6mmYXvcv8a

WebXR Advent Calendar 2025 の 9日目の記事を公開しました！ R3Fでアニメーションするなら useState ではなく useRef を使おう #WebXR #r3f #threejs note.com/sawa_zen/n/na6…

WebXR Advent Calendar 2025 の 9日目の記事を公開しました！ R3Fでアニメーションするなら useState ではなく useRef を使おう #WebXR #r3f #threejs note.com/sawa_zen/n/na6…

別プロジェクトで開発している、日影制限simulator made by Three.js。時刻日影、各時間等時間日影などを表示可能。学習用教材としていい感じになってきた。 #threejs pic.x.com/L39nOtsVKY

【複数の動物を描き出すパーティクルと手を使ったインタラクション】 ウサギ・ネコ・犬を描き出すインタラクティブなパーティクルを、ブラウザ上の JavaScript で実装してみた！ #threejs #MediaPipe pic.x.com/KPt6C1dPPT

Gemini 3 の性能やばすぎる…！！ 試しに カメラ操作できる3D宇宙空間”を自作してみたら普通に動いた。 webでも公開してるのでぜひ！ #Gemini3 #WebGL #ThreeJS pic.x.com/7lxp4CQW5w

剥がれる peeling off #しろぽと #shirospot #ゲーム制作 #gamedev #indiedev #threejs #webgl #screenshotsaturday pic.x.com/qEEyaTOvDk

いきなり振動台実験のシミュレーションをやるのは、草野球とメジャーリーグぐらいのレベル差があるので、基本に返って単純ばり集中荷重の変形の様子をThree.jsで。ピンで指示しているところがちょっと滑って動いているのがおかしいか？ #threejs pic.x.com/pouiqe9kCn

世界初 Apple Vision Pro に対応したメタバースが誕生しました！ #XRift #WebXR #threejs #webgl pic.x.com/96Y8CBndrb

Normal → Pixel → Voxel ! Dimensional Leap ! This demo shows a real ink drop transforming into 2D pixels, and then into 3D voxels powered by a physics engine. 動画が2Dピクセルへ、そして3Dボクセルへ。 #threejs #cannonjs #webgl #voxelart #pixelart #creativecoding #satisfying pic.x.com/WNT8H7O4SD

移動ルート設定して、自動飛行させてみましたが、安定して動いてくれました そして、Pythonでちゃんと評価データも計測してます。 - 移動時間：434.87 seconds. - 衝突数：0 - バッテリ消費量: 1.55 V ばっちり！ #HakoniwaLab #plateau #threejs #mujoco #drone youtube.com/watch?v=4wXJN4…

webGPUで色々遊んでみる！ #webGPU #threejs #tsl #computeshader pic.x.com/kuqNsjngzl

きれい～ 後でやってみよう #Gemini3 #Threejs #GenerativeAI #vibecoding x.com/EHuanglu/statu…

動画時代でも音楽やポッドキャストのような音声コンテンツを視覚的にも楽しませらるように開発頑張ってる。 音系アーティストやクリエイターの負担を最小限に、でも動画時代の恩恵も受けられるようなアイディアをカタチにしていきます。 #バイブコーダー #threejs #gemini3 pic.x.com/tvxib5DIpg

変位バグを修正しました お札にソフトボディシミュレーションを適用済みです All displacement bug fixed. With soft body simulation on every talisman. #しろぽと #shirospot #ゲーム制作 #gamedev #indiedev #threejs #webgl pic.x.com/6ieMXrzo2S

渋谷区の地図でドローン飛行位置を確認。three.jsでドローン飛行の3Dビュー(PLATEAUE)をチェック。衝突判定はMuJoCoで実現。ブラウザ１つで、地図と3Dビューが見ながらぶつからないか確認しながら飛行体験できる！ こんなドローンシミュレータ見たことない！ #HakonwiaLab #Drone #threejs #plateau pic.x.com/CC0GdibzRO

"WebXR Advent Calender 2025" の3日目の記事投稿しました。 TSLはいいぞ。 #WebXR #WebGL #WebGPU #threejs 「three.jsのTSLをWebXRで使う」 note.com/wakufactory/n/…

FWA @fwa 「Insights... BMSG FES'25」 サイト制作の裏側やBMSGさんの5周年に込めた想いを綴っています。 thefwa.com/editorial/insi… @BMSG_official #BMSGFES #BM5G #BMSG #FWA #WebGL #Threejs #GSAP pic.x.com/bHzxsxRNMt