gfxprogrammer's profile picture. Computer programmer by trade. Graphics focused by passion. Working on WebGL and the Chrome browser. I stand with Ukraine, Wuhan and #BlackLivesMatter

Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ

@gfxprogrammer

Computer programmer by trade. Graphics focused by passion. Working on WebGL and the Chrome browser. I stand with Ukraine, Wuhan and #BlackLivesMatter

Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

This is three.js running on the Exosphere. ๐Ÿคฏ Rendering in realtime from a browser at 8K / 60fps. Hereโ€™s how Shopify just pulled it off ๐Ÿ‘‡


Glad to see this case study finally published! It's a success story of bringing a highly successful, Unity-based mobile app to the web. Game (and other) developers can draw from this experience and be confident in deploying their apps to the web!

This informative use cases showcases how Google Chrome and Red Games Co. utilized WebGL to develop a web-based version of Crayola's Create and Play application. khronos.org/blog/google-anโ€ฆ #webgl #graphics #webgames #developers #programming



Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

Made a version with SSR and only the AO from SSGI. codepen.io/mrdoob_/full/Lโ€ฆ

It's wild that I can now do quick experiments like these in under an hour just by chatting with claude code. codepen.io/mrdoob_/full/eโ€ฆ



Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

Three.js r180 released ๐Ÿซฐ threejs.org/changelog/?r180


Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

Three.js r179 released ๐ŸŒŸ threejs.org/changelog/?r179


Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

Three.js r176 released ๐ŸŽ‚ threejs.org/changelog/?r176


Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

Manipulating joints of a large number of six-leged insects. Try tilt their house with orbit controls. Made with #threejs TSL live demo (all source code is in html of the page) -> mameson.com/experiment/glsโ€ฆ


Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

Three.js r175 released ๐Ÿ—ฟ threejs.org/changelog/?r175


Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

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โ€ฆ

shotamatsuda's tweet image. 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โ€ฆ
shotamatsuda's tweet image. 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โ€ฆ
shotamatsuda's tweet image. 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โ€ฆ

Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

Three.js r174 released ๐Ÿฆ† threejs.org/changelog/?r174


Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

Experimenting with WGSL output in my GLSL/WGSL compiler. The parser does not yet accept WGSL as input, but I can still emit it from an AST of GLSL. I don't mind the language, but there are still many language restrictions with expressions I hoped would shake out with maturity.

Cody_J_Bennett's tweet image. Experimenting with WGSL output in my GLSL/WGSL compiler. The parser does not yet accept WGSL as input, but I can still emit it from an AST of GLSL. I don't mind the language, but there are still many language restrictions with expressions I hoped would shake out with maturity.

Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ
threejs's tweet image. Three.js r173 released ๐Ÿ
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r173
threejs's tweet image. Three.js r173 released ๐Ÿ
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r173
threejs's tweet image. Three.js r173 released ๐Ÿ
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r173
threejs's tweet image. Three.js r173 released ๐Ÿ
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r173

Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

"Starship [332]" is now on ShaderToy with comments to explain how it works: shadertoy.com/view/l3cfW4


Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

ZOZOใฎ็ ”็ฉถ่€…ใฎ่ซ–ๆ–‡ใŒ SIGGRAPH Asia 2024 ใงๆŽกๆŠž๏ผ ็€่กฃใ‚ทใƒŸใƒฅใƒฌใƒผใ‚ทใƒงใƒณใซ้–ขใ™ใ‚‹็ ”็ฉถๆˆๆžœใŒGithubใงๅ…ฌ้–‹ใ•ใ‚Œใพใ—ใŸใ€‚ cginterest.com/2024/11/28/zozโ€ฆ


Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ
threejs's tweet image. Three.js r171 released ๐Ÿ˜ตโ€๐Ÿ’ซ
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r171
threejs's tweet image. Three.js r171 released ๐Ÿ˜ตโ€๐Ÿ’ซ
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r171
threejs's tweet image. Three.js r171 released ๐Ÿ˜ตโ€๐Ÿ’ซ
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r171
threejs's tweet image. Three.js r171 released ๐Ÿ˜ตโ€๐Ÿ’ซ
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r171

Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

New section in the @playcanvas docs on GPU profiling your WebGL/WebGPU applications. Relevant to all web engines, not just PlayCanvas! Check it out: developer.playcanvas.com/user-manual/opโ€ฆ

willeastcott's tweet image. New section in the @playcanvas docs on GPU profiling your WebGL/WebGPU applications. Relevant to all web engines, not just PlayCanvas! Check it out:
developer.playcanvas.com/user-manual/opโ€ฆ

Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

Did you know you can enhance still scenes and screenshots with temporal antialiasing? doc.babylonjs.com/features/featuโ€ฆ #3D #WebDev #gamedev #indiedev #WebDevelopment #webgl #gamedevelopment #IndieDevs

babylonjs's tweet image. Did you know you can enhance still scenes and screenshots with temporal antialiasing?

doc.babylonjs.com/features/featuโ€ฆ

#3D #WebDev #gamedev #indiedev #WebDevelopment #webgl #gamedevelopment #IndieDevs

Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ
threejs's tweet image. Three.js r170 released ๐ŸŽƒ
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r170
threejs's tweet image. Three.js r170 released ๐ŸŽƒ
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r170
threejs's tweet image. Three.js r170 released ๐ŸŽƒ
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r170
threejs's tweet image. Three.js r170 released ๐ŸŽƒ
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r170

Ken Russell ๐Ÿ‡บ๐Ÿ‡ฆ ๋‹˜์ด ์žฌ๊ฒŒ์‹œํ•จ

Jolt multi-threaded is crazy๐Ÿคฏ Stresstest using our new ECS library, @threejs BatchedMesh and Jolt Physics. 1000+ dynamic bodies, 120 fps on a low-end PC *while* recording. But try it for yourself! Demo Link + Code in the comments. #gamedev #webgamedev


Loading...

Something went wrong.


Something went wrong.