Skip to content

Instantly share code, notes, and snippets.

@oldschooljarvis
Created June 11, 2015 20:41
Show Gist options
  • Save oldschooljarvis/2011f7d9ea0586c1f059 to your computer and use it in GitHub Desktop.
Save oldschooljarvis/2011f7d9ea0586c1f059 to your computer and use it in GitHub Desktop.
GL Image Texture Checkerboard Behavior
'use strict';
var f = require('famous');
f.core.FamousEngine.init();
var scene = f.core.FamousEngine.createScene();
//DOMElement image setup
var domImage = scene.addChild();
domImage.setSizeMode('absolute','absolute','absolute').setAbsoluteSize(200, 200).setAlign(0.5, 0.5).setMountPoint(0.5, 0.5).setOrigin(0.5, 0.5);
new f.domRenderables.DOMElement(domImage, {tagName: 'img'}).setAttribute('src', 'images/famous_logo.png');
new f.components.Position(domImage).set(600, 0, 0, {duration: 5000, curve: 'spring'});
//GL texture image setup, uses same image - 4000ms delay.
f.core.FamousEngine.getClock().setInterval(function() {
var glImage = scene.addChild();
glImage.setSizeMode('absolute','absolute','absolute').setAbsoluteSize(200, 200).setAlign(0.5, 0.5).setMountPoint(0.5, 0.5).setOrigin(0.5, 0.5);
new f.webglRenderables.Mesh(glImage)
.setGeometry('Plane')
.setBaseColor(f.webglMaterials.Material.image(
[],
{
texture: f.webglMaterials.TextureRegistry.register('logo', 'images/famous_logo.png')
}
)
);
new f.components.Position(glImage).set(600, 0, 0, {duration: 5000, curve: 'spring'});
}, 4000);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment