# #webgl

One day, one decomposition

A024898: Numbers k such that 6*k - 1 is prime

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A024898.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A024898.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #prime #primenumbers #graph #threejs #webGL

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 #threejs #webGL

One day, one decomposition

A024894: Numbers k such that 5*k + 1 is prime

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A024894.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A024894.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #prime #PrimeNumbers #graph #threejs #webGL

One day, one decomposition

A024675: Average of two consecutive odd primes

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/Interprimes.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/Interprimes.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #average #primes #PrimeNumbers #Interprimes #graph #threejs #webGL

Live stream starting right now! (friday noon pdt)

https://www.twitch.tv/dotbigbang

- see the games made for the COMBAT JAM (including the one I made!)

-check out new features of #dotbigbang

- hang out with nice folks who #gamedev with #typescript and #webgl

Rio: Erster Terminal mit WebGPU in Entwicklung

Terminals mit GPU-Support sind angesagt – und jetzt geht mit Rio das erste Projekt auf Basis von WebGPU und Rust an den Start.

Decomposition into weight × level + jump of prime numbers in 3D (log(weight), log(level), log(jump)) #threejs #webgl

➡️ https://decompwlj.com/3Dgraph/Prime_numbers.html

#decompwlj #math #mathematics #sequences #NumberTheory #PrimeNumbers #JavaScript #php #graph #3D #primes #video #ScreenRecord #classification #integer #decomposition

One day, one decomposition

A024619: Numbers that are not powers of primes p^k (k >= 0)

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A024619.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A024619.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #primes #powers #graph #threejs #webGL

One day, one decomposition

A024365: Areas of right triangles with coprime integer sides

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A024365.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A024365.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #triangles #graph #threejs #webGL

RT Matthias Hurrle

Re A fragment shader which features an octahedron flying through a procedurally generated crevice.

https://codepen.io/atzedent/pen/PoyLwoW via @CodePen #webgl #shader #animation3d

:sys_twitter: https://twitter.com/softwaretogo/status/1661477692754259969

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 #threejs #webGL

MapLibre's latest release wraps the transition for WebGL2, introduces a way to manipulate camera view when the camera state is stored externally, better colour interpolation and performance.

One day, one decomposition

A023733: Numbers with no 3's in base 5 expansion

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A023733.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A023733.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #base #expansion #graph #threejs #webGL

RT Ksenia Kondrashova

Have you ever been watched by @threejs' Torus Knot? I've got this silly demo playing with mesh normals and ShaderMaterial

Live demo & source code: https://codepen.io/ksenia-k/pen/gOBqPWX

Hosted on @CodePen

#webgl #glsl #threejs #shader https://t.co/DjGL45Irbr

:sys_twitter: https://twitter.com/uuuuuulala/status/1660983374561918980

Just a hybrid between two other

#glsl #shaders I wrote:

https://www.shadertoy.com/view/dty3Wd

I was just bored and curious how it would look like to mix the two shaders somehow.

One day, one decomposition

A023705: Numbers with no 0's in base 4 expansion

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A023705.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A023705.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #base #expansion #graph #threejs #webGL

Had to debug a weird (and annoying) problem on a #Linux laptop on the weekend: when visiting a certain website in #Firefox and scrolling past a certain position, the entire desktop would get _really_ sluggish (like: one frame every 5 seconds). Minimizing the FF window or scrolling away in the tab would fix it again.

Interestingly, the problem disappeared when starting FF in "Safe Mode".

In the end the solution was just to disable #WebGL (about:config -> webgl.disable = true). Yay success!

Last weekend at Outline we (Slipstream & TUHB) released a tribute to the classic 2012 invite "Bring me a flower"

So, Much. Singing 🎶.

This tune will remain burned into our brains for a while!

🎬 https://www.youtube.com/watch?v=a7t4sAJwL-Y

🌐 https://tuhb.org/demo/habeasflores/

💾 https://www.tuhb.org/demo/slipstream_tuhb_habeas_flores.zip

Create a tiny Needle Engine #threejs scene on Stackblitz with https://engine.needle.tools/new

I'm also experimenting with creating little projects for the docs on the fly: https://engine.needle.tools/docs/scripting-examples.html

One day, one decomposition

A023689: Numbers with exactly 7 ones in binary expansion

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A023689.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A023689.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #binary #expansion #graph #threejs #webGL

One day, one decomposition

A023688: Numbers with exactly 6 ones in binary expansion

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A023688.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A023688.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #binary #expansion #graph #threejs #webGL

One day, one decomposition

A023271: Primes p such that p, p+6, p+12, p+18 are all primes

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A023271.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A023271.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #primes #PrimeNumbers #graph #threejs #webGL

