Questions tagged [famo.us]
Famo.us is a JavaScript rendering and physics engine for creating web applications with high-performance 3D user interfaces.
478
questions
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 ...
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 ...
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 ...
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 ?
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 ...
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 ...
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 ...
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-...
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)
....
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"
...
-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.
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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\...
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:\...
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 ...
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 ...
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');...
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');...
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 ...
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"
...
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 ...
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');...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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){
...
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 ...
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 ...
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 ...
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 ...
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: ...
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 ...
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 ...
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 ...
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 ...
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 ...
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',...
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]">
...