# #WebGL

One day, one decomposition

A045753: Numbers n such that 4n-1 and 4n+1 are both primes

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

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

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

I built a demo in #bevyengine . With all features enabled (the default) it came out to 30mb.With some light work it came down to 7mb. (wasm-bindgen, wasm-opt, some flags, only 2d-related features).

By comparison, wgpu starts out at 5.5mb and I can get down to 2mb with #webgl or 260kb with #webgpu only.

I'm looking to build some demos for blog posts, and its looking like webgpu-only wgpu is the best size-route forward.

In further #gleo news: More minimalist demos in the REPL.

https://ivansanchez.gitlab.io/gleo/repl.html

I'm still impressed how well symbol decorators work, at a technical level.

One day, one decomposition

A045746: Numbers whose sum of divisors is a triangular number

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

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

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #sum #divisors #triangular #graph #threejs #webGL

Added support for #blender viewport worldopacity and viewport color today to decide if the camera background should use the environment map or use solid clearflags

Already available via https://docs.needle.tools/blender

One day, one decomposition

A045716: a(n) is the binary order (A029837) of the n-th primorial number, A002110(n)

3D graph, threejs - webGL ?? https://decompwlj.com/3Dgraph/A045716.html

2D graph, first 500 terms ?? https://decompwlj.com/2Dgraph500terms/A045716.html

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

One last update, I added a cloud layer. It isn't volumetric, it's just a flat texture on a third sphere sandwiched between the other two. But using the same cloud texture as an alpha map, bump map, and light map (inverted for ground shadows) really makes this little #WebGL demo pop!

We’re chugging along with our MR first UI library. Here’s our built in implementation of hand matting!

A good spatial experience is gives a sense that virtual content is truly in the room. If you put your hand in front of an object and it appears behind it, it instantly breaks the illusion.

Hand matting is key to this. Our implementation isn’t perfect, but a little goes a long way!

#spatialweb #spatialcomputing #mr #xr #mixedreality #webXR #webGL #web #webdev #volumetrics #mrjs

Throw some textures on a ball and suddenly it feels a lot more real! Tweaked the atmosphere shader and cleaned up the project if you want to take a look at the #threejs and #glsl #shader code: https://glitch.com/~polite-playful-wool

My first, favorite and most important sequence, the weights of prime numbers

➡️ http://oeis.org/A117078

We see prime numbers classified by level and by weight on the graph.

This sequence has led to the decomposition into weight × level + jump ➡️ https://oeis.org/wiki/Decomposition_into_weight_*_level_%2B_jump

#FundamentalTheoremOfArithmetic #math #maths #mathematics #sequences #OEIS #NumberTheory #PrimeNumbers #JavaScript #php #graph #3D #classification #primes #threejs #webGL #integer #decomposition #arithmetic #numbers #theory #equation #graphs #sieve

#decompwlj

The decomposition into weight × level + jump of natural numbers is the fundamental theorem of arithmetic ; applied to prime numbers, it leads to a new classification of primes

1000 sequences decomposed with 3D graphs (threejs webGL), 2D graphs - CSV, dump, img to download

⬇️ ⬇️

https://decompwlj.com

➡️ OEISWiki page: Decomposition into weight × level + jump : https://oeis.org/wiki/Decomposition_into_weight_*_level_%2B_jump

➡️ arXiv:0711.0865 [math.NT]: Decomposition into weight * level + jump and application to a new classification of primes: https://arxiv.org/abs/0711.0865

#FundamentalTheoremOfArithmetic #math #maths #mathematics #sequences #OEIS #NumberTheory #PrimeNumbers #JavaScript #php #graph #3D #classification #primes #threejs #webGL #integer #decomposition #arithmetic #numbers #theory #equation #graphs #sieve

Decomposition into weight × level + jump of prime numbers:

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

a new classification of primes ➡️ https://decompwlj.com/primedecomp.php

#decompwlj ➡️ https://oeis.org/wiki/Decomposition_into_weight_*_level_%2B_jump

#FundamentalTheoremOfArithmetic #math #maths #mathematics #sequences #OEIS #NumberTheory #PrimeNumbers #JavaScript #php #graph #3D #classification #primes #threejs #webGL #integer #decomposition #arithmetic #numbers #theory #equation #graphs

