Jump to content
GreenSock

Search the Community

Showing results for tags 'html5 canvas'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Found 2 results

  1. 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
  2. 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
×