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

Changing positions of things during animation

If I have a transform translate thats animating something vertically between say 0 -> 1000, over 5 seconds, is there a way if I have click events to change the horizontal position without interrupting the vertical…
Keith Nicholas
  • 43,549
  • 15
  • 93
  • 156
0
votes
0 answers

Modifier origin in Cordova places image too high up

I am running the base famous app with the following code inside of Cordova 3.4.x var mainContext = Engine.createContext(); var logo = new ImageSurface({ size: [200, 200], content: 'img/famous_logo.png', classes:…
Subtubes
  • 15,851
  • 22
  • 70
  • 105
0
votes
1 answer

famo.us: drawing a pie chart

I need to take some data as input like: { "category1" : 200, "category2" : 153, "category3" : 310 } and use it to display a pie chart. The pie will be a donut (I'm going to show some summary text in the empty center area of the donut) and as…
skb
  • 30,624
  • 33
  • 94
  • 146
0
votes
2 answers

famo.us: how to handle textbox.onchange events

I don't see any tutorials with text input on famo.us university. How can I add a text box surface to my app and handle onchange events?
skb
  • 30,624
  • 33
  • 94
  • 146
0
votes
2 answers

famo.us: add an item to main context after an animation completes

I have an animation that takes 1 sec to complete, and then I want to show some text boxes for username/password and a login button. Is there some sort of "oncomplete" event for an animation?
skb
  • 30,624
  • 33
  • 94
  • 146
0
votes
2 answers

Famo.us attaching click and touchstart events

I'm wondering how to bind both events "click" and "touchstart" within a single line: Engine.on("click"), function(){ aCode() } Engine.on("touchstart", function(){ aCode() } I expected something like this (as it is implemented in some other…
Flavien Volken
  • 19,196
  • 12
  • 100
  • 133
0
votes
2 answers

Famo.us css 3d transforms

Famo.us claims that it "talks directly to the GPU" to compute themselfs the css transforms. I assume they are talking about the 4x4 transform matrix. When they say the "talk to the GPU" it means they are doing their maths in WebGL? When they show…
Cristian Garcia
  • 9,630
  • 6
  • 54
  • 75
0
votes
2 answers

Famo.us grunt serve gives blank browser

Trying to start playing with the Famo.us example. I followed the steps on the Github page and when I do "grunt serve" the browser opens up but with the following errors: Failed to load resource: the server responded with a status of 404 (Not…
doorman
  • 15,707
  • 22
  • 80
  • 145
0
votes
1 answer

TypeScript: Handling import from external libraries

I just started using Famo.us and wanted to use it as an opportunity to learn typescript at the same time to leverage on its awesomeness. So I did the following Used yo famous to create the Famo.us project as per the documentation I was not sure how…
ritcoder
  • 3,274
  • 10
  • 42
  • 62
0
votes
2 answers

how to add walls to a famo.us physics simulation?

I have a simple physics sim with some bouncing balls. I'm trying to add a bounding box of "walls" but having problems. any examples would be great :) meantime looking at the cool ascii art docs here * (wall) * | * | (normal) …
dcsan
  • 11,333
  • 15
  • 77
  • 118
0
votes
1 answer

Add surfaces inside a ScrollView in Famo.us

i would like to add individual surfaces to a Scrollview in Famo.us. this is what i have so far can you please point in the right direction. i just want to add surface1, surface2, surface3, etc. Bellow is the Famo.us code example.. var Engine =…
mambushe
  • 5
  • 1
0
votes
1 answer

Animation of sequence insert/remove/reorder

Is there any suggested pattern for the above? My current thinking is to, before updating the sequence array: setTransform with Translate+curve to "slide" nodes to new positions Upon completion, Translate back to 0,0 and update the array Of course,…
gadicc
  • 1,431
  • 15
  • 16
0
votes
2 answers

Famo.us connect to MySQL

I'm trying to connect a MySQL database through Famo.us. But I can't get it done. The folder structure of the app looks like this: app (the actually famo.us app) content (images etc.) lib src main.js (actually…
Erik van de Ven
  • 4,747
  • 6
  • 38
  • 80
0
votes
2 answers

famo.us handler.js errors after altering main.js

After installing famo.us, anytime I try to modify the main.js file with anything other than the default surfaceImage grunt serve simply throws a bunch of handler.js errors and will not load the page. I can add different images and modify the size…
user1555515
  • 3
  • 1
0
votes
1 answer

Famo.us install gives me a a blank browser page with the famo.us icon

I ran all the commands for installing the famo.us developer tools. All went well until the last step of grunt serve. It just popped up a Chrome window with a big famo.us logo in the middle but other than that it does nothing and I don't see any…
skb
  • 30,624
  • 33
  • 94
  • 146
1 2 3
…
31 32