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