Masthash

#webGL

Rémi Eismann
1 hour ago

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

Decomposition into weight × level + jump of A013917 in 2D (log(weight), log(level))
Decomposition into weight × level + jump of A013917 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))
Ben Houston
9 hours ago

Today's update to #web3dsurvey:

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

https://web3dsurvey.com/webgl
https://web3dsurvey.com/webgl2

C:\KKJ\>:idle:
19 hours ago

Added Virtual Production like panorama lighting (as option).

New example meshes and environments. Better lighting.

=> https://virtualcurator.p1x.in

#ChatGPT #HTML #AFRAME #XR #VR #WebGL #GLTF

Rémi Eismann
1 day ago

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

Decomposition into weight × level + jump of A013916 in 2D (log(weight), log(level))
Decomposition into weight × level + jump of A013916 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))
CodePen.IO :verify:
1 day ago

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

Media source: https://video.twimg.com/ext_tw_video/1640819532540391424/pu/vid/1280x720/aL3yT1ys4NdLcERk.mp4?tag=12
Marcel Wiessler
2 days ago

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

https://needle.tools

#madewithneedle #webgl

Rémi Eismann
2 days ago

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

Decomposition into weight × level + jump of A011775 in 2D (log(weight), log(level))
Decomposition into weight × level + jump of A011775 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))
Guido Schmidt
3 days ago

Few more of these with additional wafting spatial motion

#generative #CreativeCoding #threejs #webgl #motion #dataviz #monday

Guido Schmidt
3 days ago

Few more of these with additional wafting spatial motion

#generative #CreativeCoding #threejs #webgl #motion #dataviz #monday

Guido Schmidt
3 days ago

Few more of these with additional wafting spatial motion

#generative #CreativeCoding #threejs #webgl #motion #dataviz #monday

Guido Schmidt
3 days ago

Few more of these with additional wafting spatial motion

#generative #CreativeCoding #threejs #webgl #motion #dataviz #monday

Don McCurdy
3 days ago

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

Andrea Belloni
3 days ago

'Materia Fluida' a real time endless generative animation in vanilla Javascript #webgl #glsl soon on #fxhash with #fxparams

Rémi Eismann
3 days ago
Decomposition into weight × level + jump of A011540 in 2D (log(weight), log(level))
Decomposition into weight × level + jump of A011540 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))
noodleJS 🏳️‍🌈
3 days ago

Hey hey, I randomly generated a map! This algorithm is more complicated than the whole damn game engine, lol.

#gamedev #webgl

A first-person perspective video showcasing a randomly generated labyrinth.
Wu Yuansheng
4 days ago

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

Rémi Eismann
4 days ago

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 A011539 in 2D (log(weight), log(level))
Decomposition into weight × level + jump of A011539 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))
James King
4 days ago

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

Rémi Eismann
5 days ago
Decomposition into weight × level + jump of A011533 in 2D (log(weight), log(level))
Decomposition into weight × level + jump of A011533 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))
Bluelupo
6 days ago

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)

https://librewolf.net/docs/settings/

Guido Schmidt
6 days ago

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

Rémi Eismann
6 days ago
Decomposition into weight × level + jump of A011532 in 2D (log(weight), log(level))
Decomposition into weight × level + jump of A011532 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))
DonLuisSalcedo
6 days ago

Working on a webGL configurator for my Ford Fiesta 2011... still WIP

#Blender3d #blendercommunity #BlenderLatino #OpenSource #3DCar #Vehicle #Render #3dart #ford #WebGL

Ford Fiesta 2011 - 3D Model
Ford Fiesta 2011 - 3D Model rear
Ford Fiesta 2011 - 3D Model - Front 1
Ford Fiesta 2011 - 3D Model - Front 2
1 week ago

@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

Rémi Eismann
1 week ago
Decomposition into weight × level + jump of A011531 in 2D (log(weight), log(level))
Decomposition into weight × level + jump of A011531 in 3D (threejs - WebGL) (log(weight), log(level), log(jump))
Verekia
1 week ago

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

Ben Houston
1 week ago

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!

Guido Schmidt
1 week ago

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

Guido Schmidt
1 week ago

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

Don McCurdy
1 week ago

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

Screenshot of the https://gltf.report website, showing a ~50 line script on the left side of the page, overlaying a 3D point cloud model of a galaxy.
Casey Primozic / ameo
1 week ago

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

Screen recording of mixer levels viz in web synth.  There are multiple inputs, each with a slider controlling volume.  Each one has a name as well as a visualization of how loud the volume is.

The viz consists of colored bars that get more filled in the louder the volume is.  The bar changes to yellow and red as it approaches 0dB.  There are ticks with labels in intervals of 10dB going from -60 to 20.

The bars go up and down rapidly as the various tracks change in volume.
CodePen.IO :verify:
1 week ago

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

Media source: https://video.twimg.com/ext_tw_video/1638235663714623491/pu/vid/1280x720/vZBDkyno4biIPchr.mp4?tag=12
Matt McKegg
1 week ago

