Sign in

Dan Greenheck

@dangreenheck.bsky.social
324 followers 144 following 85 posts

dangreenheck.com. Previously Navigation @BlueOrigin, OneDrive iOS @Microsoft. Now I help people build awesome 3D content for the web.

PostsRepliesMedia
Dan Greenheck @dangreenheck.bsky.social · 23/06/2025
media.tenor.com
a man with glasses is surrounded by a glowing circle and the website pmitf.com is displayed below him
ALT: a man with glasses is surrounded by a glowing circle and the website pmitf.com is displayed below him
000
Dan Greenheck @dangreenheck.bsky.social · 10/04/2025
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!
040
Dan Greenheck @dangreenheck.bsky.social · 27/03/2025
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
030
Dan Greenheck @dangreenheck.bsky.social · 21/03/2025
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
030
Dan Greenheck @dangreenheck.bsky.social · 14/03/2025
If you want to sign up for the beta, head to tableslayer.com 🗡️
tableslayer.com
Table Slayer
Tools to create animated battle maps for in person RPG games.
000
Dan Greenheck @dangreenheck.bsky.social · 14/03/2025
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!👹
120
Dan Greenheck @dangreenheck.bsky.social · 10/03/2025
FYI I'll be publishing a video in the next few days on how to create this glowing portal shader effect with #threejs
030
Dan Greenheck @dangreenheck.bsky.social · 07/03/2025
tableslayer.com
000
Dan Greenheck @dangreenheck.bsky.social · 07/03/2025
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
121
Dan Greenheck @dangreenheck.bsky.social · 07/03/2025
If you'd like to support my #threejs open-source projects and tutorials, please consider sponsoring me on Github! ❤️ github.com/sponsors/dgr...
github.com
Sponsor @dgreenheck on GitHub Sponsors
Support dgreenheck's open source work
000
Dan Greenheck @dangreenheck.bsky.social · 05/03/2025
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!
threejsroadmap.com
Three.js Roadmap – Learn 3D Web DevelopmentYouTubeXPatreonGithubToggle Menu
000
Dan Greenheck @dangreenheck.bsky.social · 05/03/2025
The vision is slowing coming to life... 🌎 #threejs
1122
Reposted by Dan Greenheck
Dave Snider @davesnider.com · 04/03/2025
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
072
Dan Greenheck @dangreenheck.bsky.social · 04/03/2025
💻 DEMO dgreenheck.github.io/three-pinata/ 📃 SOURCE CODE github.com/dgreenheck/t... 📦 NPM PACKAGE www.npmjs.com/package/@dgr...
dgreenheck.github.io
Three Piñata Demo
010
Dan Greenheck @dangreenheck.bsky.social · 04/03/2025
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
1498
Dan Greenheck @dangreenheck.bsky.social · 27/02/2025
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
020
Dan Greenheck @dangreenheck.bsky.social · 24/02/2025
⚠️(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
000
Dan Greenheck @dangreenheck.bsky.social · 20/02/2025
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
patreon.com
March Video Topic Poll | Dan Greenheck
Get more from Dan Greenheck on Patreon
021
Dan Greenheck @dangreenheck.bsky.social · 19/02/2025
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
youtu.be
Deploy Your Three.js App to GitHub Pages — Beginner Tutorial
YouTube video by Dan Greenheck
020
Dan Greenheck @dangreenheck.bsky.social · 17/02/2025
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
youtu.be
Creating Low-Poly Assets in Blender 🌲 Three.js RPG Tutorial (Part 11)
YouTube video by Dan Greenheck
093
Dan Greenheck @dangreenheck.bsky.social · 12/02/2025
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
041
Dan Greenheck @dangreenheck.bsky.social · 10/02/2025
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
070
Reposted by Dan Greenheck
Dave Snider @davesnider.com · 07/02/2025
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.
0131
Dan Greenheck @dangreenheck.bsky.social · 06/02/2025
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
1181
Reposted by Dan Greenheck
Renaud @handle.invalid · 08/01/2025
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.
38714
Dan Greenheck @dangreenheck.bsky.social · 04/02/2025
Just finished adding some top-down weather effects to #TableSlayer! Created a generic particle generator which has enough flexibility to create the effects we need. Will also be adding some embers and falling leaves :) #threejs #webgl #gamedev
061
Dan Greenheck @dangreenheck.bsky.social · 28/01/2025
youtu.be/jK4uXGY07vA
youtu.be
Create Realistic Water with Three.js - GLSL Shader Tutorial
YouTube video by Dan Greenheck
050
Dan Greenheck @dangreenheck.bsky.social · 28/01/2025
Want to learn how to create beautiful, realistic water like this? Or maybe you're just interested in learning more about shaders? Be sure to check out my FREE tutorial on my YouTube channel! 🔗👇🏻 #threejs #shaders #glsl #webgl #gamedev #webdev
2475
Dan Greenheck @dangreenheck.bsky.social · 25/01/2025
That is the fog of war!
010
Dan Greenheck @dangreenheck.bsky.social · 24/01/2025
This is a short demo of Table Slayer - a tool I am building with @davesnider.com for creating virtual battle maps for table top games like Dungeons and Dragons. Join the waitlist to be a part of the beta (ETA March 2025) tableslayer.com
tableslayer.com
Table Slayer
Tools to create animated battle maps for in person RPG games.
000
Dan Greenheck @dangreenheck.bsky.social · 24/01/2025
Imagine it now... 🤔 your party is exploring a frozen, desolate town on the edge of the mountain. All of a sudden the blizzard picks up and a chill sweeps through the air and you hear a howling in the distance... 🥶 #ttrpg #dnd #gamedev #threejs #webgl
2122
Dan Greenheck @dangreenheck.bsky.social · 23/01/2025
Recorded the next video for my #threejs 3D RPG series! ⚔️ 🛡️ 🧙🏼‍♂️ We'll be replacing the trees, rocks, bushes with some real 3D assets! I'll show you my process for creating low-poly assets in Blender. Dropping 1/27 for Patreon members. #webgl #gamedev #javascript
0121
Dan Greenheck @dangreenheck.bsky.social · 22/01/2025
All of the map layers are rendered using an orthographic camera. But I wanted the weather to have some depth to it, so I render to a separate render target using a perspective camera. From there I can tune the camera's FOV to get the desired amount of "depth".
000
Dan Greenheck @dangreenheck.bsky.social · 22/01/2025
Started work on the 3D particle system for Table Slayer today. Implemented the particle generation and respawn. This will be used for generating dynamic weather (rain, snow, embers, etc.). I'll be posting updates in the upcoming days, stay tuned! #threejs #webgl #gamedev
1173
Dan Greenheck @dangreenheck.bsky.social · 22/01/2025
Finally found some time to put together a portfolio site! dangreenheck.com. I decided to buck the trend of a flashy, showcase portfolio and do something simple and fast. I used carrd.co to build this and was super impressed with how inexpensive and easy to use it was.
dangreenheck.com
Dan Greenheck
Three.js Developer & Educator
020
Dan Greenheck @dangreenheck.bsky.social · 20/01/2025
My tutorial on creating a realistic water shader with #threejs is now available via early access for paid Patreon members! www.patreon.com/posts/create...
0162
Dan Greenheck @dangreenheck.bsky.social · 17/01/2025
(4/4) Currently under active development, but we are targeting this March for the closed beta. Sign up now! 👍🏻 tableslayer.com
tableslayer.com
Table Slayer
Tools to create animated battle maps for in person RPG games.
000
Dan Greenheck @dangreenheck.bsky.social · 17/01/2025
(3/4) Features include support for square and hex grids, dynamic weather options (snow, rain, falling leaves, etc.), fog, mood lighting, and much more. The focus is on creating a beautiful, easy-to-use experience that doesn't overwhelm the DM or players with a sea of options.
100
Dan Greenheck @dangreenheck.bsky.social · 17/01/2025
(2/4) In the video, the DM view is shown on the left and the Player view on the right, running in separate browser windows. The DM selects an active scene to broadcast to the players while making edits in real-time to the fog of war.
100
Dan Greenheck @dangreenheck.bsky.social · 17/01/2025
Friday afternoon project update! 🧵 (1/4) This is TableSlayer, a #ttrpg app for creating animated #dnd and #pathfinder battle maps ⚔️ Players join parties, where they can create and manage multiple sessions. Each session may contain one or more scenes/maps (shown on left sidebar)
150
Dan Greenheck @dangreenheck.bsky.social · 15/01/2025
Made some further refinements to my #threejs water shader 🌊 Swapped out the noise functions to give a more realistic appearance. Finally ready to start recording the tutorial! #webgl #shaders
0243
Reposted by Dan Greenheck
SimonDev @simondev.bsky.social · 17/12/2024
☀️ Build a stunning solar system in Three.js—a fiery, glowing sun, orbiting planets, and a slick lens flare (thanks @andersonmancini.bsky.social )! Create beautiful visuals and keep things smooth with an intro to GPU profiling and optimization techniques. 👉 simondev.teachable.com/p/games-thre...
1397
Dan Greenheck @dangreenheck.bsky.social · 13/01/2025
www.youtube.com/watch?v=wEJM...
youtube.com
Build Your Own 3D Lightsaber Configurator! // React Three Fiber Tutorial
YouTube video by Dan Greenheck
000
Dan Greenheck @dangreenheck.bsky.social · 13/01/2025
Want to learn how to build your own interactive 3D Lightsaber Configurator with React Three Fiber? Be sure to check out my tutorial! You'll learn how to import 3D models, apply post-processing effects like bloom☀️, and more! Link below 👇🏻 #threejs #threejsjourney #webgl
110
Dan Greenheck @dangreenheck.bsky.social · 13/01/2025
www.patreon.com/posts/119890...
patreon.com
Build a 3D RPG with JavaScript & Three.js // 10. How to Fix Spaghetti Code 🍝 | Dan Greenheck
Get more from Dan Greenheck on Patreon
000
Dan Greenheck @dangreenheck.bsky.social · 13/01/2025
The latest episode in my #javascript 3D RPG tutorial series is now available for Patreon members! 🚀 If you ever run into the issue of your projects turning into spaghetti code, you’ll definitely want to check this episode out! Link in comments 👇#threejs #webgl #rpg
171
Dan Greenheck @dangreenheck.bsky.social · 11/01/2025
youtube.com/@dangreenhec...
youtube.com
Dan Greenheck
Hey there! My name is Dan. I've been coding for over 20 years. I started this channel to share my passion for 3D graphics and games. I create tutorials primarily focused on Three.js, but also dive int...
000
Dan Greenheck @dangreenheck.bsky.social · 11/01/2025
My next tutorial will be on creating a realistic water shader with #threejs! 🌊 I'll show you how to create realistic wave patterns, Fresnel reflections, and adding caustics to underwater surfaces. Be sure to subscribe to my YouTube channel to get notified 🔔 when it is released! #webgl #shaders #3d
290
Dan Greenheck @dangreenheck.bsky.social · 02/01/2025
Sign up today to get notified when the beta is released! tableslayer.com
tableslayer.com
Table Slayer
Tools to create animated battle maps for in person RPG games.
000
Dan Greenheck @dangreenheck.bsky.social · 02/01/2025
Excited to show off the improved fog of war for Table Slayer - a tool for creating dynamic, virtual battle maps for TTRPGs! (link for beta👇🏻). The illusion of depth is achieved by using four layers of fractal noise. Edge feathering still needs some work, but it's coming together! #threejs #ttrpg
130