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

How to rotateZ with easing using the famo.us platform

Say I have a surface attached to a modifier. Then i set up a listener to react to click events by rotating the surface with an easing. I am finding that when the rotation angle hits 2PI the surface will quickly spin the wrong way to the next…
Dan Baker
  • 1,757
  • 3
  • 21
  • 36
1
vote
1 answer

Famo.us: Scrollview with draggable items: having problems with background surfaces and setPosition transitions

I'm very new to famo.us. I'm trying to extend this previous question about swiping items in a scrollview. I want my version to have background surfaces behind the draggable which are revealed as the user swipes. I also want the draggable to snap…
1
vote
1 answer

Famo.us paginated scrollview current page/view

What would be the the best way to get the current view/page in paginated scrollview? There are only gotonextpage and gotoprevious page methods in scrollview. I know I have some data at hand on scrollview.sync.on('end') event, but that looks like I…
1
vote
1 answer

Famo.us POST method

How do I make an HTTP POST request with Famo.us framework?I wish it's Utility library would have one along with their GET method, but there isn't. Do I need to implement my own one then? How did you guys solve it with your form data uploads? Do you…
Alexander
  • 3,965
  • 1
  • 12
  • 16
1
vote
1 answer

Opacity on Surface background property

The following gave me error var textSurface = new Surface({ content: 'Some text here', properties:{ color: 'white', backgroundColor: rgba(0,0,0,0.7) } }); Uncaught ReferenceError: rgba is not defined My goal is to keep the text…
HP.
  • 19,226
  • 53
  • 154
  • 253
1
vote
2 answers

How to build an endless animation with famo.us?

I'm willing to build an endless animation using famous (for example an endless rolling gear or a randomly shaken surface). Should I write a custom Transitionable with an infinite duration or there is something smarter to achieve this ?
Flavien Volken
  • 19,196
  • 12
  • 100
  • 133
1
vote
1 answer

How can i catch mouse wheel direction using famo.us scrollSync?

I want to know wheel direction using "famo.us" scrollSync. but i can't search exact solution. my code is below. please give me a solution. var Engine = require("famous/core/Engine"); var Surface = require("famous/core/Surface"); var…
1
vote
1 answer

Famo.us - How to create a surface with background opacity but not Text

I'm trying to create some Famo.us items and having problems with the approach and wondered if anyone can help. I am trying to create a View, within which is a Surface. I would like the background of that Surface to be transparent, but I want the…
Pandafinity
  • 713
  • 2
  • 7
  • 19
1
vote
1 answer

Famo.us - How to add content to a CanvasSurface

I've just moved to Famo.us and think it has some amazing potential. I am trying to build a new App using Famo.us and will be having 'layered' Views, one of which has a CanvasSurface inside. My question is about how I would populate the…
Pandafinity
  • 713
  • 2
  • 7
  • 19
1
vote
1 answer

famo.us: simulating Parallax from a desktop web browser

I am using the DeviceView from the famo.us examples to allow people using a desktop/laptop to be able to envision how an app would look on their phone. I had to extract DeviceView.js and the supporting images from the famo.us site. I now have a…
skb
  • 30,624
  • 33
  • 94
  • 146
1
vote
1 answer

famo.us: sub-classing Surface

I've seen a few examples of sub-classing the "Surface" or "View" classes in famo.us. Here's one simple example: define(function(require, exports, module) { var Surface = require('famous/core/Surface'); var View =…
skb
  • 30,624
  • 33
  • 94
  • 146
1
vote
1 answer

famo.us: how fade in a text box

I want to have username/password/login_button surfaces that fade into view in a sequence. I think I know how to daisy chain the animations using the callback parameter of StateModifier.setTransform, but I can't figure out how to get something to…
skb
  • 30,624
  • 33
  • 94
  • 146
1
vote
1 answer

Surface html content with sub-surfaces

What is so recommend way to do the following? I have a surface with some html content which is layouted by the browser. Within the html a want to have an extra Scrollview with surfaces. Where to get the x,y, and width, height for the Scrollview…
Jens Zastrow
  • 287
  • 1
  • 3
  • 9
1
vote
2 answers

famo.us: can I animate the header/footer heights of a header footer layout?

I want to have my header and footer almost take up the entire screen (there will just be a thin line left in the middle which will contain a textbox. If the user enters the right password, I want the textbox to disappear and the header and footer…
skb
  • 30,624
  • 33
  • 94
  • 146
1
vote
3 answers

Surface order is messed when switching back with famo.us RenderController

A beginner question. I'm trying to put up a famo.us app. So far, I had nice results on a simple experiment. Now that my app is growing, I want to allow moving between "screens" : landing screen -> info screen -> back to landing screen -> etc. My…
Offirmo
  • 18,962
  • 12
  • 76
  • 97