#webGL
One day, one decomposition
A013917: a(n) is prime and sum of all primes <= a(n) is prime
3D graph #threejs #webGL ➡️ https://decompwlj.com/3Dgraph/A013917.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A013917.html
#decompwlj #math #mathematics #sequence #OEIS #javascript #php #3D #numbers #sum #primes #primenumbers #graph


Today's update to #web3dsurvey:
I've added all Parameters from #WebGL and #WebGL2 as well as frequency of majorPerformanceCaveat:



One day, one decomposition
A013916: Numbers k such that the sum of the first k primes is prime
3D graph #threejs #webGL ➡️ https://decompwlj.com/3Dgraph/A013916.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A013916.html
#decompwlj #math #mathematics #sequence #OEIS #javascript #php #3D #numbers #sum #first #primes #primenumbers #graph


RT Matthias Hurrle
Reflections of Lullabies
To play a lullaby, press the button. Don't forget to turn on the 🔉 sound.
https://codepen.io/atzedent/pen/QWVPyLL via @CodePen
#codepenchallenge #webgl #shader #animation https://t.co/9C1uUWgROb
:sys_twitter: https://twitter.com/softwaretogo/status/1640819933289259011

One day, one decomposition
A011775: Numbers k such that k divides phi(k) * sigma(k)
3D graph #threejs #webGL ➡️ https://decompwlj.com/3Dgraph/A011775.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A011775.html
#decompwlj #math #mathematics #sequence #OEIS #javascript #php #3D #numbers #divides #phi #sigma #graph


Few more of these with additional wafting spatial motion
#generative #CreativeCoding #threejs #webgl #motion #dataviz #monday

Few more of these with additional wafting spatial motion
#generative #CreativeCoding #threejs #webgl #motion #dataviz #monday

Few more of these with additional wafting spatial motion
#generative #CreativeCoding #threejs #webgl #motion #dataviz #monday

Few more of these with additional wafting spatial motion
#generative #CreativeCoding #threejs #webgl #motion #dataviz #monday

Any features you'd like to see added to open source libraries I maintain? If yes —and you or your company are able to financially sponsor the work — please reach out! I may have some time for well-scoped projects in the range of 2–8 weeks.
Ideas for inspiration:
- Texture atlassing in glTF Transform
- UV unwrapping in glTF Transform
- Irradiance volumes in three.js
- ...?
DMs are open, email is on my GitHub profile.

One day, one decomposition
A011540: Numbers that contain a 0
3D graph #threejs #webGL ➡️ https://decompwlj.com/3Dgraph/A011540.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A011540.html
#decompwlj #math #mathematics #sequence #OEIS #javascript #php #3D #numbers #contain #digit #graph



Modulo pattern towers #3
#CreativeCoding #GenerativeArt #generative #threejs #webgl #typescript #dataviz



Modulo pattern towers #2
#CreativeCoding #GenerativeArt #generative #threejs #webgl #typescript #dataviz




Modulo pattern towers #1
#CreativeCoding #GenerativeArt #generative #threejs #webgl #typescript #dataviz




RT codrops: Time flies! ⌛ One year ago, we shared Creating a Risograph Grain Light Effect in Three.js. Take a look back: https://tympanus.net/codrops/2022/03/07/creating-a-risograph-grain-light-effect-in-three-js/ #webdev #webdesign #webgl #threejs #javascript #tutorial #3d #coding #frontend #codropsarchives

One day, one decomposition
A011539: "9ish numbers": decimal representation contains at least one nine
3D graph #threejs #webGL ➡️ https://decompwlj.com/3Dgraph/A011539.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A011539.html
#decompwlj #math #mathematics #sequence #OEIS #javascript #php #3D #numbers #contain #digit #graph


Time travel debugging! Click on the link under a console.log, and it rewinds time and throws down a breakpoint.
https://www.youtube.com/watch?v=VQEVZacjt40
#gamedev #typescript #webgl #nodejs #tabletop #screenshotsaturday
Decomposition into weight × level + jump of prime numbers:
a new classification of primes ➡️ https://decompwlj.com/primedecomp.php
in 3D, #threejs #webGL ➡️ https://decompwlj.com/3Dgraph/Prime_numbers.html
#decompwlj #math #mathematics #sequences #NumberTheory #PrimeNumbers #JavaScript #php #graph #3D #classification #primes



One day, one decomposition
A011533: Numbers that contain a 3
3D graph #threejs #webGL ➡️ https://decompwlj.com/3Dgraph/A011533.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A011533.html
#decompwlj #math #mathematics #sequence #OEIS #javascript #php #3D #numbers #contain #digit #graph


