Log inSign up
Shota Matsuda 松田 聖大
20.2K posts
Image
user avatar
Shota Matsuda 松田 聖大
@shotamatsuda
デザインとエンジニアリングの間を彷徨う。Director / Design Engineer at Takram
Tokyo or Kyoto, Japan
shotamatsuda.com
Joined April 2007
80
Following
3,434
Followers
  • Pinned
    user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Feb 23, 2025
    Released @takram/three-clouds, a Three.js and R3F implementation of geospatial volumetric clouds. It took 2 months to develop and another month to organize and document. Though might still be some hiccups and weirdness. github.com/takram-design-… npmjs.com/package/@takra…
    Image
    Image
    Image
    97K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Feb 17, 2024
    実は H3 FIP の開発を始めた当初は、ロケットの実飛行経路とイベントは計画飛行経路やシーケンスとほぼ完璧に一致することを知らず、その副作用で、ちょっとした経路やシーケンスのずれもテレメトリに基づいて可視化しています。今回の打ち上げでようやくそれを見られました。完璧でしたね!
    31K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Jul 1, 2025
    やった。これずっと気になってて、不要なハックを削除できたし、黄昏時の光が断然自然になった。
    Image
    00:00
    47K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Dec 29, 2024
    やや強引に影の射影変換を大気遠近と同期したので、ようやく動画を作れるようになった。
    Image
    00:00
    25K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Nov 30, 2024
    Three.jsの大気ライブラリをリリースした。久しくNPMパッケージ作ってないし、ライブラリのバンドル周り相当変わってるので、これで良いものか定かではないけれど。 github.com/takram-design-… npmjs.com/package/@takra…
    Image
    Image
    21K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Jan 25, 2025
    Okay, I think it’s ready to merge clouds into main. It’s not released yet and still needs a lot of work. Please don’t expect it to run on mobile devices without proper tuning. #threejs takram-design-engineering.github.io/three-geospati…
    Image
    Image
    Image
    11K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Jan 25, 2025
    Replying to @shotamatsuda
    There're many parameters, but what you might want to try first is dragging, scrolling, and adjusting coverage, animate, and timeOfDay.
    Image
    00:00
    24K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Jul 27, 2025
    オッケー、やっと大気がWebGPUで動いた!
    Image
    00:00
    14K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Aug 24, 2025
    WebGPUのcompute shader便利だなーということで、前からやってみたかったレンズフレアのグレア(6本の線)を加えてみた。Compute shaderで一定以上の輝度の座標にインスタンスを割り当てる感じ。
    Image
    00:00
    12K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Feb 19, 2024
    おそらく、自分でも妙なことをしていると自覚しているカナ書体のこととと思いますが、これは Cartograph CF という欧文書体に含まれるカナ字体です。数値情報(X 時刻や速度・高度など)にも用いています。和欧カナはそれぞれ異なる書体です。 connary.com/cartograph.html
    Image
    Image
    Image
    Image
    user avatar
    H/de.(LOOPCUBE / TECHNOJAPAN.net)
    @hide_loopcube
    Feb 18, 2024
    JAXAのこのフォントってなんだろう?って話があって、ウチにある書体だと「ロゴG」を70%長体かけたのが一番それっぽい(けどそのものではい)まで来たんだけど、何かわかる? #フォント | H3ロケット試験機2号機打上げライブ中継 youtube.com/live/VtsUTvZRc… @YouTubeより
    32K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Feb 17, 2024
    Replying to @rocket_EE_okada
    はい、機体位置もシーケンスのイベント発生位置もテレメトリの座標に基づいています。特に機体位置と経路は計画からズレると ↓ の右のようになり、H3 試験機 1 号機では第 2 段点火のタイミング以降に見られました。
    Image
    33K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Jun 4, 2023
    以前に似たような UI を実装したことはあるのだが、マニアックな太陽高度 + 時刻調整 UI を作った。
    Image
    00:00
    17K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Mar 4, 2025
    2年前に作ってたCesiumのプロジェクトだけど、Street View連携結構気に入ってるので、どこかでThree.jsでもやりたい。というかまだTakramウェブにプロジェクトページ作ってないね。
    Image
    00:00
    6.9K
  • user avatar
    Shota Matsuda 松田 聖大
    @shotamatsuda
    Feb 11, 2025
    とりあえず近似バージョンの霞(霧)はできたと思う。多重散乱を加味してないので、ちょっと赤い(太陽の直接光の影響が強すぎる)んだけどね。今はレイマーチバージョン作ってるけど、レイマーチで作る方が難しいわ。 takram-design-engineering.github.io/three-geospati…
    Image
    00:00
    14K

New to X?

Sign up now to get your own personalized timeline!

Create account

By signing up, you agree to the Terms of Service and Privacy Policy, including Cookie Use.

Terms·Privacy·Cookies·Accessibility·Ads Info·© 2026 X Corp.
Don't miss what's happening
People on X are the first to know.
Log inSign up
Advertisement
Advertisement