Lightnews — Scholar-powered news

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

Dan Greenheck @dangreenheck.bsky.social · Nov 11

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

1 14

Dan Greenheck @dangreenheck.bsky.social · Jun 23

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

media.tenor.com

Dan Greenheck @dangreenheck.bsky.social · Apr 10

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 · Mar 27

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

Dan Greenheck @dangreenheck.bsky.social · Mar 21

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

Dave Snider @davesnider.com · Mar 21

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.

Dan Greenheck @dangreenheck.bsky.social · Mar 14

If you want to sign up for the beta, head to tableslayer.com 🗡️

Table Slayer

Tools to create animated battle maps for in person RPG games.

tableslayer.com

Dan Greenheck @dangreenheck.bsky.social · Mar 14

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!👹

1 2

Dan Greenheck @dangreenheck.bsky.social · Mar 10

FYI I'll be publishing a video in the next few days on how to create this glowing portal shader effect with #threejs

Dan Greenheck @dangreenheck.bsky.social · Mar 7

tableslayer.com

Dan Greenheck @dangreenheck.bsky.social · Mar 7

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

1 1 2

Dan Greenheck @dangreenheck.bsky.social · Mar 7

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

Dan Greenheck @dangreenheck.bsky.social · Mar 5

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

Dan Greenheck @dangreenheck.bsky.social · Mar 5

The vision is slowing coming to life... 🌎 #threejs

1 2 12

Reposted by Dan Greenheck

Dave Snider @davesnider.com · Mar 4

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

2 7

Dan Greenheck @dangreenheck.bsky.social · Mar 4

💻 DEMO
dgreenheck.github.io/three-pinata/

📃 SOURCE CODE
github.com/dgreenheck/t...

📦 NPM PACKAGE
www.npmjs.com/package/@dgr...

Three Piñata Demo

dgreenheck.github.io

Dan Greenheck @dangreenheck.bsky.social · Mar 4

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

1 8 50

Dan Greenheck @dangreenheck.bsky.social · Feb 27

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

Dan Greenheck @dangreenheck.bsky.social · Feb 24

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

Dan Greenheck @dangreenheck.bsky.social · Feb 20

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

1 2

Dan Greenheck @dangreenheck.bsky.social · Feb 19

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

Dan Greenheck @dangreenheck.bsky.social · Feb 17

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

3 9

Dan Greenheck @dangreenheck.bsky.social · Feb 12

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

1 4

Dan Greenheck @dangreenheck.bsky.social · Feb 10

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

Dave Snider @davesnider.com · Feb 7

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.

1 13

Dan Greenheck @dangreenheck.bsky.social · Feb 6

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

1 1 19

Reposted by Dan Greenheck

Renaud @handle.invalid · Jan 8

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.

3 14 88