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
1 answer

Using Meteor reactively with vanilla Famo.us

I want to make use of Fameo.us with Meteor. About Meteor I am interested in the very easy reactivity supplied by it, only by template variables and template helpers mentioning cursors. About Famo.us I am interested in the performant gui supplied…
sçuçu
  • 2,960
  • 2
  • 33
  • 60
0
votes
1 answer

piping event handlers in famo.us

I want to pipe event handler of view1 to event handler of view2. As a result the following code should trigger eventListeners of both: view1 and view2: define(function(require, exports, module) { var Engine =…
31415926
  • 3,811
  • 7
  • 47
  • 78
0
votes
1 answer

How to get the current state of a famo.us Surface?

I need to determine the position of a specific surface, and normally I would use getTransform() to gain access to the x,y,z properties of the translate modifier. Unfortunately, according to the famo.us documentation, Modifier's getTransform()…
0
votes
1 answer

How to get data context in famousEvents handler function

I'm using meteor-famous-views to integrate famo.us into my meteor app. I got this simple template. {{#ContainerSurface size="[undefined,250]" translate="[0,172]" class="languageSelectItems"}} {{#Scrollview size="[undefined,true]"}} …
ddresch
  • 138
  • 3
0
votes
2 answers

Accessing an event's target in famo.us

How can one access the target of an event, say a click, form the code? I have: var eh = new EventHandler(); and eh.on('click', function(obj) { rc.setOptions( { inTransition: true, …
sçuçu
  • 2,960
  • 2
  • 33
  • 60
0
votes
1 answer

How to get Famo.us draggable modifier's render node

I am trying to get parent renderNode of a draggable modifier on 'end' event, is there any api to get a renderNode to which draggable belongs to? My code is as follows : /*globals define*/ define(function(require, exports, module) { var View =…
vijay kumar
  • 65
  • 1
  • 7
0
votes
0 answers

Famo.us - StateModifiers disappearing?

Wondering if someone might help with another pair of eyes - as I am trying to work out why some of my Famo.us 'Views' are being displayed despite having an opacity StateModifier set to '0'. Here is my code - My apologies for it not being standard -…
Pandafinity
  • 713
  • 2
  • 7
  • 19
0
votes
2 answers

Famo.us how to select the surfaces in a scrollView that were not clicked on?

I have a scrollView that contains 5 surfaces. If I click on a surface, I would like the others to be either faded out, z-indexed far behind or translated off the screen. The problem is, I do not know how to implement the selection of the other…
Joe C
  • 1,685
  • 2
  • 16
  • 26
0
votes
3 answers

on collision events in famo.us: How to get bodies involved?

I know how I can listen on collisions: collision.on('collision', function(e){ //e is one element involved in my collision }); But how to I get both bodies involved? Only one body is passed to this function.
Luca
  • 558
  • 4
  • 18
0
votes
2 answers

Famo.us: why won't the width of the clicked surface change?

Famous.Engine = famous.core.Engine; Famous.Surface = famous.core.Surface; Famous.RenderNode = famous.core.RenderNode; Famous.ContainerSurface = famous.surfaces.ContainerSurface; Famous.ScrollView = famous.views.Scrollview; Famous.SequentialLayout =…
Joe C
  • 1,685
  • 2
  • 16
  • 26
0
votes
1 answer

How to increase surface size using a click event within famo.us?

I am attempting to increase the scale or the size of the surface so that it takes up the window when I click on it. Assume that a surface is created and is called surface3. I have a boolean marked as flag that changes its value everytime the…
Joe C
  • 1,685
  • 2
  • 16
  • 26
0
votes
1 answer

Famo.us - Customizing .render() & .commit() - Will it affect 60fps and cpu performance?

I am using Famo.us and getting to a stage where I am customising the Rendering & Commit function for some of the objects I am creating. Since Famo.us is basically a Gaming Engine and runs at 60 frames per second, how much code is able to be placed…
Pandafinity
  • 713
  • 2
  • 7
  • 19
0
votes
2 answers

Famo.us Animation across multiple views

I am playing with Famo.us and trying out some of thier layout and transitions. I am trying to build a set of columns that just fall to the bottom then restart and fall again. Even and odd columns is a different color and starts at a different time…
w3bMak3r
  • 882
  • 8
  • 13
0
votes
1 answer

How can I use the (seemingly built in) famo.us device view?

In this launch event, Hongxu Liu adds device views to his famous app. Are they open sourced? I cannot find anything about it. I am currently developing a phonegap app, and this would come in handy.
Luca
  • 558
  • 4
  • 18
0
votes
2 answers

How to properly layout in Famo.us/ famous-views?

I am using meteor.js and the gadicohen:famous-views and mjn:famous packages. I would like to list projects to be displayed in the layout pattern above. The first project is twice the height of the subsequent two, and takes half of the screen. The…
Joe C
  • 1,685
  • 2
  • 16
  • 26