One day, one decomposition

A045708: Primes with first digit 2

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

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

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

Perhaps you will enjoy playing the original wipEout in your browser.

One day, one decomposition

A045707: Primes with first digit 1

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

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

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

One day, one decomposition

A045699: Numbers of the form p^2 + q^3, p,q prime

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

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

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

Gave my #JS13K entry a life of its own: https://1k257.com

If you ever played Galcon then this concept should be familiar, but now in 3D and VR.

Here is a bit #workflow footage in #unity and #three.

Funcionality is mainly all builtin Needle Engine with #physics, #animation #audio etc + a firstpersoncontroller script from our samples and a little extra script to apply forces to the clicked Rigidbody

I was just in a hurry so it is really not *the* best material 😅 but it was fun and I'm happy with the result given the small time investment

Decomposition into weight × level + jump of prime numbers:

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

a new classification of primes ➡️ https://decompwlj.com/primedecomp.php

#decompwlj ➡️ https://oeis.org/wiki/Decomposition_into_weight_*_level_%2B_jump

#FundamentalTheoremOfArithmetic #math #maths #mathematics #sequences #OEIS #NumberTheory #PrimeNumbers #JavaScript #php #graph #3D #classification #primes #threejs #webGL #integer #decomposition #arithmetic #numbers #theory #equation #graphs

#decompwlj

The decomposition into weight × level + jump of natural numbers is the fundamental theorem of arithmetic ; applied to prime numbers, it leads to a new classification of primes

1000 sequences decomposed with 3D graphs (threejs webGL), 2D graphs - CSV, dump, img to download

⬇️⬇️

https://decompwlj.com

➡️ OEISWiki page: Decomposition into weight × level + jump : https://oeis.org/wiki/Decomposition_into_weight_*_level_%2B_jump

➡️ arXiv:0711.0865 [math.NT]: Decomposition into weight * level + jump and application to a new classification of primes: https://arxiv.org/abs/0711.0865

#maths #sequences #numbers #graph #sieve #3D #theory #Mathematics #primes #PrimeNumbers #classification #arithmetic #NumberTheory #graphs #OEIS #threejs #webGL #math #integer #decomposition #FundamentalTheoremOfArithmetic #maths

Nick Shelton (sheltron) has an inspiring blog on his adventures with graphics projects covering #webgl,#vr,#fractals,#dataviz,#generative etc etc! - well worth a dive

https://nshelton.github.io/about/

One day, one decomposition

A045636: Numbers of the form p^2 + q^2, with p and q primes

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

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

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

Fresh #frontend #news for you!

Collective 783 is out: https://tympanus.net/codrops/collective/collective-783

🎮 From WebGL to WebGPU

📝 A (more) Modern CSS Reset

🌌 Astro + View Transitions Photo Gallery

🍱 Sticky popout bento effect

#newsletter #webdesign #javascript #webdevelopment #uidesign #ux #css #webgl #technews #ai

One day, one decomposition

A045572: Numbers that are odd but not divisible by 5

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

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

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

An any #marketing specialist explain me why Nvidia driver installer for windows need to create account, need to ask for my birth date and email?

I mean, what is real use even for NVIDIA from this information?

really, are they hope to sell me some GPU accelerated CUDA stuff (a niche product) or AI crap?

Hey, #NVIDIA I am a WEB DEVELOPER!! and don't interested in all that!

I just wanted to get working a #webgl for testing an app in linux firefox for webgl compatibility via #WSL 2.0 🤯

One day, one decomposition

A045542: Sub-perfect powers: perfect powers (squares, cubes etc.) minus 1

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

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

#decompwlj #maths #mathematics #sequence #OEIS #javascript #php #3D #numbers #powers #squares #cubes #minus #graph #threejs #webGL

Heyo, new blog post "From WebGL to WebGPU".

It highlights key differences between the to web graphics APIs. It's meant to give a flavour. I found it interesting. Take a look.

One day, one decomposition

A045468: Primes congruent to {1, 4} mod 5

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

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

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

Hey folks! we’re hiring!

We’re an early stage startup working to build the #spatailweb