Decomposition into weight × level + jump of prime numbers in 3D (log(weight), log(level), log(jump)) #threejs #webgl

➡️ https://decompwlj.com/3Dgraph/Prime_numbers.html

#decompwlj #math #mathematics #sequences #NumberTheory #PrimeNumbers #JavaScript #php #graph #3D #primes #video #ScreenRecord #classification #integer #decomposition

One day, one decomposition

A023241: Primes p such that p+6 and p+12 are also primes

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A023241.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A023241.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #primes #numbers #PrimeNumbers #graph #threejs #webGL

One day, one decomposition

A023240: Primes p such that 10*p + 9 is also prime

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A023240.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A023240.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #primes #PrimeNumbers #graph #threejs #webGL

One day, one decomposition

A023225: Primes p such that 7*p + 6 is also prime

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A023225.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A023225.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #PrimeNumbers #primes #graph #threejs #webGL

One day, one decomposition

A023205: Numbers m such that m and 2*m + 5 are both prime

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A023205.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A023205.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #PrimeNumbers #prime #graph #threejs #webGL

streets.gl una nuova webapp di visualizzazione #3D basata su #webGL ed #openstreetmap molto realistica

Qui per visitare Trento

https://streets.gl/#46.06509,11.12311,45.00,0.00,3952.77

#godot #webgl #housedesign #prsm

so while in berlin i cant build the house physically so ashy and i are trying to build it digitally while we wait :)

link goes to a godot html5 build to look around the house, should work with mobile, let me know if it works for you !

http://7rnx.net/fleeky-pub/house-mobile/

One day, one decomposition

A023204: Primes p such that 2*p + 3 is also prime

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A023204.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A023204.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #primes #PrimeNumbers #graph #threejs #webGL

Hex grid on a sphere now. I tried to "wing it" but sometimes its best to just rtm: https://en.wikipedia.org/wiki/Spherical_coordinate_system

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 #threejs #webGL

One day, one decomposition

A023201: Primes p such that p + 6 is also prime (Lesser of a pair of sexy primes)

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A023201.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A023201.html

One day, one decomposition

A023200: Primes p such that p + 4 is also prime

3D graph, threejs - webGL ➡️ https://decompwlj.com/3Dgraph/A023200.html

2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A023200.html

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #primes #primenumbers #graph #threejs #webGL

Decomposition into weight × level + jump of prime numbers in 3D (log(weight), log(level), log(jump)) #threejs #webgl

➡️ https://decompwlj.com/3Dgraph/Prime_numbers.html

#decompwlj #math #mathematics #sequences #NumberTheory #PrimeNumbers #JavaScript #php #graph #3D #primes #video #ScreenRecord #classification #integer #decomposition

Super impressive 3D rendering of #OpenStreetMap data.

https://streets.gl/#43.69936,7.26810,45.00,0.00,2200.70

#WebGL #WebGL2 #VR

My PC is using my CPU instead of my GPU and I dont know how to fix it #firefox #gpu #gpudriver #webgl

RT Matthias Hurrle

Just a Toy https://codepen.io/atzedent/pen/yLRjaev via @CodePen #webgl #shader #animation3d https://t.co/hFgasFeQmQ

:sys_twitter: https://twitter.com/softwaretogo/status/1656338313748283396

Sneak peek at one of the projects that #prefrontalcortex is working on using #NeedleEngine

It is a research project on digital physiotherapeutic breathing therapy for #LongCovid patients using #VR technology

#Development #Evolutions

I want to talk about WebGPU · What the arrival of the new WebGL means for programmers https://ilo.im/12ph6d

_____

#WebGraphics #WebDevelopment #WebDev #Browser #Frontend #JavaScript #TypeScript #Rust #API #WebGPU #WebGL

New version of create-babylon is out, with vite 4.3 and babylon 6.2

Try it out with:

npm init babylon@latest

My Chromium install just updated to 113.0.5672.64 (WebGPU is now enabled by default)

Demos

https://playcanvas.github.io

I can't wait to dive into this code! 🏊♂️💦

#GameDev #3D #VR #GPU #WebGPU #WebGL #WebDev #Chromium #Chromium113 #Chrome #Chrome113 #RealTime #Rendering

RT masuwa | web designer

🔊⚠️

音の可視化 & ライティング

https://codepen.io/ma_suwa/full/BaqmZrm

@CodePen

#threejs #webgl #creativecoding #Audio https://t.co/eyFZAU5Ixy

:sys_twitter: https://twitter.com/masuwa1018/status/1653796695766093824

🎙 The interview with Steven Yau

