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

What is Framer? Join the Community
Return to index
Robert Gehring
Posted Oct 05 - Read on Facebook

All,

Very interested in using frame, but for my job, we are looking at using multiple displays to interact with. So maybe a horizontal display next to a vertical. Is it possible to design/code with Framer to interact with two separate prototypes? Where if I hit a button on one display, it will effect the other?

As a separate topic, I am assuming I could design with a custom display size that would fit all displays? This would just not allow me to run the prototype from the displays and only from a computer?

Thanks!
Rob.

7 Comments

Sergey Voronov

Yeap its possible to have multiprototype or multidevice experience with firebase https://github.com/marckrenn/framer-Firebase

Sergey Voronov

Done a lot of sich things, also one prototype for all sizes is also possible with modules , u can search group on that

Sigurd Tapio Mannsåker

In addition to the excellent recommendation above you could also use Pusher, or run your own socket.io server. A local server might be useful for simulating a more instant connection, or if you need to be able to present it without going via a cloud service. All in all, yes, you can definitely do that :)

Sigurd Tapio Mannsåker

As Sergey mentions it is also possible to write one prototype that adjusts to the screen size (set devicetype to "fullscreen"). But remember that you can also make completely separate prototypes for different devices, as long as they communicate with the same service. Depends on what's quicker for you and how much flexibility you need. Sorry i can't help with a specific example, on my phone.

Robert Gehring

Thanks guys! It will actually completely separate prototypes, that work in conjunction. So, you click a button on prototypeA, it affects the screen configuration on prototypeB. I am taking a look at Firebase. But none of the examples are working for me. I'll figure it out. Thanks!

Robert Gehring

Slight update: Made HUGE progress, all the features of Firebase are working great! The one problem I am running into. I am pushing the current layer pressed on Screen1 to firebase ("/S1State", "radioAM") and on screen two, I am waiting for a change on /S1State. Once that comes through it should switch its current layer to the value pulled from firebase. BUT, when I make all layers invisible and then set dataSnapshot.visible = true. Nothing happens. When I print out the value of dataSnapshot (the value from firebase), I'll get the direct string value, "radioAM" instead of the info from the radioAM layer: » <Layer radioAM id:1 (0, 0) 1920x720>. I am guessing I need to convert the JSON received data somehow? Any ideas?

Robert Gehring

Solved it. When I received the string back from Firebase, used if statements to compare it and then send it to my function.

Read the entire post on Facebook