Stack Overflow
Stack Overflow

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
0 answers

How to draw lines in Famous?

How would one go about drawing a line dynamically in Famou.us ? I would have thought there would be in innate function or something ? Must we transform a 2D surface into a 1D line ?
gaio
  • 41
  • 4
0
votes
1 answer

how does famo.us perpective work?

I'm trying to figure out how works famo.us perspective transformation. I assume that famo.us use one-point perspective which means that new image is just intersections of plane (some plane with different z coordinate) with lines coming from the…
31415926
  • 3,811
  • 7
  • 47
  • 78
0
votes
1 answer

bad quality of a surface content after scaling or as a result of Z-translate with perspective option

var mainContext = Engine.createContext(); mainContext.setPerspective(500); var surface = new Surface({ content: 'im a content', size: [200, 200] }); var modifier = new StateModifier(); mainContext.add(modifier).add(surface); in onClick…
31415926
  • 3,811
  • 7
  • 47
  • 78
0
votes
1 answer

famo.us access to collisionData upon collision event

In the famo.us source I see that two things are emitted upon collision: the 'collision' string, and a variable called collisionData, like this: (physics/constraints/Collision.js, lines 112-122): if (this._eventOutput) { var…
Dave Thomas
  • 3
  • 2
0
votes
2 answers

Famo.us/Angular get current position after drag&drop

I've managed to create a draggable surface using fa-draggable,however I cannot figure out how to get the current position of the surface after the dragging has finished. My HTML : `
Dan Moldovan
  • 3,576
  • 2
  • 13
  • 24
0
votes
1 answer

Distance between two surfaces when rotateY

Code: http://jsfiddle.net/qhoc/8gg7gkqv/ I want the red surface sits flat on top of the gray surface. But you can see the distance (marked ??) between two surfaces when I rotate modifier1. How to get rid of this "gap"? JS: Famous.loaded(function ()…
HP.
  • 19,226
  • 53
  • 154
  • 253
0
votes
1 answer

statemodifier halt() not working

Following Famo.us University Animation part. The following code didn't halt the translation, instead runs straight to the end. I expected it halted where it is clicked. Am I right? surface.on('click', function() { stateModifier.halt(); …
Fei
  • 455
  • 1
  • 5
  • 16
0
votes
2 answers

Animate Opacity async with other Transform functions

I need to make opacity of a surface to transform from 0 to 1 like this: stateModifier.setTransform( Transform.multiply(Transform.opacity(1), Transform.rotateX(0)), { duration : 500, curve: Easing.inOutSine } ); But Transform.opacity doesn't…
HP.
  • 19,226
  • 53
  • 154
  • 253
0
votes
2 answers

Is there a way to animate the size of the header in the HeaderFooterLayout?

Is it possible to animate the size of the header in a HeaderFooterLayout? I am trying to change it's size with an animation but I am not seeing any API for this. So I was wondering about a technique for doing it.
Subtubes
  • 15,851
  • 22
  • 70
  • 105
0
votes
1 answer

Is there a way to listen for an event on a DOM element with a particular class with famo.us

I am trying to listen to a DOM element event with famous in a similar way as the jQuery .on listner. basically I am trying to do this with famo.us var surface = new Surface({content: '
' + '
Subtubes
  • 15,851
  • 22
  • 70
  • 105
0
votes
1 answer

Fullpage Transitions with meteorJS, iron:router and famo.us

I´m playing with meteor, iron router and famo.us (mjn:famous integration for meteor)and was wondering how is the common way to create full page transitions with famous surfaces without writing the same code again when I add more views. Does someone…
Dude
  • 1,045
  • 2
  • 15
  • 36
0
votes
1 answer

How to use Transform.multiply4x4 in famous?

I'm trying to use Transform.multiply4x4() to move a surface modifier but it doesn't seem to work as expect. I am trying to rotate a surface almost flat and then send it off into the distance. My code looks like this …
Subtubes
  • 15,851
  • 22
  • 70
  • 105
0
votes
1 answer

famous meteor full-width surface on initial page load 16px from edge

On initial page load: DEMO HERE, the surface size falls 16px short of the full page width. The modifier is set to [undefined,undefined] so it should take the parent's dimensions. When you click to a different route ('bouncy' or 'flippy') and come…
mbow
  • 147
  • 1
  • 3
  • 11
0
votes
1 answer

Scrollable views while using famous angular

I'm super new to famous and intermediate to angular. Question: since everything is fixed positioning in famous how should I approach creating a scrollable section using famous angular? HTML: this will create a grid of squares this code is taken…
Armeen Moon
  • 18,061
  • 35
  • 120
  • 233
0
votes
1 answer

Resizing multiple surfaces in a Scrollview

Another famo.us beginner question... My question relates to this question and johntraver's excellent answer (provided below). I've been playing around with this for a bit, and I can't figure out how to access the other surfaces in the Scrollview…
AverageJoe
  • 15
  • 3
1 2 3
…
31 32