Doof Island from cyberfest 2! Fun build, and even more fun party 🥰🦆🦀🦇🏝️

#voxelart #magicavoxel #cyberdoof #doomfam #onlinefestival #virtualworld #webgl

The sunsets over a 3D render of a tiny voxel island. Tall trees provide a canopy over a dance floor occupied by large cubic screens and tiny colourful avatars. A large cliff can be seen in the background occupied by more colourful avatars and festoon lights.
Casey Primozic / ameo
1 week ago

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

Recording of multi-track MIDI editor in web synth.  Running in a browser tab with a dark theme.

Shows many MIDI notes arranged into distinct bands.  Some are collapsed and just render as an image, while some are expanded and render with a full grid that has measure lines, piano keyboard, drag bars, cursor, etc.
noodleJS 🏳️‍🌈
1 week ago

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? 🤔

A scene with 5 letter-F's being rotated in the viewport.
Sam
2 weeks ago

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

#chiptune #stream #webgl #freeEvent

Ben Houston
2 weeks ago

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

Iván Sánchez Ortega
2 weeks ago

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

Map interface, with small moving dots and a lot of hexagons. The hegaxons change colour as the dots move around.
Ben Houston
2 weeks ago

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.

Garrett Johnson
2 weeks ago

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

Walker Boh🛡
2 weeks ago

All of my room render objects are now perfect to scale.
I used sub assemblies on the bed platform to simplify the main assembly function.
Fun stuff.
#lowpoly #webgl

Bed with mattress removed showing base and sub assemblies
Room render with all objects perfectly to scale with details
Code used for the sub assemblies
Iván Sánchez Ortega
2 weeks ago

@pokateo I'm working on real-time #WebGL hexbinning. And it (mostly) works.
#GISchat #dataviz

Verekia
2 weeks ago

💌 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?

#WebGL #browsers #fingerprinting

Walker Boh🛡
2 weeks ago

Continued playing with my webgl model room tonight.
Made the models build using functions, and made the models more realistic.
How can I do this in my head and in code but not in a design program like blender ? 😂
Anyways a fun end to sunday...
#lowpoly #webgl

Bookcases show detail now, added detail to nightstands too and some pillows.
The function used to "build" the bookcases.
Valentin Sawadski
2 weeks ago

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

Walker Boh🛡
3 weeks ago

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...😂​

#webgl #lowpoly #lowpoly3d

Low poly 3d room render
VSCode with the Three.js webgl code
Iván Sánchez Ortega
3 weeks ago

In today's Gleo news: QuadBins.
Or, "how to abuse low-resolution R32F scalar fields and the gl.POINTS rendering mode to aggregate data in real time".
#WebGL #dataviz #GISchat

Map interface, with population data being aggregated and processed into a square bin visualization.
Verekia
3 weeks ago

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

Casey Primozic / ameo
3 weeks ago

Latest wavetable improvements in web synth are paying off

Making it possible to create some really nice sounds that would be difficult or impossible to create without it

Built with #rust #wasm #webaudio #webgl

Recording of a song playing in web synth.  It is in a browser tab.

Starts off playback with the MIDI editor showing the notes of the song and a cursor showing the current spot in the song.  There is a modulation track at the bottom to control the cutoff of a lowpass filter over time.

Tab is switched to view the other modules at work including synth designer with wavetable config loaded, reverb, and filter.
Verekia
1 month ago

💌 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

Verekia
1 month ago

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

CodePen.IO :verify:
1 month ago

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

Media source: https://video.twimg.com/ext_tw_video/1628879859207340036/pu/vid/1280x720/0PInRqRfW_6Rhnmq.mp4?tag=12
Don McCurdy
1 month ago

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

Screenshot of Blender, with a scene containing a small, grass-covered island and a garden.
Verekia
1 month ago

💌 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

Charlie L
1 month ago

Que impresionante es esta demo técnica!

Con #webgl 🤯

https://summer-afternoon.vlucendo.com/

Verekia
1 month ago

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

Don McCurdy
1 month ago

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

Summary view of glTF Transform changes.

1. flatten + join
2. optimize
3. custom config

See following toots for full alt text on each panel.
v3.0 (Milestone)
Features:

Add optimize multi-command to CLI, "optimize all the things" #819
Replace Squoosh with Sharp, new textureCompress() API #752
Add AVIF compression #771
Add quality, effort, and other compression settings #816
Improved texture resizing performance and stability on Node.js
Add flatten() function, reduce scene graph nesting #790
Add join() and joinPrimitives() functions, reduce draw calls #707, #658
Add support for sparse accessors #793
Add --format option to CLI validate command #778
NodeIO creates missing directories when writing .gltf resources #779
Add clearNodeParent(), clearNodeTransform(), getNodeScene() #784
(EXPERIMENTAL) Add --config flag to CLI, support userland extensions and commands #791
Video of the 'gltf-transform optimize' CLI command running. Displays a series of processes, reducing a 3d model from 1.4 MB to 56 KB.
Verekia
1 month ago

💌 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