LunarMotion

Same thing with mouse event listeners disabled also.

Don't know if it'll be visible in a screen capture but here it is anyway. Plugged in with a fresh chrome instance, no other tabs or add-ons active.

Noticing on my m1 air Chrome #webgl performance gets noticeably choppy whenever moving the cursor. Anyone else seeing this too? Try something smoothly animating e.g #webgl_geometry_cube" target="_blank" rel="nofollow noopener">threejs.org/examples/#webg… Not a threejs issue, happens with my own engine too.

Doing some #webgpu tests at the moment. If you want to update a texture in a bindGroup do you have to generate the whole object again or is there a way to change single values?

@dosnostalgic @rsms Starseed Pilgrim

Ok, research time: What are your favorite FLASH games? Tell me!

The number 1 thing that would get me to pay for X is if it didn't boot you to the 'for you' page at every possible opportunity 😑

@shatterspine The downside for me is ending up with a lot of rendering code is JS where you benifit from static typing the most. Unfortunate exposing apis directly to WASM hasn't materialised. Interested to know more how you structure your sprite display list.

In the past I mostly discarded wasm as a real option to make use of while developing for browser games. But I think this came largely from me not seeing things from the right perspective - I think treating wasm as "a way to get some of your code to run fast" has issues. For example, ideas like having your physics run in wasm exclusively might work but it also creates an additional layer of complication. Or doing specific math heavy steps such as updating transform matrices. A common alternative: porting an entire c/c++ project plus rendering layer into wasm seems to have a lot of pitfalls as well. ("export to wasm"-type engines). Many projects created this way dont utilize browser tech well where it makes sense: lazy loading & really optimized WebGL rendering specifically written for the game. They often feel clunky for some reason. Something I recently explored: you treat wasm as a "owns and modifies game state" device, and then never interact with it other than telling it "update(tick)" and sending it user input in a shared buffer. As output buffer, you get a list of visuals (meshes/sprites) that you display using webgl/canvas/webgpu, and a list of sounds to play. Culling, etc. is all done on the wasm end. This way you reduce overhead from wasm calls, you keep all your internal game data inside a closed loop, and you treat javascript as a visualization / sound / input / event loop layer, nothing else - kind of like talking to a server. Comes with advantages such as being able to re-use low level code to de/serialize data, having fast access to things like copying world states in memory - that take a long time in JS without re-inventing the wheel with arraybuffers. Essentially, its really nice to develop multiplayer games that run in a browser and native on server. Not saying that I think its the best way to do things, but it may be worth looking at for some devs, especially zig with decent ways to compile wasm. Has anyone utilized this specific approach and got some experiences to share?

@shatterspine I agree - also WebGL and WebGPU functions often take JS obejcts as args which can be difficult to bind directly. Emscripten has to do so much code gen and shennanigans to make everything work. This way is has much less friction.

Eevee version plus height ramp shows off the details much better.

Looking at some terrain elevation data. Pretty amazed at the level of detail that is available for free. This is from Jaxa's AW3D 30 arc second data set. Also includes specular and roughness maps.

Got the models loaded into the site. Feels a bit too chaotic though so not convinced this is the way to go 😅. Portfolio sites are so hard ;_;

It is way too many steps needed to create an application shortcut in Ubuntu.

Brain has so many ideas for ray tracing structures after watching this. Probably stuff people have already thought of but this kind of curiosity led approach is very appealing.

I've been working on optimizing the ray tracer that I made a little while back. Here's a video about the process if you're interested! youtube.com/watch?v=C1H4zI…

Trying a (wildly) different direction for portfolio site. This feels more me but I'll probably change my mind again before I'm done 😅 #b3d #blender #blender3d

Light and dark mode saved into a single video sprite. This will be blended in a shader when the user clicks the lamp. Dragging around anywhere else will rotate the view.

Starting work on my personal site this week. #b3d #blender

As videos are encoded as chroma plus luminance it's pretty easy to use chroma keying to get a transparent background for compositing with HTML elements on your page.

For bonus points you can overlay WebGL elements on top for added interactivity as I've done with the screen. Camera data is saved out for each frame from Blender using a Python script. Animation easing is all linear for even frame distribution.

Want to talk a bit about 3D scroll animations that are common today and how it's possible to improve them using some newer web APIs. 🧵 #webdev #webgl #blender3d