<<< Go backDefault image for blog post when there is not an image to show

Added Support For 3D Models In Blog Post

March 31, 2023

Hello! In my free-time I have been spending a lot of time working in CAD software and creating 3D models to fix my real work problems using a 3D printer. I would like to showcase the work I have been doing here on this website but there is no straightforward way of showing 3D models unless I just show an image. I would like to give my viewers a more interactive experience than that.

I also know quite a few mechanical engineers and industrial designers that would love to have this functionality on their websites as well.

After watching this youtube video. I thought that Three.js might be the solution for me.

Looking further at their example, it looked even more promising for me that this could be a solution for my problem. (https://threejs.org/examples/#webgl_animation_keyframes)


I also found a page in their docs that showed how to load 3D files like STL into three.js (https://threejs.org/docs/index.html#manual/en/introduction/Loading-3D-models). So it made this look really promising... I was able to load a 3D modal with in a few hours likes this one:

(click and drag to see around the model)

Okay, Cool! I can now see 3D models in a web browser. How do I hook them into my CMS, Wagtail?

After reading these docs page from wagtail I was able to figure it out


Custom STL loader to load my STL files into my blog!

Screen_Shot_2023-03-31_at_6.12.49_PM.width-800 (1)

(Bonus STL for you)

(click and drag to see around the model)

Josh Martin

Full Stack Engineer and Maker


Hello, I am Josh, I am a full-stack developer specializing in developing for Web and Mobile in React, React Native, Node.js, and Django. I used to work at Amazon in the advertising sales Performance department as a Frontend Engineer...

I have a degree from Purdue University in Computer Engineering with the use of my degree and passions I can offer support more than just Web and Mobile development. I can assist with any need related to hardware integration with internet-enabled devices or design needs in CAD and manufacturing.