Dan Greenheck
dangreenheck.bsky.social
Dan Greenheck
@dangreenheck.bsky.social
310 followers 140 following 85 posts
dangreenheck.com. Previously Navigation @BlueOrigin, OneDrive iOS @Microsoft. Now I help people build awesome 3D content for the web.
Posts Media Videos Starter Packs
Pinned
My FREE Three.js crash course💥 is now available to the public! Learn how to build an interactive 3D art gallery 🖼️ from scratch! youtu.be/HxPgbXlq1mo

#3d #threejs #webgl #tutorial #webdev #html #javascript
Three.js Crash Course for Beginners | Build a 3D Art Gallery!
YouTube video by Dan Greenheck
youtu.be
Smashing things in #VR is the ultimate stress reliever! 🔨💥

When @viverse.com commissioned me to create a 3D world, I couldn't resist adding some seriously satisfying destructible elements. I'll be releasing a complete breakdown on YouTube in the next 2 weeks - learn exactly how I built it!
Cooking up some VR experiences for my upcoming commission with @viverse.com 👨🏻‍🍳 Ported over my #threejs destruction library to #PlayCanvas. More updates coming soon! #Vive #ViveXR
This is the most fun I've had working on a project in a very long time. Dave was an absolute joy to work with and we ended up creating a badass product. Can't wait for people to start using it! #threejs #opensource #ttrpg #dnd
Table Slayer is now feature complete. I plan on opening it up for beta up next week, and doing a full release once I come back from vacation in mid April. It will be Open Source. Here's a demo. If you're interested in helping with the beta, sign up at tableslayer.com.
I am super proud of the progress @davesnider.com and I have made on Table Slayer in just a short few months! If you're a #ttrpg or #dnd fan, you'll definitely want to check this out. In a few seconds you can change the scene from happy and sunny ☀️ to a rainy, night-time goblin ambush!👹
FYI I'll be publishing a video in the next few days on how to create this glowing portal shader effect with #threejs
This is for all you #ttrpg and #dnd fans out there! Super stoked to show off the latest addition to Table Slayer: tokens! We've added support for three token sizes, several different shapes and customizable colors, text and images. Interested? Sign up for the beta👇🏻 Building with @davesnider.com
If you'd like to support my #threejs open-source projects and tutorials, please consider sponsoring me on Github! ❤️
github.com/sponsors/dgr...
Sponsor @dgreenheck on GitHub Sponsors
Support dgreenheck's open source work
github.com
If you'd like to sign up for my upcoming #threejs course, head on over to www.threejsroadmap.com and join the wait list to get 30% off your first purchase! And apologies for the garbage looking site—haven't pushed up these changes yet!
Three.js Roadmap – Learn 3D Web DevelopmentYouTubeXPatreonGithubToggle Menu
www.threejsroadmap.com
The vision is slowing coming to life... 🌎 #threejs
Reposted by Dan Greenheck
Really didn't think it would be possible to make Table Slayer work in mobile, but here we are. Still need to fix some of the flashing during update, but the core work is done. Mostly a lot of fancy container queries.

Showing off a nice map from @orithecarto.bsky.social
I'm excited to announce the *official* release of Three Piñata 🪅, an open-source #threejs library which let's you slice🗡️, smash🔨 and blow-up💥 3D geometry in real-time!

Links to demo, npm package and source 👇🏻

#webgl #gamedev #WebDev #opensource
Made some good progress on the hero for #threejsroadmap tonight! Been experimenting with different shaders and post-processing and I think I've finallly landed on the right vibe. Now I just need to add a few interactive elements to the planet... #threejs #webgl #webdev
⚠️(WIP Warning) Been reworking the design for #threejsroadmap ahead of the launch. Decided to try converting my planet generator shader to low-poly. Might expose some controls to the user to generate new planets. Still needs trees, clouds, etc. Thoughts? 🤔#threejs #webgl #wegdev
The video topic poll for March is now live for paid Patreon members! The theme will be "How Did They Make It?! 🤔" I'll take an existing shader effect and attempt to reverse engineer it! 🛠️

Become a member and vote now! 👇🏻
www.patreon.com/posts/march-...

#threejs #shaders #webgl
March Video Topic Poll | Dan Greenheck
Get more from Dan Greenheck on Patreon
www.patreon.com
I’ve had a few people comment on my videos asking how to deploy a #threejs app to Github pages, so I decided to put together a quick tutorial! I cover importing Three.js from both npm and via CDN.

youtu.be/ygdbUEsAYyQ
Deploy Your Three.js App to GitHub Pages — Beginner Tutorial
YouTube video by Dan Greenheck
youtu.be
The latest episode of my #threejs 3D RPG series is now live! I'll show you some simple techniques for creating low-poly trees, rocks and bushes in Blender, and how you can import those into your game. youtu.be/iZCyZcQzYoo
#gamedev #webgl #blender #lowpoly #rpg
Creating Low-Poly Assets in Blender 🌲 Three.js RPG Tutorial (Part 11)
YouTube video by Dan Greenheck
youtu.be
Another #TableSlayer update! This last week I continued to refine the post-processing effects (bloom, DOF, LUTs, tonemapping, etc.) and also added some new weather types. Starting to look polished! 🏆 #ttrpg #dnd #threejs #webgl
The latest episode of my #threejs 3D RPG series is now available as early access for paid Patreon members!

In this episode, I show you how you can quickly create some low-poly trees, rocks and bushes in Blender.

www.patreon.com/posts/early-...

#gamedev #lowpoly #blender #3dart
Reposted by Dan Greenheck
Getting close! Here's a more realistic demo of Table Slayer that shows the editor and the TV in concert. Showing off @dangreenheck.bsky.social's latest weather that we wired up today.
Just finished building this stylized ocean shader for a client! 🌊 These type of projects are my favorite because it's a perfect blend of math and art! #threejs #webgl #r3f #shaders #gamedev #creativecoding
Reposted by Dan Greenheck
The WebGPURenderer is amazing.

Today, I built a fat line library that works with all Three.js built-in materials (PBR included), runs super fast as InstancedMesh or BatchedMesh, and only needed one node and a few lines of TSL to make it work.