David Velasco
@davelsan.bsky.social
49 followers 260 following 3 posts
Creative tech | Environmental science | Machine learning I read about and sometimes re-share the things that fall within that Venn diagram.
Posts Media Videos Starter Packs
Reposted by David Velasco
Reposted by David Velasco
Sam Rose @samwho.dev · Aug 24
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 😅
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
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...
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...
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-...
Reposted by David Velasco
Reposted by David Velasco
Xor @xordev.com · Apr 26
NEW tutorial: Common Shader Mistakes!
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
I might remember using TortoiseSVN along with it 😊
This was a lovely read. Thank you 🙏
Sweet. Reminds me of Reanimated's SharedValue 😊
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...
Reposted by David Velasco
Started out just to test some patterns for something 3D I want to make - but ended up making a cute little shader. #webgl #shader #glsl #pattern #geometry #hexagon

www.shadertoy.com/view/4cVfWG
Reposted by David Velasco
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 🐷
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
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
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 🙌
three.js Shaders Sources
grgrdvrt.github.io
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...
demo_positioning-things - StackBlitz
A series of examples on how to programmatically position objects in your scene.
stackblitz.com
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...
Reposted by David Velasco
Proceduraly generated oak leaves and acorns.
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