Webydo

Webydo

Build and design websites without writing a line of code

11 followers

Visit website
•
•
•
This is the 4th launch from Webydo. View more

3D Parallax Editor by Webydo

Craft interactive 3D animations, without code
3D Parallax Editor by Webydo gallery image
3D Parallax Editor by Webydo gallery image
3D Parallax Editor by Webydo gallery image
3D Parallax Editor by Webydo gallery image
3D Parallax Editor by Webydo gallery image
Launch tags:
Design Tools•Tech
Launch Team

What do you think? …

Yam Regev
Maker
Kudos to @newrulesinvest for the Hunt! Always looking to bring our community the cutting edge in web design without having to code, we are extremely excited to release this 3D Parallax Editor. Based on CSS 3D transforms distributed along the x-axis, Webydo’s backend does the heavy lifting so that you can simply upload layers (video, images, typography, and pretty much anything else) for an awesome hover-activated 3D effect. We’d love to hear what you think!
Caroline Reder
Maker
@yamre @newrulesinvest I second that.. thanks Zack :) I’m really proud of this tool and looking forward to hearing what designers think. As a company that not only thrives on the feedback of our users but also uses it to drive the platform forward, this one feels pretty special.
Mark Pekel
Looks cool, I need to use Webydo or can I paste it on templates? How does it work?
Caroline Reder
Maker
@haimpekel Hey, good question. You do need to sign up for Webydo to play around with the Editor. Once in the Studio, you simply drag and drop the 3D Parallax Editor onto your canvas where you will then be able to edit layers, intensity of 3D effect, opacity and the H/V in a Properties window. We have a nice GIF showing how it works here: http://3d-parallax.webydo.com/ Let me know if you need any help trying it out!
Mark Pekel
@reder_c Thanks for the fast response, will try :)
Caroline Reder
Maker
@haimpekel No problem.. we'll be hanging out here all day :)
Matt Bradford-Aunger
Realistically, what impact does it have on site load? I imagine it's quite a heavy load for a standard desktop browser? How does it work on mobile? (if at all!) Cool idea. 3D effect reminds me a lot of 3Dit by @edankwan!
Caroline Reder
Maker
@matt_aunger Hi Matt, spot-on question. In general, it shouldn’t be an impediment to site speed but like any website, once you start adding tons of images (I mean a lot here) you will run the risk you run of ramping up load time. In terms of mobile, this is a hover-activated animation so like other forms of parallax, it won’t be available on mobile devices. Will definitely have to check out 3Dit and hope that answers your questions.
Matt Bradford-Aunger
@reder_c Thanks for the super speedy response! That makes sense with the images and load thing. With mobile, it's going to be fun when someone figures out how to use device gyros for parallax control, without it crashing the device! http://www.edankwan.com/lab/3dit It's old news now. Head to the website and add the button to your bookmark, head to any website and click it, it'll force a 3D parallax effect!
Caroline Reder
Maker
@matt_aunger I have a feeling that day will come sooner than we think ;)