Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 'use strict';
- var f = require('famous');
- f.core.FamousEngine.init();
- var scene = f.core.FamousEngine.createScene();
- var depth1 = scene.addChild();
- new f.webglRenderables.Mesh(depth1).setGeometry('Circle').setBaseColor(new f.utilities.Color('blue'));
- new f.domRenderables.DOMElement(depth1, { tagName: 'div'}).setContent('depth1depth1');
- depth1.setSizeMode('absolute','absolute','absolute').setAbsoluteSize(50, 50).setAlign(0.5, 0.5).setMountPoint(0.5, 0.5).setOrigin(0.5, 0.5);
- var depth2 = depth1.addChild();
- new f.webglRenderables.Mesh(depth2).setGeometry('Circle').setBaseColor(new f.utilities.Color('blue'));
- new f.domRenderables.DOMElement(depth2, { tagName: 'div'}).setContent('depth2depth2');
- depth2.setSizeMode('absolute','absolute','absolute').setAbsoluteSize(50, 50).setAlign(0.5, 0.5).setMountPoint(0.5, 0.5).setOrigin(0.5, 0.5);
- depth2.setPosition(0, 100, 0);
- var depth3 = depth2.addChild();
- new f.webglRenderables.Mesh(depth3).setGeometry('Circle').setBaseColor(new f.utilities.Color('blue'));
- new f.domRenderables.DOMElement(depth3, { tagName: 'img' }).setAttribute('src', 'images/someImage.jpg');
- depth3.setSizeMode('absolute','absolute','absolute').setAbsoluteSize(50, 50).setAlign(0.5, 0.5).setMountPoint(0.5, 0.5).setOrigin(0.5, 0.5);
- depth3.setPosition(0, 100, 0);
- var depth4 = depth3.addChild();
- new f.webglRenderables.Mesh(depth4).setGeometry('Circle').setBaseColor(new f.utilities.Color('blue'));
- new f.domRenderables.DOMElement(depth4, { tagName: 'div'}).setContent('depth4depth4');
- depth4.setSizeMode('absolute','absolute','absolute').setAbsoluteSize(50, 50).setAlign(0.5, 0.5).setMountPoint(0.5, 0.5).setOrigin(0.5, 0.5);
- depth4.setPosition(0, 100, 0);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement