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

Famo.us - Dragging surface down triggers an event

How would I go about creating a transition/event that is triggered when a surface is dragged down? I was looking at the 'Draggable' modifier but I don't think this is what I need. If anyone can point me in the right direction that would be great.
Peter Allen
  • 29
  • 3
1
vote
3 answers

how to make famo.us recalculate sizes?

I have a scrollview i'm inserting divs into. however, the content of these divs are being rendered by javascript templating engine. when famo.us initially creates this page, it seems it calculate the height of the div content to be zero, so the…
dcsan
  • 11,333
  • 15
  • 77
  • 118
1
vote
0 answers

How to include clickable forms in famo.us surfaces

If I have a surface that hase conent that includes an input. The input doesn't seem to gain focus on click. Here is how I include my surface. var ConfigureView = function() { this.initialize.apply(this,…
Dan Baker
  • 1,757
  • 3
  • 21
  • 36
1
vote
3 answers

Famo.us how to make a scrollview be filled from bottom to top (or right to left)?

Assuming I've a scrollview with direction 1 (vertical). While populating the scrollView, the items do appear and are aligned from top to bottom. I would like to know if there is a way to reverse this ordering i.e. to make the scrollView be populated…
Flavien Volken
  • 19,196
  • 12
  • 100
  • 133
1
vote
2 answers

Preferred way to Animate a Famo.us CanvasSurface

I've been scouring the (still scant) discussions and documentation of famo.us looking for what I hoped would be an obvious thing: Animate a canvas in a CanvasSurface. I am really surprised that I have found not one single example. I have made some…
brennanyoung
  • 6,243
  • 3
  • 26
  • 44
1
vote
2 answers

famo.us trigger event at key point of animation

I'm trying to trigger an event half-way through the progress (not time) of a transition. It sounds simple, but since the transition can have any curve it's quite tricky. In my particular case it's not going to be paused or anything so that…
Alex
  • 1,689
  • 18
  • 27
1
vote
3 answers

How to create empty space between the Surfaces in ScrollView in famo.us?

I've created a horizontal ScrollView and added some Surfaces to it. I want to have an empty space between the Surfaces when I scroll (swipe) the view. I've tried setting the margins, padding, borders, etc.. in the properties of the Surfaces and the…
Marko Letic
  • 2,460
  • 2
  • 28
  • 34
1
vote
0 answers

How to Bring a View Over a Flipper

I'm trying to bring a view in front of a flipper I use StateModifier({ transform : Transform.inFront }); on my view. I then slide the view down "over" the flipper, however it seems to always go in behind the surfaces on the…
Keith Nicholas
  • 43,549
  • 15
  • 93
  • 156
1
vote
2 answers

Rotating around origin - Famo.us

How can I rotate ImageSurface around it's origin if I have applied translate to it ? It does not rotate around origin. Can someone explain me is it using "align point" as center of rotation ? EDIT My ImageSurface is rotating like it has distante…
Sysrq147
  • 1,359
  • 4
  • 27
  • 49
1
vote
2 answers

How can I scroll a scrollView using a mouse drag with famo.us?

I would like to be able to scroll a scrollView using a regular mouse drag on a desktop computer. Unfortunately currently the scrollView does only take mouse scroll and touch gestures to be moved. How could I make it work using a regular mouse drag…
Flavien Volken
  • 19,196
  • 12
  • 100
  • 133
1
vote
1 answer

Famo.us Surface - Image as background

I am experimenting with Famo.us framework. Can Surface have image as background? How can i set that. I have tried wth: // your app here var bg = new Surface({ properties: { backgroundImage: "url(images/background.png')" } });
Sysrq147
  • 1,359
  • 4
  • 27
  • 49
1
vote
1 answer

code like Lightbox example

I'm searching for an code example of the Lightbox demo from famo.us. Unfortunately, the interesting part of the app in the codepen is uglified in the pens version of the famous.lib.js. It's not the whole gallery thing I'm interested in, its "just" a…
sclausen
  • 1,720
  • 3
  • 15
  • 22
1
vote
2 answers

RenderController with sliding transitions (Transform.translate)

Famous RenderController by default does transitions by crossfading but want the in-transition to swipe the view in from the right and the out-transition to move it to the left. Can this be achieved? For now I've only succeeded in controlling the…
luopio
  • 507
  • 4
  • 14
1
vote
1 answer

Dragging related issue famo.us

I am very new to Famo.us I am trying to code the following. There are 4 famous image surface surface,surface2,surface3,surface4. Surface1 has image content other 3 are blank. I want to setContent of the other 3 surface by dragging image at them or…
user3706836
  • 13
  • 4
1
vote
2 answers

Famo.us 'Fastclick' firing two clicks on mobile

I'm using Famo.us's Fastclick by requiring it at the top of one of my main views, like so: var FastClick = require('famous/inputs/FastClick'); In iOS7 Safari and Chrome, Fastclick works to kill the 300ms delay but when I click a surface that…
NateH
  • 85
  • 1
  • 7
1 2 3
…
31 32