Questions tagged [famo.us]

Famo.us is a JavaScript rendering and physics engine for creating web applications with high-performance 3D user interfaces.

Famo.us features a rendering engine that avoids slow DOM-layout and repaint calculations. Instead, it leverages the GPU using CSS3 transform.

Famo.us provides a JavaScript framework designed to build rich, interactive web applications. Famo.us takes an opinionated approach to web development, maintaining a tight control of rendering to achieve performance. The framework also maintains strict modularity for flexibility. Paired with server-side technology designed to match Famo.us on the front end, you can finally create high quality applications that were once reserved only for native development.

For more information see project website Famous.org

The prior version (v.0.3.5) site can be found at deprecated.famous.org

478 questions
0
votes
2 answers

Famo.us swipe on scrollview

I have go through the Timbre tutorial in Famo.us University and it works fine but when I add a scrollview to the layout.content the swipe function stop working the scrollview view works fine but not the swipe. Anyone know how to aplly the swipe…
diegoddox
  • 593
  • 7
  • 23
0
votes
2 answers

Issue related to Registering Event in For loop

I have small application in Famo.us framework. I have added four images in mainContext with draggable modifier using four loop. I want fire an event when user drag the event for that I have added following code. var Engine =…
ghanshyam.mirani
  • 3,075
  • 11
  • 45
  • 85
0
votes
1 answer

Is It possible to implement Horizontal Scrolling using famo.us?

The famo.us tutorials shows how to use a ScrollView which doesn't seem to provide a horizontal scrolling method. So I was wondering how do I implement horizontal scrolling for my famo.us app (my personal website).
Mido
  • 504
  • 2
  • 6
  • 18
0
votes
1 answer

Issue related to using Split function in Famo.us

i have small application in Famo.us I have following code.. draggable.on('update',function(data){ var pos =data.position; var t = pos.split(","); }); In above code, data.position return result in x,y format, i just want to check x…
ghanshyam.mirani
  • 3,075
  • 11
  • 45
  • 85
0
votes
1 answer

Get GenericSync per Surface or View

I want to do a scroll list with bunch of surface images. Then when I click or touch on a surface, I want to get the surface object being affected and do something with it (like change content). The way I setup below is to have scrollview ->…
HP.
  • 19,226
  • 53
  • 154
  • 253
0
votes
1 answer

Adding Views to Scrollview in Famo.us

This issue concerns adding Views to Scrollview (rather than surfaces). When adding a View with a single surface everything seems to work as intended. Each View stacks neatly on top of one another. However when adding a View with multiple surfaces…
wdm
  • 7,121
  • 1
  • 27
  • 29
0
votes
1 answer

How to remove EventListener?

In the documentation it s given that removeListener -- /famous/core/Surface.js removeListener (type, fn) Unbind an event by type and handler. This undoes the work of 'on' So what I want to accomplish is.. There are four surfaces, when I click one,…
mervasdayi
  • 729
  • 6
  • 16
0
votes
1 answer

Multi-touch with Famo.us

I followed this example http://famo.us/university/famous-102/input/5/ It mentioned multitouch with no example Famo.us also has support for multitouch gestures such as rotating, pinching and scaling. To familiarize yourself with these, please…
HP.
  • 19,226
  • 53
  • 154
  • 253
0
votes
1 answer

Issue related to draggable content in famo.us

I have small application in famo.us framework. There are 5 images. I want drag images. requirement is like when i drag firstImage, second image should be visible behind the first image. i tried to show second image on dragging up of firstImage, but…
ghanshyam.mirani
  • 3,075
  • 11
  • 45
  • 85
0
votes
2 answers

What is the role of Surface{ properties:{} }?

Where does {pointerEvents: 'none'} belong on a Surface? From the Famo.us University "Timbre" example: http://famo.us/university/famous-102/timbre/24/ function _createIcon() { var iconSurface = new ImageSurface({ size:…
pelón
  • 393
  • 2
  • 5
0
votes
1 answer

Transition.translate Easing vs SpringTransition

I'm currently experimenting a bit with Famo.us and there is actually one thing I can't yet wrap my head around. In a small example i tried to create a HeaderFooterLayout, where the header contains a simple icon left aligned. A click on it will…
zewa666
  • 2,593
  • 17
  • 20
0
votes
1 answer

Add Modifier to Scene

I followed this example https://famo.us/examples/0.2.0/core/scene/example I tried to reference a Modifier but not sure how. var myScene = new Scene({ id: "root", opacity: 1, target: [ { transform:…
HP.
  • 19,226
  • 53
  • 154
  • 253
0
votes
3 answers

Point coordinate translate to specific Surface in Famo.us

We have a pretty complex web app built in meteor. The UI is mainly in nested HTML elements. Now we are trying to rewrite the UI with Famo.us so we can have better performance as well as adding great animation effects. One feature in our app is,…
Eric Wong
  • 524
  • 9
  • 21
0
votes
1 answer

Emit/Subscribe pattern vs. Pipe in Famous

Both methods can be used so that one event handler can listen to the firing of an event from another event handler. The documentation says they are the same thing, just different implementation. I'm wondering why the framework bothers providing two…
Lim H.
  • 9,870
  • 9
  • 48
  • 74
0
votes
2 answers

How to add image inside container or surface for parallax

I was trying to modify this example here https://github.com/Famous/examples/tree/master/src/examples/surfaces/ImageSurface My goal is make the image under a modifier which is a child of some kind of container. Then I can do setTransform to this…
HP.
  • 19,226
  • 53
  • 154
  • 253