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

famo.us - IE - translatez issue

I'm having difficulty in getting the translate Z working as expected in IE. Try the following code in famo.us tutorial IDE to see the difference between chrome and IE browsers. Play around with z value of translate function. var Engine =…
Prabhakar Peri
  • 29
  • 3
0
votes
1 answer

Scale ScrollView without breaking scrolling

Short question. How can I add a size modifier using Transitionable to a ScrollView, without breaking the scrolling itself ? Seems like it's blocking events in some way. Code: define('main', function (require, exports, module) { var Engine …
sasklacz
  • 3,610
  • 10
  • 39
  • 58
0
votes
1 answer

Piping events from ScrollContainer

I'm trying to pipe mouse clicks from ScrollContainer encapsulated in a view, but somehow nothing's happening. I've just started playing with Famo.us so maybe I'm missing something obvious here. I can pipe directly from surfaces contained within…
sasklacz
  • 3,610
  • 10
  • 39
  • 58
0
votes
2 answers

famo.us/js: bind dynamic data to click event for emitting data

I'd like to bind click events to surfaces which I collected in an array. Every time a click is fired, I'd like to emit a message. But every click should emit it's own data. I know I have a problem with the scope but I couldn't figure out how to…
Saerdn
  • 218
  • 2
  • 17
0
votes
1 answer

Famo.us' Scrollview pagination: How to snap only when NEAR an edge?

The Famo.us Scrollview has a pagination feature that allows you to snap to the closest item. Imagine you have a small container which has items with lots of content. As soon as you want to scroll down to read the content outside the container, it…
markmarijnissen
  • 5,569
  • 2
  • 28
  • 34
0
votes
1 answer

Chaining modfier with rotations

I expected the grey surface to be rotating around its center on the right, lower corner of its parent in the SAME plane as the yellow surface. What am i missing? var initialTime = Date.now(); var grey = new famous.core.Surface({ size: [500,…
Jens Zastrow
  • 287
  • 1
  • 3
  • 9
0
votes
0 answers

how to paginated ScrollView with other animation

how to change default animation in famo.us ScrollView i have simple scrollview with 10 surfaces: define(function(require, exports, module) { var Engine = require("famous/core/Engine"); var Surface =…
Amir Bar
  • 3,007
  • 2
  • 29
  • 47
0
votes
1 answer

How to get external data in famo.us app

I need to read/write data via Service (e.g. REST). That's easy as long as the famo.us app works within/as a website, as I would host it within the same domain server where the data is hosted on. What if I translate the app into an Android app? How…
Saerdn
  • 218
  • 2
  • 17
0
votes
1 answer

famo.us: Modify content in GridLayout

is it possible to modify the content of a surface (used within GridLayout) without using CSS? For example to center the text? Basic example: function createGrid( section, dimensions, menuData ) { var grid = new GridLayout({ …
Saerdn
  • 218
  • 2
  • 17
0
votes
1 answer

Walls are in the incorrect place

When I set the balls origin to [0.5,0.5] the walls are placed correctly, when i set its transform or origin to any other location the walls move as well? I have tried to explicitly set the engines origin but that doesn't work either this code is…
Billybonks
  • 1,568
  • 3
  • 15
  • 32
0
votes
2 answers

Why cant we reuse State Modifiers?

I am just trying to understand famo.us and wondering why we cant reuse StateModifier instance when the values are the same. var rotateModifierOne = new StateModifier({ transform: Transform.rotateZ(Math.PI/4) }); var rotateModifierTwo = new…
sabithpocker
  • 15,274
  • 1
  • 42
  • 75
0
votes
1 answer

How must the commit() method be implemented to have same effect like render

I have a very simple view class. MyView(subView) { this.node = subView; } MyView.render = function() { this.node.render(); } Using this impl with e.g. a y-rotation around 0.5,0.5 works as expected, the surface is rotated correctly. var…
Jens Zastrow
  • 287
  • 1
  • 3
  • 9
0
votes
1 answer

Nest scrollviews with exclusive direction

I want to nest two scrollviews. The outer one should allow only scrolling in x-drection the inner one only y-direction. It seems that the MouseSync of the inner scrollview always takes the mouse-event and invokes prevent-default regardless of the…
Jens Zastrow
  • 287
  • 1
  • 3
  • 9
0
votes
1 answer

How to use gulp-webpack with famo.us

How do I use webpack with famo.us I found a seed https://github.com/Vertice/famous-webpack-seed and have seen it in use with grunt before. I was wondering if anyone could help me implement it with Gulp. I don't seem to be able to figure out how to…
aintnorest
  • 1,326
  • 2
  • 13
  • 20
0
votes
1 answer

Famo.us opacity : 0 surface optimization

I have one question about performance thing. I have some animated Views, that have internally many layers (8 layers), but only 4 are visible at once, other have opacity of 0. I am just wondering, if the surface has opacity of 0, is it rendered or…
Vili Volcini
  • 327
  • 4
  • 16
1 2 3
…
31 32