famous / lesson-mixed-mode-starter-kit Goto Github PK

I probably missed an obvious (as always), but where do I find this macbook obj file, used in tutorial?

On the second page of the tutorial, App.js adds a div to the meshNode, but DOMElement was not required. This leads to the sphere rendering in 2D and not rotating, as well as the div not rendering:

var PointLight = require('famous/webgl-renderables/lights/PointLight');
var FamousEngine = require('famous/core/FamousEngine');
var Mesh = require('famous/webgl-renderables/Mesh');
var Camera = require('famous/components/Camera');
var Color = require('famous/utilities/Color');
var DOMElement = require('famous/dom-renderables/DOMElement'); // Tutorial missing this line

function App(scene) {
// Add a camera to our scene for perspective rendering.

var camera = new Camera(scene).setDepth(1000);

// Add mesh to our scene.

var meshNode = scene.addChild()
.setOrigin(0.5, 0.5, 0.5)
.setAlign(0.5, 0.5, 0.5)
.setMountPoint(0.5, 0.5, 0.5)
.setSizeMode(1, 1, 1)
.setAbsoluteSize(200, 200, 200);

var mesh = new Mesh(meshNode).setGeometry('Sphere');

var element = new DOMElement(meshNode, { tagName: 'div' }).setProperty('background-color', 'pink');

// Add light component to our scene.

var lightNode = scene.addChild()
.setAlign(0.5, 0.5, 0.5)
.setPosition(0, 0, 250);

var light = new PointLight(lightNode)
.setColor(new Color('white'));

var clock = FamousEngine.getClock();

// Define update loop

FamousEngine.getClock().setInterval(function() {
var time = clock.getTime();

meshNode.setRotation(
  time / 1500,
  time / 1200,
  time / 1300
);

}, 16);
}

module.exports = App;

http://famous.org/learn/MixedMode/index.html

the scene containing the rotating laptop is rendered 3-4x taller than needed on my iPad Mini with the latest iOS.

scrolling seems to cause resizes of the scene area.

EDIT: actually it's resizing itself (seemingly) randomly a couple of times even without scrolling.

I have cloned this repo and can't start the server or run some of the commands..

for example when I run "npm start" 👍 [email protected] start: npm run build && serve --compress public/ -p 1618
npm ERR! Exit status 8
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is most likely a problem with the lesson-mixed-mode-starter-kit package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run build && serve --compress public/ -p 1618
npm ERR! You can get their info via:
npm ERR! npm owner ls lesson-mixed-mode-starter-kit
npm ERR! There is likely additional logging output above.
npm ERR! System Darwin 14.3.0
npm ERR! command "node" "/usr/local/bin/npm" "start"
npm ERR! cwd /Users/leeblazek/Sites/famous denver/lesson-mixed-mode-starter-kit
npm ERR! node -v v0.10.33
npm ERR! npm -v 1.4.28
npm ERR! code ELIFECYCLE
npm ERR!
npm ERR! Additional logging details can be found in: