Questions tagged [famo.us]

Famo.us is a JavaScript rendering and physics engine for creating web applications with high-performance 3D user interfaces.

Filter by
Sorted by
Tagged with
0 votes
1 answer
116 views

Why the famo.us/angular is no longer supported by Famo.us

I've found Famo.us when I try to make better animation on mobile devices. But as a angular developer, I still want to use ionic in my next App, so the famo.us/angular comes to me. When I starting to ...
Max's user avatar
  • 463
0 votes
1 answer
56 views

How to use famo.us with loopback framework

I want to create a puzzle game using famo.us in my website. This website is build in Angular loopback framework. I want to integrate the famous/angular framework in my website, but famous run on ...
sanjay jangid's user avatar
0 votes
0 answers
76 views

Famous Engine Collision while dragging

I have a scene, with a a number of nodes / Dom elements that have a string physics applied. I have also added in a gesturehandler on the drag event. Unfortunately it seems the collisions dont seem to ...
MichaelBell's user avatar
1 vote
0 answers
46 views

famo.us : What is the difference between a View and a ContainerSurface?

What is the difference between a View and a Container Surface? Both serve to encapsulate other nodes. What is the difference between them ? In which case should I use one or the other ?
Offirmo's user avatar
  • 19k
8 votes
1 answer
235 views

Famous Engine Physics Collisions

I am building a site which requires a physics engine. Having worked with a number of SPA apps i feel pretty confident with. Unfortunately I am having trouble applying collision detection & walls ...
MichaelBell's user avatar
0 votes
0 answers
53 views

How Many Nodes Does Famo.us Support

I am in the process of researching JS libraries with Scene Graph features. My app could have 10k+ nodes (which I believe are called Surfaces in famo.us terminology) depending on how I write it. How ...
BAR's user avatar
  • 16k
0 votes
1 answer
171 views

Using (NEW) Famo.us Engine with RequireJS and EJS Templates

Before Famo.us completely changed their architecture I was developing some Apps using Famo.us, RequireJS, EJS Templates, Node and some other stuff. But now when I come to replace the old Famo.us ...
Pandafinity's user avatar
0 votes
1 answer
54 views

Stopping Famo.us GestureHandler event propagation on mobile

Famo.us' GestureHandler doesn't seem to be catching on mobile devices. Even with the very simple test: var FamousEngine = require('famous/core/FamousEngine'); var DOMElement = require('famous/dom-...
nicholas's user avatar
  • 14.2k
1 vote
0 answers
88 views

2D sprite using webgl and Famo.us

I'm trying to render my 2D sprite sheet into a WebGL mesh. Currently I have it setup like this: var char = game.addChild(); char.setSizeMode('absolute', 'absolute') .setAbsoluteSize(x, y) ....
RenaissanceProgrammer's user avatar
3 votes
2 answers
106 views

How to return dragged fa-surface back to its origin using famo/angular?

Im using fa-draggable directive which works: <fa-modifier fa-size="[90, 90]"> <fa-draggable fa-pipe-from="item.handler" fa-options="draggableOptions" ...
Matúš Bartko's user avatar
-1 votes
1 answer
65 views

Can the new Famo.us Library be used without require?

I'm talking about the library here: http://famous.org/ It uses require() methods and I was curious if there's a different version with it.
user1524837's user avatar
0 votes
1 answer
123 views

Nested modifier ng-repeats do not respect $index?

I've taken a stab at famo.us and angular lately. I like it, but I'm having issues getting my sidenav working the way I want. When I click any of the Test1-3 menu items, I want child menu items to ...
William S's user avatar
  • 881
0 votes
1 answer
264 views

Famo.us on Jetty Server

I am looking for the "How To" or proper documentation/tutorials to bring famo.us JavaScript files online from a Java (JRE8) embedded Jetty 9.3 Web Server. Normally bringing something online, such as ...
Danny's user avatar
  • 79
0 votes
1 answer
248 views

Passing a Blaze Template as a Parameter to a function creates Famous.js surface

I am trying to update my famous.js surfaces' content by using Meteor's Blaze.toHTMLWithData(template, data), like Blaze.toHTMLWithData(Template.roomIlanSpecsTemplate, data), with a custom template in ...
sçuçu's user avatar
  • 2,960
1 vote
2 answers
278 views

How can you alter the classList of an element in Famo.us + Angular?

I'm using Famo.us + Angular. I'm able to retrieve the classList of a Surface by doing this: $scope.findElement = function() { var elem = $famous.find("#colored-bg")[0].renderNode; // Returns ...
Dave Voyles's user avatar
  • 4,495
0 votes
1 answer
33 views

famo.us dependency injection

This is my config.js file var applicationModuleVendorDependencies = ['ngResource', 'ngCookies', 'ngAnimate', 'ngTouch', 'ngSanitize', 'famous','ui.router', 'ui.bootstrap', 'ui.utils']; This is ...
Aswin Raghavan's user avatar
2 votes
4 answers
2k views

Weird rendering of components after Android System WebView update

A few days ago our two Cordova/famo.us based mobile apps started rendering the NavBar and Scrollview with unexpected behaviors. It took me sometime to get to the root of the issue, since this ...
bardu's user avatar
  • 727
1 vote
1 answer
178 views

Can Mesh.setGeometry pass through an image using Famo.us Engine

So I am very new to Famo.us this could be a stupid question (I hope not). var Mesh = require('famous/webgl-renderables/Mesh'); ..... var mesh = new Mesh(meshNode).setGeometry('Circle'); I can pass ...
pourmesomecode's user avatar
1 vote
2 answers
176 views

Error when running famous dev on famo.us

I am installing famo.us, and I created a project, then went into the folder and ran famous dev like it says here, but then I get an error: http://famous.org/get-started.html C:\Users\Me\Desktop\Apps\...
omega's user avatar
  • 40.5k
0 votes
1 answer
133 views

Error when installing famo.us

I have node.js installed, and I want to install fam.us (http://famous.org/get-started.html) I tried this command npm install -g famous-cli but I get an error, does anyone know how to fix it? C:\...
omega's user avatar
  • 40.5k
2 votes
1 answer
146 views

How do we set 3D perspective in the new Famous Engine

Famo.us has now released the new Famous Engine (v0.5.0). It has a whole new architecture in how to build 3D transforms. The prior (v0.3.5) API created a context and on that context you would ...
talves's user avatar
  • 14k
0 votes
1 answer
808 views

Distribute circles around a center circle

I'm trying to place six circles around a center circle. Eeach of them has the same diameter so it should be possible to place them around the center without space between or overlaps. I thinking to be ...
Bernhard's user avatar
  • 4,863
0 votes
1 answer
69 views

Implementing infinite animation in famousJS with StateModifier

I want a circle to act like a heart does, a pulsing animation. So the circle first scales to 75%, then to 100%. I want to make this an infinite loop. Code: var Engine = require('famous/core/Engine');...
STheFox's user avatar
  • 1,478
0 votes
1 answer
46 views

Famo.us View can't contain imagesurface on top of a surface inside a scrollview

define(function(require, exports, module){ var View = require('src/core/View'); var Surface = require('src/core/Surface'); var ImageSurface = require('src/surfaces/ImageSurface');...
Jibo's user avatar
  • 479
0 votes
1 answer
96 views

Unexpected behaviour in famo.us javascript

The code below creates up the elements for a grid, and arranges it using the transformOut method. This part works fine, but I then want the grid to collapse in to the centre on mousedown, and spring ...
Timbo's user avatar
  • 125
0 votes
1 answer
57 views

How to create animated canvas using famo.us integrated to angularjs?

So I try to create animation using canvas in famo.us integreted with angularjs. I found this directive in docs: <fa-canvas-surface fa-size="[400,400]" class="main-canvas" ...
Matúš Bartko's user avatar
2 votes
1 answer
118 views

famous: can't draw image to CanvasSurface with own size property

I am new to famo.us and cloned the start example. What I was trying to do, is to create a CanvasSurface, create an Image, load ImageData into it, then draw() the Image onto the canvas' context. The ...
nylki's user avatar
  • 498
2 votes
1 answer
59 views

Famo.us ScrollContainer not scrolling

define(function(require, exports, module){ var View = require('src/core/View'); var Surface = require('src/core/Surface'); var ScrollContainer = require('src/views/ScrollContainer');...
Jibo's user avatar
  • 479
0 votes
1 answer
33 views

Is it possible to have multi touch input linked across multiple surfaces in famo.us ?

I have created the following render tree: Context -> MainNode -> ImageSurfaces -> MoreSurfaces The image surfaces can be added by the user and are created dynamically, I ...
Shubham Sharma's user avatar
1 vote
1 answer
69 views

How to put a reactive Template inside of a Surface in famo.us/Meteor

I've read several posts on this but nothing that would really answer my question in an up-to-date way (i.e. UI.insert is depreciated). So what's the best way of inserting/rendering a Template into a ...
user3819370's user avatar
1 vote
1 answer
96 views

Famo.us physics engine: forces and walls not behaving as expected

I am tyring to create a grid of particles, using the famous physics engine. I thought that if 25 particles were placed beteween 4 bounding walls (forming a square) and they all had an equal repulsion ...
Timbo's user avatar
  • 125
0 votes
2 answers
113 views

Famous physics, Uncaught TypeError

The code below generates this error: Uncaught TypeError: Cannot read property '5' of undefined This is thrown by line 52 of the code below. I don't understand how the value of rows or cols gets to ...
Timbo's user avatar
  • 125
1 vote
1 answer
128 views

What is famous-gl ?

In a lot of of codepen samples of Famo.us I see people including famous-gl references for rendering things, but I cannot find which library is to be referenced to use it nor I can find any ...
Shubham Sharma's user avatar
1 vote
0 answers
59 views

Famo.us: Issue with Dragging and Panning

I added two draggable ContainerSurfaces (dragbox1 & dragbox2) onto another transparent ContainerSurface (panLayer), which is also draggable. This enables panning while also enabling single ...
Mike's user avatar
  • 13
0 votes
1 answer
82 views

Unable to pass on modifiers via custom views

Hi I am trying to place co-ordinate axis via views to make it a reusable module but when I add the module I lose all align and origin properties, also I am not able to modify them in my main. What am ...
Shubham Sharma's user avatar
1 vote
1 answer
147 views

Clicking on Famo.us surfaces in deep Z space

Surfaces created with Famo.us/Angular and translated to a negative Z position don't receive ng-click events in Chrome. This seems to be a known WebKit bug and is not a problem in Firefox; see an ...
Bjorn Thor Jonsson's user avatar
0 votes
1 answer
89 views

Handling of events within Scrollview and Surfaces in Meteor famous-views

I am trying to find a practical way of handling events with famous-views in Meteor. So I've read gadicohen's documentation (famous-views demo) and so far it works. But if I add a layoutTemplate to my ...
user3819370's user avatar
0 votes
2 answers
77 views

How do you get a CSS hover to trigger on a famo.us surface?

When I create a surface and assign it a class the hover defined in CSS is not working. It doesn't seem to get the mouse events. How do I turn them on. function _createSurface(content,color){ ...
Omar Masri's user avatar
2 votes
1 answer
46 views

How can I calcuate wrapping text height in a famo.us surface?

Within famo.us, I want to place a variable-length wrapping title near the top then have images etc follow. All items must be their own surface as some have click events and animations but all the ...
King Friday's user avatar
  • 25.2k
2 votes
0 answers
95 views

Famo Crosswalk: How can I run Famo.us app using Crosswalk platform?

I have tried various ways given in documentation to run famo.us app which is running using android application. As the famo.us animations are not running smooth, I want to run it using Crosswalk ...
Pranali Maske's user avatar
1 vote
1 answer
85 views

Famo.us and external CSS styling

I'm going through the famo.us documentation now to create a two column grid and header and footer for my site. I'm learning that styles are set in the JavaScript object as key value pairs. I'm ...
amoeboar's user avatar
  • 355
0 votes
2 answers
215 views

How to use slider component in famo.us?

My application needs draggable slider having range changing on button drag(like jqueryui range slider). In famous.js if we check, slider component is defined but in documentation the use is not ...
Pranali Maske's user avatar
0 votes
1 answer
62 views

Trouble in showing Surfaces in Grid using famo.us and meteor

I am trying to show some surfaces in Grid using Meteor and Famo.us without any success. After I run the project locally, the browser shows a blank screen. For reference, I am looking at this example: ...
Deep Arora's user avatar
  • 1,900
1 vote
0 answers
77 views

Is it possible to prevent Meteor/IronRouter from reloading/rerendering when changing Routes?

I have a long list and detail page build with meteor-famous-views. If I switch from the list on the details page and go back again, the list is re-rendered. Is there a way to prevent this? Is it ...
Andee Gee's user avatar
0 votes
1 answer
169 views

How do I update my template so the progress bar shows where the video is during playback?

Gemini Plasma.js var Transform = famous.core.Transform; Template.geminiPlasma.rendered = function() { var plasmaFView = FView.byId('gemini-plasma'); var ...
Joe C's user avatar
  • 1,705
1 vote
0 answers
54 views

Famo.us: Performance of famo.us application is not same in all android phones

I have created a famo.us application having different modules. When .apk file installed to phones, different limitations came into scene are as follows- RenderController 3d animation ara not running ...
Pranali Maske's user avatar
0 votes
1 answer
63 views

Famo.us Js - Animate Body (Particle) to Position

I have a Circle (which I'll refer to as Particle throughout the question) with a Modifier then a Surface added to it that pipes events to a Generic Sync (Touch/Click). The sync events allow me to ...
Eric T's user avatar
  • 944
0 votes
1 answer
53 views

Famo.us `true` sizing and passing size up the render tree?

I don't think I understand what it means to size a famo.us node with a true size. In this example, I'm just trying to center a View with a fixed size. But I eventually want these BlueView's to ...
nicholas's user avatar
  • 14.2k
1 vote
1 answer
79 views

How to flip in famo.us?

How I can do this to my Container Surface with famo.us? My container surface looks like this: var input1Fix=new ContainerSurface({ size:[241,40], properties:{ backgroundColor:'black',...
user3569696's user avatar
0 votes
1 answer
53 views

Famo.us + Angular.js - filter list

I am playing with Famo.us and Angular and I have a question regarding filtering. I have this: //LIST THAT I WOULD LIKE TO FILTER <fa-view> <fa-modifier fa-size="[300,undefined]"> ...
MonsterWimp757's user avatar

1
2 3 4 5
10