Search the Community
Showing results for tags 'html5 canvas'.
Found 2 results
-
I'm new to all of this greensock/html stuff and I'm trying to run greensock with an html5 canvas element. I found this CODEPEN: https://codepen.io/jonathan/pen/ychlf by Jonathan Marzullo. It's close to what I'm trying to get to and it's simple enough to where I think I roughly understand what's going on with the javascript and greensock. I can see how the loop function is wiping the canvas with each tick and redrawing it. I copied the code out and built my own CODEPEN and it all behaves fine in my CODEPEN: http://codepen.io/kp1111CodePen/pen/ENMRoo But when I move the code to an html, css and js document it doesn't work. All I get is a blank page. I'm making these calls in the head of my document: <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/plugins/CSSPlugin.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/easing/EasePack.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenLite.min.js"></script> <script src="js/jquery.gsap.min.js"></script> Probably overkill for what I need to do, but I just can't get it to work. Is there something painfully obvious that I'm doing wrong? Should I be calling the js files at the end of the html file before the closing body tag? Sorry, these are all probably super simple questions, but I'm a total novice at this stuff. Thank you for your time. Kevin
-
Hi, just a few quick question. I've been trying to learn html5 canvas. It's hard, especially when i don't have any javascript basic programming. How do i animate all the stuff in canvas using greensock js animation tool? There's a script like this: var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); Now from the documentation i know you get the element id and animate it (NOT IN CANVAS). But in canvas do i have to make a lot of context (like the script above, so i make context1 context2 etc), then animate it by its context name? Another thing. How do i animate an object where its starting alpha = 0, then turn it to 100? Sorry, i still confused on how to animte things in html Thx 4 all the help