from PlayCanvas is out! Read about his journey and insights on web games here: https://webgamedev.com/interviews/steven-yau #gamedev #webgl

💌 The Web Game Dev Newsletter Issue 015 is out! Read it online here: https://webgamedev.com/newsletter/015, and subscribe to get the next ones delivered right to your inbox! 🚀 #babylonjs #threejs #webgl

Kurz informiert: Pressefreieheit, Monopoly Market, WebGPU, Nokia Drohne

Unser werktäglicher News-Überblick fasst die wichtigsten Nachrichten des Tages kurz und knapp zusammen.

#Darknet #Drohnen #kurzinformiert #Nokia #Pressefreiheit #WebGL #news

Chrome 113 unterstützt als erster Browser WebGPU

Browser lernen, mit den Hardware-Funktionen moderner GPUs umzugehen. Das geht allerdings zulasten der Privatsphäre.

Fifteen years from #VRML to #WebGL. (ping @auradeluxe)

Fifteen years from WebGL to #WebGPU.

@jeffpalmer Thanks, Jeff! There're a few things to consider here:

1) The overall approach is definitely aimed at stateless, pure functions for portability & composability (e.g. all of the ~180 functions in https://thi.ng/shader-ast-stdlib are pure)

2) Since #WebGL / #GLSL is only one possible target (albeit the main one, at current), there's no "magic" uniform handling provided (or even possible, at least not in a clean way from the POV of the library).

If you've got functions which do depend on uniforms (or attributes, varyings, all the same), it means these aren't general purpose anyway and so you can as well define them _inside_ the shader's function closure, as shown in the first code example. If you want to or need to define such functions elsewhere (outside), you can also use another technique, shown in the 2nd example. And since it's all just #TypeScript or JavaScript there're a number of other possible solutions too... If none of that helps, then please use the Github forum or create an issue and we can discuss further there... 👍🙏

@herbst did experiment with #webxr image tracking today. Also available now in the latest 3.3 release we made today 🎉

https://docs.needle.tools/getting-started

:needle: #threejs #webxr #webgl #madewithunity #needle

Needle Engine 3.3 adds support for screenspace UI

Playing around with rendering Julia sets recently gave me a thought of combining them with my earlier page divide image generators to make some baroque fractal page divide lines

@mcc Ok I don't know if I'm doing it right, but I'm doing something...

Using #dotnet to render #opengl ES using #emscripten and a #webgl canvas

As a #WebGL developer, I see myself in this meme (via https://www.kdab.com/shader-variants/ )

For increased security and performance, we now recommend that instead of directly including the #webgpu #webgl collector script of https://web3dsurvey.com in your webpages, you create a 1px x 1px iframe and reference our collector-iframe.html. This way, the script runs in a sandbox with no access to the rest of your web page and no ability to impacts its performance or operation. Thank you @gman for the suggestion!

Example code on https://web3dsurvey.com homepage.

In love with those colors & shapes and can't wait to share more variations... especially animated!

