Playing around when hacking

I made a promise to play around with three.js over a weekend. I’m glad I followed through. A buddy from work and I were both free one Sunday so we decided to hack together at our office. The huge monitors there are pretty damn convenient. Plus, free snacks.

My buddy was working on making a 3D visualization from whatever keys he was pressing on a keyboard in real time. I didn’t really work on anything. I just poked around the code behind some of the examples on the three.js site. Every now and then I came across topics we discussed in a computer graphics class at college. It was exciting to see words pop up that I didn’t think I’d ever run into again after that class. I took great pleasure in offering up my best mediocre explanations to my buddy whenever I could.

The experience was different from other times I do side hacks. Normally I have a goal for what I want to build which makes me tend to focus my curiosity around things I’ll need to get the job done. But this time I just built things aimlessly.

Oh a cube! Let’s make a cube.

Oh cool, not let’s make it spin.

Hm, I should add a point light.

“Another one.”

“How do hover interactions work?”

Oh, with ray casting, cool!

It was fun! Following any curiosity that naturally arose felt refreshing and it’s a great way to get warmed up to a new library/framework/technology. I’m going to spend more time playing around like this.

If you ever make something cool with WebGL/three.js, send me a tweet at rjun07a and I’d love to check it out!