A couple essential events for telling when your composition has loaded and when it has finished playing the timeline. Loaded Event [pastacode lang=”javascript” message=”” highlight=”” provider=”manual”] AdobeEdge.bootstrapCallback(function (compId) { console.log('composition loaded: ' + compId); }); [/pastacode] According to the documentation, this callback function will tell you when a composition has loaded and is ready to play. The event fires just
Don’t know what you could do with this, but it seems the australian cancer research foundation launched a site where user can submit their photos and be a part of an interactive video experience. Check it out here: https://theone.cancerresearch/. I noticed after I had submitted that I was taken to a url: https://theone.cancerresearch/i-am-103 – the key here to notice is that this url
So you’ve created a model in THREE.js and it’s not exporting your textures or your models are showing up blank when you import them with collada loader. This one’s nice and easy. Just make sure you are checking the boxes to include UV textures: Then make sure your file paths are right. The collada file is just XML so you should be
Sort of obsessed with low poly at the moment – paper type stuff. Here’s my mood board: https://www.pinterest.com/iwearshorts1365/paper/ There’s also a great tutorial called “Summit 3” here: https://www.youtube.com/watch?v=RPr5VjmiGQI Put up a rough demo today, I’ll do a proper tutorial later with soup to nuts on how to make a starter low poly world. DEMO
So you want a compass to guide you to the nearest fast food location? No problem. Let’s use the past two posts (geolocation, compass) to set it up for us and we’ll incorporate Google Maps Javascript API. Check out the demo below (NOTE: only on mobile): DEMO
Let’s get your geolocation, super easy: [pastacode lang=”javascript” message=”” highlight=”” provider=”manual”] function getLocation(callback) { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(pos) { var loc = { lat: pos.coords.latitude, long: pos.coords.longitude, heading: pos.coords.heading }; callback(loc); }); } } [/pastacode] You could use it like this: [pastacode lang=”javascript” message=”” highlight=”” provider=”manual”] getLocation(function(loc) { console.log(loc) }); [/pastacode]
I’m starting to use this site again! let’s start off with a simple one: HTML5 Compass. Just an FYI its mostly only partially supported (http://caniuse.com/#search=deviceorientation). Super simps, just include the script below: and you should be up and running with the compass. NOTE: just remove the jquery closure if you arent using it. [pastacode lang=”javascript” message=”” highlight=”” provider=”manual”] (function($) {
I have no idea. It was inspired by something I saw on a google site, so I stole the images and re-wrote the animation sequence. DEMO
Simple experiment using a ton of CSS3 animations. Hand written so I could understand what was going on. DEMO
A simple boiler plate for those of us new to webgl. Just grab a copy here: https://github.com/GSPBetaGroup/BoilerGL and get started by removing the default geometries. You have two functions at the top of the script. One to “init” the experience: [pastacode lang=”javascript” message=”” highlight=”” provider=”manual”] /** * Init the page with defaults. Add your objects to the scene here. All the initialization is