aviutl_browser 遊べるわー.THREE.InstancedMesh なら箱10万個でも100万個でもほとんど同じ速度で描画できるから、あとから発光エフェクト足しても書き出しめっちゃ軽快

wip v4. 80k instanced spheres instead of particles. running at 120 fps. #threejs #instancedmesh #gpgpu #glsl #shaders #art #codeart #particles #3d #creative #creativecode

Day40: 2022-03-29. threejsのパーティクルの復習。前回あまり理解できていなかったが、今回は細かく確認しつつ構築してみた。. MeshSurfaceSamplerの使用と、InstancedMeshの組み合わせで色々作れそうではある。. #100DaysOfCode #threejs #webpack #blender

THREE.InstancedMesh landed in r109dev.

First test with #webgpu #threejs #tsl : InstancedMesh, node material, compute shaders and psrdnoise. Demo : Source :

Experimenting with TSL and InstancedMesh in Threejs

By using an InstancedMesh, each firework can be placed at a separate location. A color instanced attribute is used to allow for unique colors, and a startTime attribute determines when each instance goes off. All of these fireworks together are a single draw call 🤯

threes new instancedmesh is crazy, i've tried sth like a swarm before without gpu or pointcloud, just objects, and it could maybe do 2000. this is the same config: dodecahedron + expensive standardmaterial + lights, but now it's 20.000 and runs 60fps 🤯

Magic grass with #threejs.🧙‍♂️ InstancedMesh + custom attributes + shaderMaterial.It's quite smooth up to 10000 blades of grass with 400 vertices each.

some stats 2x 2500 InstancedMesh with vertex wind animation. looks ok?

「 Threejs Tips 👨‍💻」. If you want to use ShaderMaterial with InstancedMesh you need to multiply (component-wise) the instanceMatrix with the vertex position. #threejs

Today I learned about InstancedMesh.🤗#threejs #javascript

Playing with InstancedMesh and cannon.js :). #webgl #threejs #creativecoding

THREE.InstancedMesh with frustumCulling boundingsSphere , looks fine on the first try! #threejs

gathering energy #vfx . handcrafted shaders with millions of instancedMesh

#threejs InstancedMesh many Cacti with one drawcall and cannon-es physics!

水際depthリベンジ中です。ついでにInstancedMeshのおさらいで、これまで超適当にやっていたinstanceMatrixの操作をきんとやる方法を学習しました。

The WebGPURenderer is amazing. Today, I built a fat line library that works with all Three.js built-in materials (PBR included), runs super fast as InstancedMesh or BatchedMesh, and only needed one node and a few lines of TSL to make it work.

I started to believe in miracles @superhoge. Pointcloud to geometry nodes to #gltf2 exporter with instanced mesh to @threejs. Going to try to apply some colours tomorrow, but I think I found my new way. #gltf2 #instancedmesh #pointcloud #threejs #blender #train #geometrynodes

Extending ThreeJS's InstancedMesh to allow per-instance metalness/roughness (or any other shader uniform!) This has existed for ages in Troika's instancing abstraction and I'm trying to extract this part so all ThreeJS devs can benefit. #threejs