Magicavoxel and threeJS

First time using threeJS

Awhile back I got into Voxels, first with Magicavoxel and lately on the iPad with Voxel Max. I like the whole idea of creating something with just cubes that lets you capture the essence of an object. (It's just another form of pixel art really) It also helps me exercise my 3D skills without getting bogged down with a million tools or expectations of how the final render should look. When I was finished with the model above I posted it to sketchfab and then left it alone to move on to other things. Because there is always another shiny thing to play with.

But while creating this new site I thought it would be good to show some of my models off locally instead of sending them off to a third party website like sketchfab. Sure I could embed my content using their technology (and probably will in the future) but this seemed like a good opportunity to get my feet wet with threeJS.

I discovered threeJS is a place where my web skills and my Unreal skills meet. Everything I know about light types, materials, shaders, etc. translate really well to this library and the code is really simple, at least when it comes to doing the basics. Speaking of, this example doesn't do much other than display the model with some lights I placed manually but it's a good start. When I get a moment I'm either going to update this page to allow for more interesting interaction with the model being loaded or create a second post to experiment with things like post process effects, DoF, materials and more.

You can compare what I've done here with the version on Sketchfab. Same model, different viewers.

back to top