The latest articles on DEV Community by Morgan (@blancmonarch). https://dev.to/blancmonarch https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1925301%2Fa63d05e4-11dc-4593-aaab-bfe97546d150.jpeg https://dev.to/blancmonarch en Morgan Wed, 23 Jul 2025 22:55:05 +0000 https://dev.to/blancmonarch/dreaming-of-jupiter-threejs-3bdc https://dev.to/blancmonarch/dreaming-of-jupiter-threejs-3bdc <p><iframe height="600" src="https://codepen.io/isladjan/embed/zYqLxeG?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Morgan Wed, 23 Jul 2025 22:53:42 +0000 https://dev.to/blancmonarch/webgl-distortion-slider-49f4 https://dev.to/blancmonarch/webgl-distortion-slider-49f4 <p>Using Three.js for the image transitions and some crude HTML + CSS just to mockup the UI around the background.</p> <p><iframe height="600" src="https://codepen.io/Blanc-Monarch/embed/dPYXXgP?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Morgan Wed, 23 Jul 2025 22:50:21 +0000 https://dev.to/blancmonarch/crossroads-with-threejs-2m2b https://dev.to/blancmonarch/crossroads-with-threejs-2m2b <p>An interactive tech demo inspired by Crossy Road using three.js where I put together a scene with an orthographic camera that follows the player, a few simplified 3D objects with some texture, lights and shadows, and a basic game logic that randomly generates a level that you can walk through.</p> <p><iframe height="600" src="https://codepen.io/Blanc-Monarch/embed/OPyXXzb?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen webdev programming