Ichitaro Masuda @masudaaa

metaphor.co.jp Joined May 2007

Tweets

221
Followers

1K
Following

1K
Likes

367

Ichitaro Masuda @masudaaa

4 years ago

@maya_ndljk @threejs Thanks for the great tutorial! I don't know of many articles that teach how to reuse Three.js built-in shader chunks, so this is very helpful.

1 0 7 0 1

View Details

Ichitaro Masuda @masudaaa

4 years ago

Of course I went with Pro, but the main reason for the bandwidth overage was that I skimped on DRACO compression for GLTF.

0 0 1 0 0

View Details

Ichitaro Masuda @masudaaa

4 years ago

@NadiaIrreal Thank you! Unfortunately much of the data is on the GPU side and cannot be easily exported. 🙏

0 0 0 0 0

View Details

Ichitaro Masuda @masudaaa

4 years ago

Playing with three.js. Demo: carla-trail.vercel.app Code: github.com/ichitaro/carla… #threejs #threejsjourney #webgl #creativecoding

56 678 5K 0 705

View Details

Ichitaro Masuda @masudaaa

4 years ago

@JamesWestonson @mrdoob Thank you! You are absolutely right.

0 0 1 0 0

View Details

Ichitaro Masuda @masudaaa

4 years ago

@keaukraine Actually, my environment is also iMac2019 + Big Sur + Radeon Pro 580X, but unfortunately I am getting 0.5 FPS in Chrome. In Three.js, using WebGL1Renderer may improve this.

0 0 0 0 0

View Details

Ichitaro Masuda @masudaaa

4 years ago

@arielko2 @mattpyke Thank you! I am also a big fan of his work!

0 0 2 0 0

View Details

Ichitaro Masuda @masudaaa

4 years ago

FPS非依存lerpの係数の公式 logmi.jp/tech/articles/… よく忘れるからとても助かります🙏

0 1 8 0 1

View Details

Ichitaro Masuda @masudaaa

4 years ago

Very inspiring. sketchfab.com/kanistra/models To me it looks like the ultimate vertex attribute.

0 0 4 0 0

View Details

Ichitaro Masuda @masudaaa

4 years ago

@keaukraine Thanks for reporting back! Sorry, I am not sure if it will work in many environments.

1 0 2 0 0

View Details

Ichitaro Masuda @masudaaa

4 years ago

I wanted to experiment with geometry running in real time, but GPGPU via textures is difficult because of the many indirect references. 😱 Please let me know if there is a better way.

1 2 10 0 0

View Details

This time it may be slow on mobile devices. You can reduce the load with "drawAmount" in Controls. Technically, the position and normals of the triangles are computed with vertex shaders using Render Target Texture.

1 2 16 0 0

View Details

ふぉくる @focru_ino

4 years ago

inspired by Curl Flow created by @masudaaa #threejs ◇app nemutas.github.io/rhombus-flow/ ◇repo github.com/nemutas/rhombu…

3 9 36 0 7

View Details

Ichitaro Masuda @masudaaa

4 years ago

@focru_ino 興味深い話題を代弁していただいたのでつい反応してしまいました🙏

0 0 1 0 0

View Details

Ichitaro Masuda @masudaaa

4 years ago

@focru_ino 同様です。<picture>でブレークポイントでソース画像が変わったり、css背景画像にも対応する場合など、私は結構めんどくさいと思ってしまいました。だからこそ状況を限定してライブラリ化しない方が早いわけですが、他の方どうアプローチしてるか気になってます。

1 0 1 0 0

View Details

Ichitaro Masuda @masudaaa

4 years ago

@focru_ino @amagi DOMをキャプるという発想ではないですが、DOMとThreeのシーンを連動させる試みもあり、何かバニラでいいNPMが誕生しないかなと思いますが、不思議と誕生しない秘伝のタレ。 github.com/pmndrs/drei#sc…

1 0 2 0 0

View Details

Ichitaro Masuda @masudaaa

4 years ago

@focru_ino @amagi さんの react-vfx も参考になると思います。 WebGLコンテキストの最大数の制限もあるため、恐らくこういうコードを各プロダクション再発明してる状況なのかなーと・・。 r105.threejsfundamentals.org/threejs/lesson…