When Google Street View first came out, it was an amazing technical achievement. Browsing 360 Street View photos felt a lot like actually going to all these places!

Those photos were made by expensive and bulky cameras mounted of cars, but today 360 photo making is becoming more accessible for everyone thanks to a new generation of devices such as Ricoh Theta S or the Samsung Gear 360.

In the long run, it’s quite likely that we will be able to snap 360’s with our smartphones, using a pair of integrated wide-angle lenses or even some more advanced tech such a light-field camera that Lytro is working on.

Meanwhile, to get a taste how fun 360 photography can be, you do not need to spend any money, because there’s an app for that!

continue

“Black shape of light” is a little side project I worked on this summer together with our friend Dorota Stanczyk.

I’ve been thinking for a while to take generative animations out from the computer screen and have them interact with the physical world. What we came up with is to project some simple animations on a model to see how the light interacts with the human body.

continue

Hi! This is future Bartek. I came from March 2017 to tell you that using Virtual Scroll can be a good idea for certain things like WebGL or Canvas interactive pieces and experiments. But it is never a good idea to use it on a website as a replacement of the default browser scroll. Trust me, I learned this the hard way. With this in mind – please continue reading :)

Parallax scrolling websites may not be the cool new thing anymore, but having the content react to the scroll in some fancy way has become a popular interaction pattern. When used in moderation, it can enhance the user experience and take the interface of a website to the next level. There are many ways to achieve scrolling effects, but the trick is always to make it as smooth as possible. Below I describe a technique I use to achieve scrolling effects on my projects.

continue

Animations can make your project stand out of the crowd. Good animations enhance the user interface, make navigation feel smoother and offer superior esthetic experience (bad animation does the opposite, so be careful). Modern browsers support animations quite well, but there are so many different ways of animating HTML elements that it often confuses even experienced developers.

continue

This Christmas, at Tool we wanted to create a small interactive experience to share with our friends and clients. Since lately I did experiment with compositing WebGL objets on a video [1, 2] I thought this is a cool technique that we can use.

continue

Recently I have been dealing a lot with video. Tool, the company I work for here in LA, specializes in live action content. We do many different interactive projects, but video always plays a role in it.

continue