We understand that this is a new space, so we encourage everyone to apply regardless of #xr experience. We want a strong engineer first, XR experience is just a plus.

#hiring #jobs #webdevelopment #gamedevelopment #webxr #webgpu #webgl #spatailcomputing #mixedreality #virtualreality #extendedreality #AR #VR #MR #XR #web

In today's #gleo news: A bunch more demos in the REPL. There's a minimalistic example for (almost) every symbol in the library.

(I hope to add demos for GeoJSON, vector tiles and clusters a bit later)

https://ivansanchez.gitlab.io/gleo/repl.html

#WebGL #gischat

#Development #Releases

WebKit features in Safari 17.0 · HTML ‘search’, CSS ‘font-size-adjust’, JPEG XL, and much more https://ilo.im/158tl3

_____

#WebDev #Browser #Safari #Frontend #HTML #CSS #JavaScript #WebAPI #WebGL #Video #Audio

⚠️ glTF Transform v3.7.0 was just published, including upstream fixes to libwebp. If you're processing glTF 3D models or textures from untrusted sources, this is a critical update.

Thanks to @lovell for bringing the fixes in from libwebp to sharp.js so quickly.

#CVE20234863 #libwebp #webp #security #threejs #webgl #gltf #gamedev

In today's #gleo news: a working REPL, intended to be a showcase for the different symbols.

Still gotta add trivial examples of most symbols, but the complex bits (dynamically loading JS modules without a bundler) are solved.

https://ivansanchez.gitlab.io/gleo/repl.html

#WebGL #gischat

@lea thx.

That soulds like a cool game.

Q: Any "#WebGL #Benchmark Mode" planned?

Similar to the #FishIEtank demo...

https://testdrive-archive.azurewebsites.net/performance/fishietank/

Adding the hashtag #gamedev and #webgl as well as #pixelart ☺️

Also, the webgl renderer is testable here: http://boulders.netlify.app/tests/webgl-renderer/

Fresh #frontend #news for you!

Collective 782 is out: https://tympanus.net/codrops/collective/collective-782/

🌌 A Gentle Study of Raymarching

🚀 Vue3 + TresJS Starter

🕵️♂️ Scroll-Driven Animations Debugger

🌐 Realtime Planet Shader

#webdesign #webdevelopment #inspiration #coding #threejs #webgl #javascript #css #technews

@lea makes sense.

Wzat got @fuchsiii a bit excited is #Bun in regards to #WebDevelopment.

https://www.youtube.com/watch?v=dWqNgzZwVJQ

But then again #WebGL basically makes your #Browser and #HTML5 your "#GameEngine"...

Phaser: A fast, fun and free open source HTML5 game framework

https://phaser.io/

#ycombinator #phaser #html5 #games #framework #library #canvas #webgl #animation #sprites #physics #audio #collision

One day, one decomposition

A038873: Primes p such that 2 is a square mod p; or, primes congruent to {1, 2, 7} mod 8

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

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

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

I've been working on another project that's not going to make it past the prototype stage: Siege the Means of Production. An RTS/survivors-like about an anarcho-syndicalist commune on legs destroying capitalism.

https://selkcip.itch.io/smp

#itch #game #gamedev #indiedev #indiegame #webgl #anticapitalism

This last week I've focused on ensuring the #WebGL framebuffer would work for all cases in my #WindsweptInfinity project. There was a rare case where the strokes would sometimes make the pixels permanently maximum opacity and unable to blend. It turned out the opacity was being set to undefined. I was also able to optimize the performance and fix several other important bugs, as well as add an alternating row zone and an offset to the center zone. Here are some examples of those.

I created an infinite loop of an animated checker pattern for my #anydayshaders challenge. #webgl #digitalArt

Fresh #frontend #news for you!

Collective 780 is out: https://tympanus.net/codrops/collective/collective-780/

🎨 Bézier Curves

⚙️ CSS Loaders

🌿 Elysium

🔮 Refraction in Three.js

#HowToThing #011 — Creating a WebGL2 multi-pass shader pipeline using https://thi.ng/webgl to simulate 2D Cellular automata on the GPU. Here we use the classic Game of Life (yawn! ), but the setup allows for easily configurable rules/outcomes...

