This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Zoltan Ray
Posted Apr 24 - Read on Facebook

Has anyone tried to make a camera in Framer? Seems like it would open up more possibilities for motion graphics. Just to be clear, I don't mean connecting to a device camera, I mean a virtual camera to manipulate the view of a project.

Something like the PerspectiveCamera in Three.js. Or an orthographic camera - either would be awesome :)

I want to do panning, zooming, rotating etc. Even better would be the ability track layers or 'look at' coordinates. Better still would be having events for whether layers are in view or not, bezier paths to define tracking, and parenting for easy arc movements.

10 Comments

Mike Feldstein

It sounds like you want three.js

Mike Feldstein

I have been toying with the idea of making a ThreeStudio, like Framer Studio but for quickly whipping up threejs prototypes. The bar's not high anyway, but it'd be great to just hit cmd+n and start making new 3d stuff.

Zoltan Ray

Is it crazy to bring some of that capability into Framer? Quite possible that I'm being lazy and should just commit to three.js, but I really like the ease of authoring in Framer, and the potential for collaboration as more of my colleagues get into it.

Mike Feldstein

I mean you can position divs in 3d and give the viewport a perspective, then apply some transforms to the root layer. You'd basically be moving the world instead of the camera, but I think you could write a small wrapper to invert that.

https://www.webkit.org/blog-files/3d-transforms/perspective-by-example.html

Mike Feldstein

Also you can include three.js in a framer project if you really wanted to. If you really have a vision for this you should take the dive. A true-camera viewport into a phone's UI is definitely not an unheard of concept.

Mike Feldstein

Long story short its definitely possible, but no one is doing it, and its probably not something that should be in the core framer. If you make a module I will use the crap out of it.

Mike Feldstein

Also I love framer, but I highly recommend trying out other tools like three.js. You will learn a lot from the alternative ways of doing things, and much of it you can bring back to your framer prototypes.

Zoltan Ray

I totally get your point about staying flexible with tools. There's just such an overhead learning new frameworks, at least for someone like me with patchy coding knowledge. Going to give it a try in three.js and see how far I get :)

Mike Feldstein

That overhead gets exponentially smaller each time you do it. Feel free to ask questions

Nick Sturkenbaum

Zoltan, maybe you should try polishing up your javascript first. This way you will always understand the syntax you're working with. Trying out new frameworks is then just a matter of learning the shortcuts the people made for you.

Read the entire post on Facebook