How and with what software was this image created with?

enter image description here

I want to know, how it was possible to create the cubes, with their shinny, dark and cubed parts? I know it could be doable with Photoshop, but how? Is there any software better suited to make it than that?


To expand on Marc’s answer I dug into the source code of the page.

There’s a div tag in the html like such:

<div id="runner">
        <img class="parallax-layer" src="" alt="" style="width:1347px; height:642px;"/>
        <img class="parallax-layer" src="" alt="" style="width:1307px; height:623px;"/>
        <img class="parallax-layer" src="" alt="" style="width:1266px; height:603px;"/>

Each image (bottom, middle, top) is merely a png, and they are layered on top of one another.

That means there’s a script, or numerous scripts that interact to move the images around the page. Off the top of my head I’d say, as I mentioned in my comment, that the images rely on the cursor’s X and Y coordinates and adjust themselves according to the coordinates.

At the top of the source code we find a number of different scripts. One of them is called “jparallax” which traces back to this website, where you can find numerous demos.

Source : Link , Question Author : samayo , Answer Author : Community

Leave a Comment