Der datenschutzfreundliche #Browser #LibreWolf benötigt ein doch wenig mehr Anpassung als das Original #Firefox.
Zum Beispiel ist #WebGL standardmäßig deaktiviert, das jedoch auf Webseiten unter Umständen benötigt wird, zB bei #MetaGerMap (https://maps.metager.de).
In der Librewolf Dokumentation ist hierzu ein Eintrag (Stichwort Enable WebGL)
Some earlier results from the past week. These structures were formed using only modulo operators. I'm just amazed how simple math can form these complex structures.
#3dstructure #patterndesign #mathart #creative #threejs #typescript #webdeveloper #artandmath #creativity #patternlove #webgl #generative



One day, one decomposition
A011532: Numbers that contain a 2
3D graph #threejs #webGL ➡️ https://decompwlj.com/3Dgraph/A011532.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A011532.html
#decompwlj #math #mathematics #sequence #OEIS #javascript #php #3D #numbers #contain #digit #graph


Working on a webGL configurator for my Ford Fiesta 2011... still WIP
#Blender3d #blendercommunity #BlenderLatino #OpenSource #3DCar #Vehicle #Render #3dart #ford #WebGL




Modulation of space... in motion
#threejs #webgl #creativecoding #javascript #glsl #generativeart #animation #digitalart #generative #code #processing #webdeveloper #art #shaders #shader



@andyray Drag and drop linking for #WebGL shaders, wow! I hope it's feasible for #WebGPU too.
http://frogger.andrewray.me/editor.html?example=Vertex+Noise
One day, one decomposition
A011531: Numbers that contain a 1
3D graph #threejs #webGL ➡️ https://decompwlj.com/3Dgraph/A011531.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A011531.html
#decompwlj #math #mathematics #sequence #OEIS #javascript #php #3D #numbers #contain #digit #graph


⭐️ Featured this week on the Web Game Dev Discord: Cody Bennett's open-source work! Including Four, a minimal Three.js alternative: https://github.com/CodyJasonBennett/four. Join 600 JavaScript game devs at: https://webgamedev.com/discord #gamedev #webgl #webgpu

First result from https://web3dsurvey.com, manually created for now.
(BTW: Have you embedded this yet on your website yet?)
#WebGL 2 extension support in the wild!


Modulo - in programming usually represented by % - returns the remainder of a division and kind of works like a clock, only that you can freely define the range of repetition. In three dimensions every axes can represent another modulo controlled pattern approach which leads to all kind interleaving patterns.
+ bonus added some vcvrack #synth sounds
#generative #genartclub #CreativeCoding #processing #p5js #threejs #webgl #design #dataviz #vcvrack

Ported my modulo patterns into 3D space using three.js. In three dimensions every axes can represent another modulo controlled pattern approach which leads to all kind interleaving patterns.
#threejs #webgl #creativecoding #genartclub #generative #design #programming #typescript




Quick experiment with the glTF Transform API today — baking textures to vertex colors in <50 lines of code.
https://github.com/donmccurdy/glTF-Transform/issues/802#issuecomment-1478789151

Built this little mixer level viz for web synth recently
Makes it much easier to figure out where things are clipping and such
Adding more and more mixing and post-processing pieces; I want to build a proper oscilloscope sometime soon as well
Built with #webgl #webassembly #webaudio

RT Matthias Hurrle
Creek
Procedural noise this time creates the impression of flowing water of a small creek. Turn on the sound 🔉 and dive in. https://codepen.io/atzedent/pen/yLxRzeL via @CodePen #codepenchallenge #webgl #shader https://t.co/TkCuaNVvqM
:sys_twitter: https://twitter.com/softwaretogo/status/1638236406668488729

Doof Island from cyberfest 2! Fun build, and even more fun party 🥰🦆🦀🦇🏝️
#voxelart #magicavoxel #cyberdoof #doomfam #onlinefestival #virtualworld #webgl
I've been re-working the MIDI editor in web synth to support multiple tracks for a more traditional DAW-like experience
Should make composing music a lot easier rather than having to switch between different tabs for each track
Built with #rustlang #webassembly #webaudio #webgl

I don't think I've earned the right to use the #gamedev tag but I'm pretty excited about this! With pure #webgl I've got a camera system and I'm rendering some shapes. Slowly going to build up a kind of framework and then I'm planning to create a randomized dungeon to explore.
Because what is a dungeon but sufficiently complex "F" shapes? 🤔

Decomposition into weight × level + jump of prime numbers:
a new classification of primes ➡️ https://decompwlj.com/primedecomp.php
in 3D, #threejs #webGL ➡️ https://decompwlj.com/3Dgraph/Prime_numbers.html
#decompwlj #math #mathematics #sequences #NumberTheory #PrimeNumbers #JavaScript #php #graph #3D #classification #primes