This new example (#127) is also available as part of the https://thi.ng/umbrella monorepo now...

Demo:

https://demo.thi.ng/umbrella/webgl-game-of-life/

Source code:

https://github.com/thi-ng/umbrella/blob/develop/examples/webgl-game-of-life/src/index.ts

Related projects & reading:

https://thi.ng/cellular

https://demo.thi.ng/umbrella/cellular-automata/

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

#ThingUmbrella #CellularAutomata #Generative #TypeScript #JavaScript #GLSL #WebGL #Tutorial

After my #WebGL framebuffer experiments turned out so well, I decided to switch my #WindsweptInfinity project to that method to get that sweet floating point blending. This allows for lower opacities and for smoother motion since I don't need to skip frames for some elements anymore. Here's a comparison with the outline stroke opacity reduced by 25% and 50%. The strokes would have just disappeared before. I settled on the middle setting to keep it vibrant without being excessive.

WebLLM: Run an AI in your browser with hardware acceleration

https://webllm.mlc.ai/

#llama2 #webgl #llm #ai #+

This feels like a stretch but – does the browser give JavaScript any way to read the original color space of an HTMLImageElement or ImageBitmap object?

I can't find anything, without separately loading the whole image into a byte array and parsing file headers. The browser knows, and internal WebGL APIs use the ICC profile. We (#threejs) are working on support for wide gamut color, and this significantly complicates the user-facing API.

RT masuwa | artdirector

#threejs #webgl #glsl #creativecoding

shaderball

@CodePen

https://codepen.io/ma_suwa/pen/QWzwWKo

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

The new “AgX" tone mapping (available in Blender 4.0 alpha) is an excellent direction. Thanks to @troy_s and all involved there. I'm very interested in seeing a similar option come to three.js, proposed at the link below.

Updated https://web3dsurvey.com with the new draft #WebGL/#WebGL2 extensions: EXT_clip_control, EXT_depth_clamp, WEBGL_polygon_mode, EXT_texture_mirror_clamp_to_edge, EXT_conservative_depth, NV_shader_noperspective_interpolation, OES_sample_variables, EXT_render_snorm, OES_shader_multisample_interpolation, WEBGL_render_shared_exponent, WEBGL_stencil_texturing.

Fresh #frontend #news for you!

Collective 779 is out: https://tympanus.net/codrops/collective/collective-779/

🖼️ deck․gallery

⚡ Lightning CSS

📝 TextFX

🌌 Opendream

#newsletter #webdev #webdesign #coding #ux #js #css #webgl #threejs

If you like #art, #painting or the #Rijksmuseum in #Amsterdam, have a look at @reindernijhoff 's new #WebGL project https://rijkscollection.net/

#Development #Techniques

WebGL image processing · Color correction, image filters, and image effects with GPU shaders https://ilo.im/14uvga

_____

#WebDev #Frontend #WebGL #GLSL #GpuShaders #JavaScript #Images #ImageEffects #ImageFilters #ColorCorrection

Had some fun re-visiting an old #WebGL project over the weekend and updating it to #WebGPU (with some improvements).

Not sure if I'm going to take it any further, but I find it's therapeutic to take some small chunk of older code and redo it with all the accumulated tooling and experience you've gained since.

I published a small collection of KTX2 sample textures. KTX2 textures used in glTF models are simpler — 2D textures and Basis Universal — but KTX2 has more advanced features:

- 1D, 2D, 3D, array, and cubemap textures

- float16 and float32 “HDR” textures

- ASTC, ETC1/2, BC6H, BC7 and other GPU formats

- wide gamut primaries including P3 and BT2020

- …

I compiled samples for many of these, and expect to add more:

I was kind of stuck on how to execute my ideas for the #CreativeCoding challenge this week, but since it was my suggestion that was selected for the topic for the #wccChallenge, I had to do something. So I tried using the new #p5js framebuffer feature (thanks @davepagurek!). The way that colors get blended with it is so satisfying. It simplifies things a lot as well. I wish it could work outside of #webGL mode, but I guess I'll start using that mode more.

Watch it here:

https://openprocessing.org/sketch/1986901