David Velasco
@davels.io
Creative tech | Environmental science | Machine learning. I read about and sometimes re-share the things that fall within that Venn diagram.
Reposted by David Velasco
Back from some time off programming with a Jump Flood Algorith demo to ease back in!
JFA can be used to create a screen SDF from a model in real time - useful for things like silhouette outlines or any other visual effects. More effects coming up! ✨
#threejs #webgl #gamedev
JFA can be used to create a screen SDF from a model in real time - useful for things like silhouette outlines or any other visual effects. More effects coming up! ✨
#threejs #webgl #gamedev
November 10, 2025 at 5:18 AM
Reposted by David Velasco
Next detailed article on the history of personal computing, from one of my favorite history of technology blogs:
technicshistory.com/2025/10/03/m...
technicshistory.com/2025/10/03/m...
Microcomputers – The Second Wave: Toward A Mass Market
In 1977, three new microcomputers appeared on the scene that broke free from the industry’s hobbyist roots: the Apple II, the Commodore PET, and the Tandy/Radio Shack TRS-80. Much later, in the 199…
technicshistory.com
October 17, 2025 at 8:47 AM
Next detailed article on the history of personal computing, from one of my favorite history of technology blogs:
technicshistory.com/2025/10/03/m...
technicshistory.com/2025/10/03/m...
Reposted by David Velasco
With the #AI-bubble looking close to bursting, here I present a pre-mortem, in which I state that much of AI is simultaneously mega-impressive and still mostly useless. And that any collapse does not mean AI and LLMs will go away: berthub.eu/articles/pos...
The AI-collapse pre-mortem - Bert Hubert
An essential part of being able say ‘I told you so’ is in fact having told you so. Here goes.
In April 2023, I wrote an article titled AI: Guaranteed to disrupt our economies. In this piece I also ann...
berthub.eu
October 16, 2025 at 7:55 AM
With the #AI-bubble looking close to bursting, here I present a pre-mortem, in which I state that much of AI is simultaneously mega-impressive and still mostly useless. And that any collapse does not mean AI and LLMs will go away: berthub.eu/articles/pos...
Reposted by David Velasco
As always, the code for my big O post is here and MIT licensed so feel free to use it: github.com/samwho/visua...
Specifically I think github.com/samwho/visua... could have broader use, this is the component for stepping through code line by line. It’s a bit of a mess, sorry 😅
Specifically I think github.com/samwho/visua... could have broader use, this is the component for stepping through code line by line. It’s a bit of a mess, sorry 😅
visualisations/big-o at main · samwho/visualisations
Code behind my visualisation blog posts. Contribute to samwho/visualisations development by creating an account on GitHub.
github.com
August 24, 2025 at 7:35 AM
As always, the code for my big O post is here and MIT licensed so feel free to use it: github.com/samwho/visua...
Specifically I think github.com/samwho/visua... could have broader use, this is the component for stepping through code line by line. It’s a bit of a mess, sorry 😅
Specifically I think github.com/samwho/visua... could have broader use, this is the component for stepping through code line by line. It’s a bit of a mess, sorry 😅
Reposted by David Velasco
✨ New article is live: CSS Spotlight Effect
I asked myself what we could do with just the mouse position, and got to this fun simple effect.
Hope you enjoy it, and maybe it will spark some new ideas for you too. 😊
🔗 Check it out on @frontendmasters.com: frontendmasters.com/blog/css-spo...
I asked myself what we could do with just the mouse position, and got to this fun simple effect.
Hope you enjoy it, and maybe it will spark some new ideas for you too. 😊
🔗 Check it out on @frontendmasters.com: frontendmasters.com/blog/css-spo...
May 26, 2025 at 6:51 PM
✨ New article is live: CSS Spotlight Effect
I asked myself what we could do with just the mouse position, and got to this fun simple effect.
Hope you enjoy it, and maybe it will spark some new ideas for you too. 😊
🔗 Check it out on @frontendmasters.com: frontendmasters.com/blog/css-spo...
I asked myself what we could do with just the mouse position, and got to this fun simple effect.
Hope you enjoy it, and maybe it will spark some new ideas for you too. 😊
🔗 Check it out on @frontendmasters.com: frontendmasters.com/blog/css-spo...
Reposted by David Velasco
Three hard-won lessons for entrepreneurs I learned in my journey from VFX to Enterprise SaaS.
My talk at the Ottawa Network last night (May 22, 2025)
benhouston3d.com/blog/lession...
My talk at the Ottawa Network last night (May 22, 2025)
benhouston3d.com/blog/lession...
May 23, 2025 at 3:22 PM
Three hard-won lessons for entrepreneurs I learned in my journey from VFX to Enterprise SaaS.
My talk at the Ottawa Network last night (May 22, 2025)
benhouston3d.com/blog/lession...
My talk at the Ottawa Network last night (May 22, 2025)
benhouston3d.com/blog/lession...
Reposted by David Velasco
The game is on: we are bringing WebGPU to React Native. This update enables:
🐎 Seamless Reanimated integration for UI thread rendering
🧊ThreeJS and React Three Fiber are a major focus to bring stunning 3d experiences to React Native.
www.youtube.com/watch?v=t9t-...
🐎 Seamless Reanimated integration for UI thread rendering
🧊ThreeJS and React Three Fiber are a major focus to bring stunning 3d experiences to React Native.
www.youtube.com/watch?v=t9t-...
May 6, 2025 at 6:57 PM
The game is on: we are bringing WebGPU to React Native. This update enables:
🐎 Seamless Reanimated integration for UI thread rendering
🧊ThreeJS and React Three Fiber are a major focus to bring stunning 3d experiences to React Native.
www.youtube.com/watch?v=t9t-...
🐎 Seamless Reanimated integration for UI thread rendering
🧊ThreeJS and React Three Fiber are a major focus to bring stunning 3d experiences to React Native.
www.youtube.com/watch?v=t9t-...
Reposted by David Velasco
“Going to the cloud” can mean renting services/servers that you could get from anywhere. There’s little lock-in. The same 4 words “going to the cloud” might also mean locking your operations to a specific cloud provider, forever. This difference is vital yet often ignored: berthub.eu/articles/pos...
'The cloud' is not just servers. 'Going to the cloud' could also mean locking into a forever sub-contractor - Bert Hubert's writingsSupport Ukraine
The very brief version: “going to the cloud” can mean renting services/servers that you could get from anywhere. There’s little lock-in. The same four words “going to the cloud” might also mean lockin...
berthub.eu
April 27, 2025 at 7:15 AM
“Going to the cloud” can mean renting services/servers that you could get from anywhere. There’s little lock-in. The same 4 words “going to the cloud” might also mean locking your operations to a specific cloud provider, forever. This difference is vital yet often ignored: berthub.eu/articles/pos...
Reposted by David Velasco
NEW tutorial: Common Shader Mistakes!
mini.gmshaders.com/p/mistakes
How to avoid the most common pitfalls in graphics programming
mini.gmshaders.com/p/mistakes
How to avoid the most common pitfalls in graphics programming
April 26, 2025 at 9:23 PM
NEW tutorial: Common Shader Mistakes!
mini.gmshaders.com/p/mistakes
How to avoid the most common pitfalls in graphics programming
mini.gmshaders.com/p/mistakes
How to avoid the most common pitfalls in graphics programming
Reposted by David Velasco
Early access is underway! Shader course students are already helping test the new GameDev course.
Look for a broader announcement shortly. All the project demos are live too!
simondev.teachable.com/p/games-thre...
#threejs #gamedevelopment
Look for a broader announcement shortly. All the project demos are live too!
simondev.teachable.com/p/games-thre...
#threejs #gamedevelopment
April 27, 2025 at 7:16 PM
Early access is underway! Shader course students are already helping test the new GameDev course.
Look for a broader announcement shortly. All the project demos are live too!
simondev.teachable.com/p/games-thre...
#threejs #gamedevelopment
Look for a broader announcement shortly. All the project demos are live too!
simondev.teachable.com/p/games-thre...
#threejs #gamedevelopment
Reposted by David Velasco
⚛️📝 New on Overreacted: JSX Over The Wire overreacted.io/jsx-over-the...
JSX Over The Wire — overreacted
Turning your API inside-out.
overreacted.io
April 15, 2025 at 3:54 PM
⚛️📝 New on Overreacted: JSX Over The Wire overreacted.io/jsx-over-the...
Reposted by David Velasco
Warp overlay recreated in Motion for React
Example: examples.motion.dev/react/warp-o...
Original React Native source: github.com/eds2002/imme...
Example: examples.motion.dev/react/warp-o...
Original React Native source: github.com/eds2002/imme...
April 17, 2025 at 1:38 PM
Warp overlay recreated in Motion for React
Example: examples.motion.dev/react/warp-o...
Original React Native source: github.com/eds2002/imme...
Example: examples.motion.dev/react/warp-o...
Original React Native source: github.com/eds2002/imme...
Reposted by David Velasco
Still a work in progress, but this week I'm adding 3D Render Targets and 2D Array RenderTargets to the WebGPURenderer in threejs!
It works on both WebGPU and WebGL backends and supports Multi Render Targets and writing to specific layer/depth OOTB!
github.com/mrdoob/three...
It works on both WebGPU and WebGL backends and supports Multi Render Targets and writing to specific layer/depth OOTB!
github.com/mrdoob/three...
WebGPURenderer: Introduce RenderTarget3D and RenderTargetArray by RenaudRohlinger · Pull Request #30155 · mrdoob/three.js
Description
Introduce support for 3D textures and texture arrays in multi-render target (MRT) setups for both WebGPU and WebGL backends.
Unlike WebGLRenderer I used prefix instead of suffix (WebGLA...
github.com
December 18, 2024 at 8:19 AM
Still a work in progress, but this week I'm adding 3D Render Targets and 2D Array RenderTargets to the WebGPURenderer in threejs!
It works on both WebGPU and WebGL backends and supports Multi Render Targets and writing to specific layer/depth OOTB!
github.com/mrdoob/three...
It works on both WebGPU and WebGL backends and supports Multi Render Targets and writing to specific layer/depth OOTB!
github.com/mrdoob/three...
Reposted by David Velasco
Just wrapped up coding the combat for my #threejs Isometric RPG series! Starting to feel like a real game. New video drops on Monday for Patreons, public release the following week. I think for the next video I might start putting some lipstick on this pig 🐷
December 7, 2024 at 4:56 AM
Just wrapped up coding the combat for my #threejs Isometric RPG series! Starting to feel like a real game. New video drops on Monday for Patreons, public release the following week. I think for the next video I might start putting some lipstick on this pig 🐷
Reposted by David Velasco
Encontré una imagen en Behance la cual decidí recrear con Blender y ThreeJS - Diseñado por Michel Fernandez (Behance: xiperseime7b34)
Diorama - Milk
Live + code en CodePen: codepen.io/ricardooliva...
#html #css #javascript #threejs #blender #diorama #anime
Diorama - Milk
Live + code en CodePen: codepen.io/ricardooliva...
#html #css #javascript #threejs #blender #diorama #anime
December 4, 2024 at 9:24 PM
Encontré una imagen en Behance la cual decidí recrear con Blender y ThreeJS - Diseñado por Michel Fernandez (Behance: xiperseime7b34)
Diorama - Milk
Live + code en CodePen: codepen.io/ricardooliva...
#html #css #javascript #threejs #blender #diorama #anime
Diorama - Milk
Live + code en CodePen: codepen.io/ricardooliva...
#html #css #javascript #threejs #blender #diorama #anime
Reposted by David Velasco
These are my code-generated artworks now on display at Mathematical Art Digital Exhibition at Queens College @cuny.bsky.social, curated by @mathzorro.bsky.social
Check out this diverse collection of #MathArt:
www.qc.cuny.edu/academics/ma...
Thanks also to @threejs.org #threejs :-)
#SciArt
Check out this diverse collection of #MathArt:
www.qc.cuny.edu/academics/ma...
Thanks also to @threejs.org #threejs :-)
#SciArt
December 5, 2024 at 4:13 PM
These are my code-generated artworks now on display at Mathematical Art Digital Exhibition at Queens College @cuny.bsky.social, curated by @mathzorro.bsky.social
Check out this diverse collection of #MathArt:
www.qc.cuny.edu/academics/ma...
Thanks also to @threejs.org #threejs :-)
#SciArt
Check out this diverse collection of #MathArt:
www.qc.cuny.edu/academics/ma...
Thanks also to @threejs.org #threejs :-)
#SciArt
Reposted by David Velasco
#shadercraft (№77) grgrdvrt.github.io/three_shader... by @grgrdvrt.bsky.social (learning)
#threejs really helps get a great result quickly by providing amazing materials. You can learn so much about #shaders using this site to dive through the code and see how it all fits together 🙌
#threejs really helps get a great result quickly by providing amazing materials. You can learn so much about #shaders using this site to dive through the code and see how it all fits together 🙌
three.js Shaders Sources
grgrdvrt.github.io
December 6, 2024 at 12:53 AM
#shadercraft (№77) grgrdvrt.github.io/three_shader... by @grgrdvrt.bsky.social (learning)
#threejs really helps get a great result quickly by providing amazing materials. You can learn so much about #shaders using this site to dive through the code and see how it all fits together 🙌
#threejs really helps get a great result quickly by providing amazing materials. You can learn so much about #shaders using this site to dive through the code and see how it all fits together 🙌
Reposted by David Velasco
I spend a lot of time making little 3D scenes for fun that require different ways of positioning objects, so I wanted to collect and share a reference for some quick ways that I typically handle that with utility fns. 🧵 (0/7)
#svelte #threlte #threejs
code: stackblitz.com/edit/demo-po...
#svelte #threlte #threejs
code: stackblitz.com/edit/demo-po...
demo_positioning-things - StackBlitz
A series of examples on how to programmatically position objects in your scene.
stackblitz.com
December 6, 2024 at 5:38 PM
I spend a lot of time making little 3D scenes for fun that require different ways of positioning objects, so I wanted to collect and share a reference for some quick ways that I typically handle that with utility fns. 🧵 (0/7)
#svelte #threlte #threejs
code: stackblitz.com/edit/demo-po...
#svelte #threlte #threejs
code: stackblitz.com/edit/demo-po...
Reposted by David Velasco
In part 3 of my TSL series we start to move the vertices around niklever.com/get-to-grips... #threejs
Get to grips with ThreeJS Shading Language (TSL) – Part 3 - Nik Lever
As we learn TSL together I've set myself the challenge of reproducing the lava ball example that you can see below. It will need to adjust the vertices of the modelled geometry. In this lesson we'll l...
niklever.com
December 3, 2024 at 9:04 AM
In part 3 of my TSL series we start to move the vertices around niklever.com/get-to-grips... #threejs
Reposted by David Velasco
new youtube stream, ascii effect with WebGPU, TSL and #threejs, inspired by @luluxxx.bsky.social gifs www.youtube.com/watch?v=NxeR...
November 24, 2024 at 11:21 AM
new youtube stream, ascii effect with WebGPU, TSL and #threejs, inspired by @luluxxx.bsky.social gifs www.youtube.com/watch?v=NxeR...
Reposted by David Velasco
Proceduraly generated oak leaves and acorns.
JS/PEX/WebGL/Nodes
JS/PEX/WebGL/Nodes
November 24, 2024 at 2:01 PM
Proceduraly generated oak leaves and acorns.
JS/PEX/WebGL/Nodes
JS/PEX/WebGL/Nodes
Reposted by David Velasco
Let's post some old work with a little behind-the-scenes
This loop, Fractal Polycephaly, won the 2019 Revision Demoparty animated GIF competition
It's rendered entirely within a raymarching shader, there's no polygonal geometry
This loop, Fractal Polycephaly, won the 2019 Revision Demoparty animated GIF competition
It's rendered entirely within a raymarching shader, there's no polygonal geometry
November 21, 2024 at 5:40 PM
Let's post some old work with a little behind-the-scenes
This loop, Fractal Polycephaly, won the 2019 Revision Demoparty animated GIF competition
It's rendered entirely within a raymarching shader, there's no polygonal geometry
This loop, Fractal Polycephaly, won the 2019 Revision Demoparty animated GIF competition
It's rendered entirely within a raymarching shader, there's no polygonal geometry
Reposted by David Velasco
Interactive Web Particle Sphere. Built with JavaScript + Three.js webGL library
You can try it here: safarsofar.github.io/sphere-parti...
And the source code is available here: github.com/SafarSoFar/s...
#threejs #creativecoding #webdesign #graphics #vfx
You can try it here: safarsofar.github.io/sphere-parti...
And the source code is available here: github.com/SafarSoFar/s...
#threejs #creativecoding #webdesign #graphics #vfx
November 2, 2024 at 6:42 AM
Interactive Web Particle Sphere. Built with JavaScript + Three.js webGL library
You can try it here: safarsofar.github.io/sphere-parti...
And the source code is available here: github.com/SafarSoFar/s...
#threejs #creativecoding #webdesign #graphics #vfx
You can try it here: safarsofar.github.io/sphere-parti...
And the source code is available here: github.com/SafarSoFar/s...
#threejs #creativecoding #webdesign #graphics #vfx
Reposted by David Velasco
November 19, 2024 at 2:38 PM