Gonna be doing some visuals from 4pm (UTC-0), then a music set at 1am for Cyberfest II in this custom 3D world my friend has been building!
https://www.doomfam.com/cyberfest2
It’s already on now! 🥳
Also streaming on Twitch 🔥
https://twitch.tv/2xAA
Has anyone ever successfully accessed gl_DepthRange in a #WebGL / #webgl2 glsl program? I can not seem to access it. Details in section 7.5 here: https://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf
In today's Gleo news: real-time hexbinning on *moving* data.
Here's a few hours worth of AIS data, displayed both as coloured dots and hexbinned data.
#WebGL #dataviz #GISchat #ShamelessPlug
It doesn't look like much yet, but here is my project from yesterday. https://Web3DSurvey.com. It collects #webgl #webgl2 #WebGPU and #webxr capabilities into BigQuery on the backend. After I get some data, I'll publish some analytics similar to what the old and defunct WebGLStats.com website did.
Just added a mode that lets you render out ray depth rather than surface color to three-gpu-pathtracer to help visualize where some of the more expensive surfaces are.
These pictures show the debug image raw and with a postprocess color ramp applied.



💌 The #WebGameDev Newsletter Issue 012 is out! Read it online here: https://webgamedev.com/newsletter/012, and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #webgl #webxr #gamedev
What's your attitude to `WebGL` in your browser/s? Do you allow it, or block it? In either case, why?


I’m wondering that if a #RaspberryPi can run LLaMA 7B without a dedicated GPU, what kind of performance can we expect if it runs in my browser via #WebGL and #WebGPU 🤔
I think performance would not be too bad (modern browsers give you full access to GPU HW acceleration), if we manage to get the 13 GB model to load 😅
From: @yezzer
https://fosstodon.org/@yezzer/110011966330511816
So I went down the rabbit hole with the room layout. Yesterday I did it in an HTML canvas. Worked to prove the layout was functional.
I decided to play with something I had never touched tonight. WebGL.
It took about two hours to get my head around it and get a very low poly (lol) render out.
A fun end to the week...😂


⭐️ Featured this week on the Web Game Dev Discord: Infinite World by Bruno Simon! A smooth and satisfying procgen world with fluffy grass made with #threejs: https://infinite-world.vercel.app. Join 600 JavaScript game devs at: https://webgamedev.com/discord #html5games #gamedev #webgl
💌 The #WebGameDev Newsletter Issue 011 is out! Read it online here: https://webgamedev.com/newsletter/011 and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #webgl #webxr #gamedev
⭐️ Featured this week on the Web Game Dev Discord: Dungeon Quest by rallieon and foundrium! A Pacman-like with a Bomberman twist. Play: https://dungeonquest.hasteoriginals.com Made with ⚛️ react-pixi-fiber.
Join 550+ JavaScript game devs at: https://webgamedev.com/discord
#html5games #gamedev #webgl #pixijs
RT Matthias Hurrle
Wormhole https://codepen.io/atzedent/pen/wvEzWzL via @CodePen #webgl #shader https://t.co/t7PxHtvAKg
:sys_twitter: https://twitter.com/softwaretogo/status/1629161713164591107
RT Matthias Hurrle
Codepen On Display
A golden glowing Codepen logo reflecting the lines of the surrounding space, set in a glass cube. Cheers to @CodePen and all the amazing people there!
https://codepen.io/atzedent/pen/rNZLZWq via @CodePen #webgl #shader https://t.co/8Z55LOhiD9
:sys_twitter: https://twitter.com/softwaretogo/status/1628881009331535876
A wonderful writeup (and open source code!) on Project Flowerbed, from @snagy @davehill00 and the team at Meta.
- level building in Blender
- asset pipeline in glTF Transform
- gameplay, rendering, audio, optimization, and more in three.js
https://developer.oculus.com/blog/project-flowerbed-a-webxr-case-study/
RT Matthias Hurrle
Gemstone in Time https://codepen.io/atzedent/pen/MWqywxp via @CodePen #codepenchallenge #webgl #shader https://t.co/tPjUrRhTAg
:sys_twitter: https://twitter.com/softwaretogo/status/1628097217960574976
💌 The #WebGameDev Newsletter Issue 010 is out! Read it online here: https://webgamedev.com/newsletter/010 and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #playcanvas #webgl #javascript
⭐️ Featured this week on the Web Game Dev Discord: Candy Riot by Cosmitar! A cute Halloween-themed game where your skeletons fight for candies. Made with ⚛️ React Three Fiber. Play here: https://candy-riot-cosmitar.vercel.app and join 550 JavaScript game devs at: https://webgamedev.com/discord
#threejs #r3f #webgl #html5games
Major updates to glTF Transform! Just published v3.0, including:
- flattening scene graphs
- joining meshes and reducing draw calls
- AVIF image compression
- sparse accessor compression
- all-in-one "optimize" command
- CLI support for custom commands and extensions
https://gltf-transform.donmccurdy.com/
More in thread. 🪡🧵
💌 The #WebGameDev Newsletter Issue 009 is out! Read it online here: https://webgamedev.com/newsletter/009 and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #playcanvas #webgl #webxr