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!
Dan Greenheck
@dangreenheck.bsky.social
dangreenheck.com. Previously Navigation @BlueOrigin, OneDrive iOS @Microsoft. Now I help people build awesome 3D content for the web.
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
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
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
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.
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
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
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.
Dan Greenheck
Three.js Developer & Educator
dangreenheck.com
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)
☀️ 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...