@masudaaa profile picture
Ichitaro Masuda @masudaaa
Joined May 2007
  • Tweets 221
  • Following 1,034
  • Followers 1,400
10 Photos and videos
Pinned Tweet
Ichitaro Masuda@masudaaa
29 Aug 2022
Playing with three.js. Demo: carla-trail.vercel.app Code: github.com/ichitaro/carla-tr… #threejs #threejsjourney #webgl #creativecoding
0:40
56
681
4,809
1
4
Of course I went with Pro, but the main reason for the bandwidth overage was that I skimped on DRACO compression for GLTF.
1
FPS非依存lerpの係数の公式 logmi.jp/tech/articles/32687… よく忘れるからとても助かります🙏
1
8
Very inspiring. sketchfab.com/kanistra/model… To me it looks like the ultimate vertex attribute.

3D models by kanistra

View 3D models by kanistra

sketchfab.com
4
Playing with three.js. Demo: carla-trail.vercel.app Code: github.com/ichitaro/carla-tr… #threejs #threejsjourney #webgl #creativecoding
0:40
56
681
4,809
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
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
Ichitaro Masuda retweeted
ふぉくる@focru_ino
20 Aug 2022
inspired by Curl Flow created by @masudaaa #threejs ◇app nemutas.github.io/rhombus-fl… ◇repo github.com/nemutas/rhombus-f…
3
9
36
Ichitaro Masuda retweeted
ふぉくる@focru_ino
19 Aug 2022
Replying to @masudaaa
@masudaaa さんの作品があまりにもすごすぎたのでクローンを作った。 技術的には、 ・instancedMesh ・GPUComputationRenderer ・quaternionを使った回転 を使った。 #threejs
0:25
4
6
76
I am shallow and groping my way into GPGPU. I cried because GPGPU via FBO is super hard to debug. Debugging glsl tests my reasoning as a programmer. Getting the texture lookup wrong is a nightmare. carla-flow.vercel.app only lasts 3 passes but my head was bald.

1
5
Playing with three.js. Demo: carla-flow.vercel.app Code: github.com/ichitaro/carla-fl… #threejs #threejsjourney #webgl #creativecoding
0:57
40
306
2,233
It is interesting to stop time with the space key, then move the camera to get a closer look. This demo uses the results of the SkinnedMesh animation performed by Three.js on the GPU. To emulate the Transform Feedback, the vertex positions are stored to a render target texture.
13
Playing with three.js. Demo: terrain-warp.vercel.app Code: github.com/ichitaro/terrain-… #threejs #threejsjourney #webgl #creativecoding
0:15
14
80
701
Like the curl-flow.vercel.app/, this is a small example of customizing shaders by taking advantage of Three's PBR and shadow maps.
7
The idea is to sample each octave of fBM and repeat the extruding the vertices in the normal direction. The surface will expand roundly.
I did my homework for #threejsjourney (29 — Raging sea). Demo: angry-waves.vercel.app/ Code: github.com/ichitaro/angry-wa… This is not physically correct, but I enjoy giving shape to something with Three.js. #threejs #webgl #creativecoding
4
12
68
The idea is to represent the sea by placing a large number of particles floating on the surface of the water, like the yellow balls in this example: threejs.org/examples/?q=wate…
0:41
1
1
24
Playing with three.js. Live: physics-trail.vercel.app/ Code: github.com/ichitaro/physics-… #threejs #threejsJourney #webgl
4
22
110
Here are some other screenshots. The mouse operation is a bit tricky, but sometimes interesting sculptures are created, so please use the space key to stop the time.
2
8
The primitive has been changed from Box to Pyramid.
3
Load more