Since some of you've asked privately, here's a wireframe (and generation code) of the underlying _single_ disc geometry used for drawing all of these shapes (each shape in the final composition is a #WebGL instance of that raw disc mesh). Originally, I've just used a triangle fan with a single vertex in the center, but that setup obviously (in hindsight!) doesn't play nice with deforming a disc in the extreme (and extremely concave) ways done here... So the trick was to create a lot more internal points, almost treating this shape as a solid (rather than a boundary representation). FWIW I'm actually using double the internal density since even with the one shown here, there're still some noticeable visual artifacts...

3M = More #Marbling #Madness...

This proved quite a bit harder than expected to pull off in #WebGL and required a pretty ingenious way of pre-tessellating the single circle/disc geometry to support these concave shape deformations... Altogether, each frame is ~700k triangles (2740 triangles per shape, 256 instances), animated via vertex shader... 💪

(See recent toot for animated version...)

Incredible work from the #babylonjs team — Babylon.js v6 launched yesterday with Havok Physics. I think it’s the first time Havok has run on the web?

A little #webgl benchmark running inside #Firefox on this #FreebSD laptop - https://webglsamples.org/aquarium/aquarium.html

The best part is that it worked out of the box at 30fps.

#ReleaseWednesday This round of releases includes (among others):

- https://thi.ng/timestep - new package for fixed timestep simulation updates, discussed in previous tweet

- https://thi.ng/api - added function to simplify typed array initialization from vector data, e.g. super useful for #WebGL / #WASM interop

- https://thi.ng/scenegraph - added .mapLocalPointToGlobal() to map local point from anywhere in the scene hierarchy to world space (e.g. useful for camera controllers, view matrix creation)

Other small additions/fixes to https://thi.ng/color, https://thi.ng/random, https://thi.ng/vectors and https://thi.ng/webgl...

Link to changelogs:

https://github.com/thi-ng/umbrella/blob/develop/README.md#latest-updates

Happy coding! 🤩

RT Matthias Hurrle

Hammered Steel

The fragment shader creates the illusion of a hammered steel plate inside a dodecahedron using raymarching and voronoise.

https://codepen.io/atzedent/pen/oNaboro via @CodePen #webgl #shader https://t.co/G2EboyocTP

:sys_twitter: https://twitter.com/softwaretogo/status/1646550251862360065

💌 The Web Game Dev Newsletter Issue 014 is out! Read it online here: https://webgamedev.com/newsletter/014, and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #webgl

#Bubblemania - realtime 3D bubble foam sim with basic physics!

Live preview/demo (reload for random config):

https://demo.thi.ng/umbrella/bubblemania/

Free drop incoming for a random selection of existing collectors of any of my #FXHash pieces...

#GenerativeArt #Voronoi #Foam #3D #Graphics #Geometry #WebGL #ThingUmbrella #TypeScript

Visually still pretty much the same, but now mostly done in #WebGL. The intersection planes between spheres/circles are pre-computed via k-nearest neighbor lookups (using https://thi.ng/geom-accel) and stored in a texture for the vertex shader, which then applies the deformations. Geometry for a single sphere/circle only (triangle fan), everything else via #WebGL instancing. Next stop: 3D icospheres and lighting...

So I couldn't stop myself and just recreated the sim using https://thi.ng/geom & https://thi.ng/vectors. Also added support for adjustable gaps... The key parts are now <20 lines of code in total. The maths for 3D require no further changes, so from here to a proper 3D #WebGL version should be fairly trivial...

#GenerativeArt #Geometry #Voronoi #Foam #ThingUmbrella #Bubblemania

A huge step forward for the web platform!

“WebGPU is a new API for the web, which exposes modern hardware capabilities and allows rendering and computation operations on a GPU, similar to Direct3D 12, Metal, and Vulkan.

Unlike the WebGL family of APIs, WebGPU offers access to more advanced GPU features and provides first-class support for general computations on the GPU.

The API is designed with the web platform in mind, featuring an idiomatic JavaScript API, integration with promises, support for importing videos, and a polished developer experience with great error messages.”

I know next to nothing about GPU APIs, but I hope this will have a uniforming effect on the whole GPU API space. It seems suboptimal and unsuitable that every vendor is inventing their own proprietary API.

If you've ever wanted to simulate the Big Bang in your web browser, I have the site for you. Best of all, it's 100% pure #webgl

(Probably need a reasonable GPU for this)

Today I'm sponsoring vanruesc on GitHub Sponsors. If you're using #threejs and have seen or used any newer post-processing effects¹, they are all based on his foundational "postprocessing" library for three.js: https://github.com/pmndrs/postprocessing.

➡️ https://github.com/sponsors/vanruesc

#threejs #webgl #gamedev #opensource

¹see Screen Space Global Illumination (SSGI) and Temporal Reprojection Antialiasing (TRAA) by 0beqz, or Depth of Field (shown below).

RT Ksenia Kondrashova

Draw GLSL flowers with your cursor! 🌺

One full-screen plane, two render targets, and a bit of shader magic

Live demo & source code: https://codepen.io/ksenia-k/full/poOMpzx

Made with @threejs

Hosted on @CodePen

Special thanks to @bookofshaders

#webgl #glsl #threejs #shader #drawingtool https://t.co/hQ480LjV4e

:sys_twitter: https://twitter.com/uuuuuulala/status/1642889510915563520

Oh look they used #WebGL to automate that teeshirt the cool girl you like wears: https://pouria.dev/unknown-pleasures

The File System Access API can be used to save PNG image sequence from the canvas element, which could be rendered at 30 fps.

Let's use WebGL as a pre-renderer.

#webgl

Today's https://web3dsurvey.com update:

There is now platform breakdowns for every #WebGL & #WebGL 2 extension. (And the website is much faster - query caching FTW!)

For example, etc1 texture compression (below) has poor support on desktop platforms, especially windows.

Feels like the 90s are coming back into fashion, so I feel like I want a big panel van and someone can airbrush this on the side for me…

https://fractious.glitch.me/?x=-0.6514871799162409&y=0.477963339519598&i=2000&h=0.998&s=0.830&z=9.220496146492371e-9

(usual #mandelbrot #fractal #webgl larks)

Today's update to #web3dsurvey:

I've added all Parameters from #WebGL and #WebGL2 as well as frequency of majorPerformanceCaveat: