#threejs

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

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

We released a first version of EditorSync for #Unity to #threejs yesterday 😊

https://needle.tools

#madewithneedle #webgl

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.

#threejs #gltf #webgl #gamedev

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

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

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

Modulation of space... in motion

#threejs #webgl #creativecoding #javascript #glsl #generativeart #animation #digitalart #generative #code #processing #webdeveloper #art #shaders #shader

Modulation of space

#threejs #webgl #creativecoding #javascript #glsl #generativeart #animation #digitalart #generative #code #processing #webdeveloper #art #shaders #shader

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

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

One day, one decomposition
A011257: Geometric mean of phi(n) and sigma(n) is an integer

3D graph #threejs #webGL ➡️ https://decompwlj.com/3Dgraph/A011257.html
2D graph, first 500 terms ➡️ https://decompwlj.com/2Dgraph500terms/A011257.html

#decompwlj #math #mathematics #sequence #OEIS #javascript #php #3D #numbers #phi #sigma #graph

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

#gltf #webgl #threejs #gamedev

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

#VirtualBombe now has the addition of the #Enigma reflector modules. These allow the operator to switch which reflector is being used simply by replacing a prewired module. Enigma mostly used a reflector named UKW-B or UKW-C during the war. #tnmoc #bletchleypark #threejs

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.

#threejs #webgl #raytracing

💌 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

a generative audiovisual artwork based on deterministic algorithms, with stochastic tendencies

opens Wednesday, March 15th at 21:09 CET on #fxhash

https://www.fxhash.xyz/generative/slug/serendipity-vs-consequence

more info: https://www.fxhash.xyz/article/serendipity-vs-consequence
preview: https://fraguada.net/svsc

#genart #genartclub #generativeaudio #threejs #tonejs

Walking over the generated landscape. #turnbasedmonday #threejs #javascript

We are thrilled to announce the open-source release of our 3D-UI library, "Koestlich", which leverages the power of three.js, R3F, and yoga ⚡
https://github.com/coconut-xr/koestlich
Example: https://8hjx90.csb.app/
#threejs #r3f

⭐️ 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

Three-gpu-pathtracer revision 14 is out! This release brings the addition of support for volumetric fog and some small performance improvements!

Changelog here:
https://github.com/gkjohnson/three-gpu-pathtracer/releases/tag/v0.0.14

#threejs #webgl #raytracing #javascript

I also converted the special #beatstaylove logo that was created for this event the same way, this time with music from #minzkönig from https://www.mixcloud.com/BeatStayLove/beats-they-love-022-by-minzk%C3%B6nig/

#nerddisco #threejs #visualart #genart #generative #visuals #art #generativeart #audio #audioreactive #dnb #drumandbass #darmstadt #mastoart

Last Saturday was the 7 year anniversary party from #beatstaylove in #schlosskellerdarmstadt & I converted the BSL logo from SVG into 3D in Blender & then into an audio reactive visual with #modv.

The music is taken from #Nogata set https://www.mixcloud.com/BeatStayLove/beats-they-love-015-by-nogata/, so make sure to check that out!

#nerddisco #threejs #visualart #genart #generative #visuals #art #generativeart #audio #audioreactive #dnb #drumandbass #darmstadt #mastoart

I'm trying out a new feedback tracker for https://gltf.report, with upvotes for feature requests and bugs. Add ideas or votes if you're interested!

https://gltf.report/feedback

#threejs #webgl #webdev #gamedev

Screen Space Global Illumination, by 0beqz — beautiful improvements for lighting in #threejs and #webgl!

https://github.com/0beqz/realism-effects

I have been experimenting with generating #typescript skeleton files from #csharp code last night.

It doesnt produce method body / actual logic but could function as a quick start when you have existing code that you want to convert.

#threejs #webgl

I've gotten some of the final quirks worked out of the fog material for three-gpu-pathtracer including the fireflies which were from subsequent specular hits.

Demo here!
https://gkjohnson.github.io/three-gpu-pathtracer/example/bundle/index.html#Stalenhag%20Winter

1/2

#threejs #webgl #raytracing #javascript #graphics

The voxel editor now has a configurable landscape/cave generator: https://pl4n3.github.io/three/anim.htm?sn=anim/voxed.js #javascript #threejs

RT Wakana Y.K.
Which donut is your favorite?😋🍩
Donuts Paradise
Demo : https://codepen.io/wakana-k/pen/BaOQaKM
@CodePen #codepen #threejs #ammojs #donuts https://t.co/eP9p5ujoGY

:sys_twitter: https://twitter.com/WakanaYK/status/1631685498090696706

💌 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

I tried to remove the per-pixel random seed from the pathtracer to see what kind of perf gain it would give & I'm seeing over 2x FPS per sample! Lots of artifacts over time tho.

I wonder if there's a way to keep some perf gain without quality loss? 👇

1/4

#threejs #raytracing

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 #math #mathematics #sequences #NumberTheory #PrimeNumbers #JavaScript #php #graph #3D #classification #primes

More fog rendering with three-gpu-pathtracer. With the added particle bounces these renders take so much longer. I'm going to try a few things listed below to limit the number of fog bounces to improve render time & fireflies but any other ideas are helpful!

1/2

#threejs #webgl

Fog volumetrics coming in three-gpu-pathtracer, next! This is an image with a fairly bright spotlight & volume filling the whole space.

It adds a lot of bounces & variance to the scene so its more intensive + requires more samples but its a nice effect

If I understand right I think this is something that would benefit from bidirectional path tracing pretty heavily but that will have to come another time 😅

#threejs #raytracing

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/

#gamedev #gltf #threejs #webgl #webdev

#GenArt #ThreeJs #CreativeCoding #Rangxel

💌 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. 🪡🧵

#gltf #threejs #webgl #gamedev #graphics

Learning #ThreeJS is one of those things money can’t buy. And AI can’t automate, yet.

RT Dr Abstract
A simple example of using #Threejs with the ZIM! Thanks @CodePen for the fun #CodePenChallenge on Shapes and in particular, the wonderful Cube!
See the description in the pen for more examples!
#Cube #Canvas #JavaScript
#ZIMjs
https://codepen.io/zimjs/pen/ZEMzNNd

:sys_twitter: https://twitter.com/Dr_Abstract/status/1625253936771788808

RT Ksenia Kondrashova
Configurable dice cube fits well with #codepenchallenge this week
Tutorial
Made with @threejs for @codrops
Hosted on @CodePen
#threejs #codepen
https://codepen.io/ksenia-k/pen/rNrYNgj
https://tympanus.net/codrops/2023/01/25/crafting-a-dice-roller-with-three-js-and-cannon-es/

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

💌 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