Profile avatar
dangreenheck.bsky.social
dangreenheck.com. Previously Navigation @BlueOrigin, OneDrive iOS @Microsoft. Now I help people build awesome 3D content for the web.
70 posts 268 followers 144 following
Prolific Poster
Conversation Starter

⚠️(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

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

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

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

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

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.

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

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

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

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

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

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.

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

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)

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

β˜€οΈ 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...

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

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

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

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

Did you ever hear the tragedy of Darth Plagueis The Wise? He forgot to check out my tutorial on creating a 3D lightsaber configurator with React Three Fiber. Don’t make his mistake! πŸ‘‰πŸΌ youtu.be/Tl3-_M8j4Gs #starwars #threejs #react

πŸš€ My 3D Lightsaber Configurator tutorial is now available as EARLY ACCESS for Patreon members! Learn how to build this awesome project with #react and #threejs!πŸ”¨ One of my favorite projects to dateβ€”don't miss out! πŸ‘‰πŸ» www.patreon.com/posts/build-...

If you'd like to vote on my next #threejs video tutorial topic for January, head on over to my Patreon and vote today! πŸ—³οΈ www.patreon.com/posts/januar... (Note: Voting is open to paid members only)

I’m going to be trying out a more condensed tutorial format for my upcoming video. I’m curious what you all will think of it! πŸ€” 🧡 ⬇️

⚠️ NEW VIDEO ALERT ⚠️ The 2nd half of the combat tutorial βš”οΈ for my #threejs 3D RPG series is now live! Check it out now! πŸ‘‡πŸ» youtu.be/_G76WJaCeVQ

My 3D lightsaber configurator is coming along nicely! UI still needs some work and I need to add a fun easter egg or two, but I'm finally happy with the results! I also want to recognize @andersonmancini.bsky.social for helping make this look AMAZING! #StarWars #threejs #r3f #webgl

The latest episode of my #threejs 3D RPG tutorial series is now live! In this video we begin tackling the combat system βš”οΈ youtu.be/3UWBsfjGL3M

I'm excited to finally announce my first course in the making: Three.js Roadmap! πŸš€ Join the waiting list and get 30% OFF your first purchase! πŸ‘‡πŸ» threejsroadmap.com #threejs #reactthreefiber #webgl #webdev