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

Famo.us modifier to effectively do `display: none;`

Is it possible to create a Modifier or StateModifier that effectively removes all it's children from the DOM or make them into display: none;/ pointer-events:none? I've tried with a Modifier and do setOpacity(0); but I want to prevent all the…
Alex
  • 1,689
  • 18
  • 27
0
votes
1 answer

Align and Orign from famo.us example acts differently as in example

I copied the example-code from http://famo.us/university/famous-102/transitionables/1/ ,but get different behaviour in all different browsers (used Chrome 35.0.1916.153 m, Opera 22.0.1471.70, IE 11.0.9600, Firefox 30 (here even the click does not…
Rob
  • 191
  • 1
  • 1
  • 7
0
votes
1 answer

Why are there events missing in famous-angular?

I have been trying to get into using it to develop a desktop browser application.However, I noticed that when using the library and examining the API that basically no events were included for use on desktop machines. That is, no event bindings for…
tensai
  • 1,628
  • 3
  • 17
  • 22
0
votes
1 answer

Famo.us Scrollview update event not working

I have a scrollview, then I tried this scrollview.sync.on('start',function(e){ console.log("started!") }); But it's not working, do I need to do something else?
user3491456
  • 327
  • 1
  • 3
  • 11
0
votes
1 answer

Friction in famo.us?

If I have some bodies that are repulsed and also have a distance. Right now they bounce back and forth endlessly. Is there a way to add a resistance to the physics engine so that they may come to rest? var context = Engine.createContext(); var…
Dan Baker
  • 1,757
  • 3
  • 21
  • 36
0
votes
4 answers

how to get text bounding box in famo.us

I am attempting to draw an SVG bezier curve that starts at the end of a text string that is in a Surface. I can set the size of the Surface to [true, true], which is supposed to make the size equal the text bounding box. But if I later try…
seanhalle
  • 973
  • 7
  • 27
0
votes
1 answer

Famo.us add repulsion to particles?

based on how to add walls to a famo.us physics simulation? there is a ball that will bounce off of walls How do you go about adding a repulsion to the particle so that it will never hit the walls? var Engine =…
Dan Baker
  • 1,757
  • 3
  • 21
  • 36
0
votes
0 answers

Recreate Animation For a Hamburger menu icon with Just Surfaces

How would one recreate the hamburger animation, using just surfaces. Please see attached link http://www.google.com/design/spec/animation/delightful-details.html#delightful-details-delightful-details
0
votes
1 answer

clicking items inside a famo.us scrollview

I have a scrollview with a number of images. events are working such that the scrollview can be dragged around. i want to be able to click on a single image to get a detail view so used a: surface.on 'click', => @parent.navTo('detail') however,…
dcsan
  • 11,333
  • 15
  • 77
  • 118
0
votes
1 answer

Animation in famo.us with changing opacity of surface

I am new to famo.us. I am interested in creating animation where surface/object is in continuous motion and also its opacity keeps changing( ranging from 0->1 and back). I have am able to continuously rotate a surface and change its opacity from 1…
Steven
  • 3,962
  • 6
  • 21
  • 29
0
votes
1 answer

How to reset an app in Famo.us?

If I create a context and add some layout and surfaces, but later want to restart the entire app is there a way to do this? Is there a method on the Engine? Basically I am asking if there is something that is the opposite of Engine.createContext ?
Dan Baker
  • 1,757
  • 3
  • 21
  • 36
0
votes
1 answer

In famo.us, what is the best approach to sizing text elements on surfaces?

Question is quite simple, say I have a surface that's taking up 0.8% width, and 0.1% height, and I want my text to fill that appropriately, how do I size it? I currently have the text size property set like so: {fontSize: window.innerHeight *…
Glen Keane
  • 62
  • 11
0
votes
1 answer

Famo.us - Using events on surfaces in a loop

I have a loop that creates surfaces from "TribesView" and pipes them into a scroll view, the loop also creates a "ProductView" with a modifier and adds this to a context. I want to bind an event to the "ProductView" surface where if the surface is…
0
votes
1 answer

famo.us Firefox setting z-index doesn't work

I am trying to control the layering of surfaces using zIndex property. It works just fine in Chrome whereas it doesn't in Firefox. After examining the DOM, I observed that the z-index is marked as 0 no matter what we set. I reproduced the problem in…
rndm.buoy
  • 3
  • 2
0
votes
1 answer

Famo.us images carousel

How can I create simple image carousel. Let's say I have GridView with two rows and one column. I want to create image carousel in upper row. Can I do that with ScrollView. Any sugestions?
Sysrq147
  • 1,359
  • 4
  • 27
  • 49