Three.js HoloPlay SDK Port!


#1

I’ve been having a lot of fun making 3D content for the HoloPlayer One in Unity. I’m quite familiar with Unity, and so using the HoloPlay SDK on that platform was pretty straightforward.

Lately, however, I’ve wanted to develop more web apps as certain things that would be a bit challenging to implement well in Unity (like streaming content from the web) are much easier in HTML and JavaScript. The problem is, there’s no way to render to the HoloPlayer One with JavaScript! Taking on this task seemed like a fun challenge for me. It would let me gain a greater understanding of how the SDK works, and I would be able to learn more JavaScript development at the same time.

First, I needed a JavaScript library that’s built for making 3D apps. After doing some research, I settled on Three.js, which is a powerful and popular library with good documentation and a strong community. What’s nice about Three.js as well is that it gives you a lot of control over rendering, which is important for making the HoloPlayer work.

A few days of work and a lot of help from @kyle later, and I have something working!

ThreejsDemo

It might not look like much, but the code is flexible enough that I could put something much more interesting than two cubes into the scene and it will (hopefully) render properly. There’s still a ton of work to do to make it stable and easily usable, but the idea of opening up the HoloPlayer One to web developers is exciting to me.

To be continued…


#2

This is amazing. I’d love to test something like this in three.js or mix some libraries to bring creative coding into a lenticular world. Any advice?


#3

Right now, this isn’t something that’s ready to be published as a library, but hopefully that’s not far off in the future! The goal would be to just include the JavaScript SDK like any other JavaScript library, and do a couple function calls (basically, initialize and update) and have it all work with whatever 3D content is already in your Three.js scene. I’ll post updates as I move towards achieving that!


#4

Small update on the SDK! It’s been coming along pretty well and is now a self-contained JavaScript library that just needs to be included in the HTML of a web page. There’s still some optimization to be done, but it’s getting towards being in a state where it can be released online!

Also, it turns out that multi-window views actually work pretty well.
com-optimize

I’m excited by the idea of having a bunch of different 3D web pages that you can switch between on the HoloPlayer!


#5

Meanwhile… we’re thinking of ways to make lookingglassfactory.com 3D in the HoloPlayer One.

STAY TUNED.


#6

BTW: https://vimeo.com/232467375