Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

michaelsboost

Members
  • Content Count

    9
  • Joined

  • Last visited

Community Reputation

2 Newbie

About michaelsboost

  • Rank
    Newbie

Contact Methods

Profile Information

  • Gender
    Male
  • Location
    Rockford, IL
  • Interests
    Just a guy who’s goal is to make a positive impact!

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. I just realized the mouth of my character isn't staying white within the gif animation (from the image sequence). Not sure why tho
  2. I love making vector animations but if you're on a mobile device currently there's no app out there that allows you to make tween based animations. Desktop users have Blender, Synfig Studio, Keyshape, After Effects. If you're on a Chromebook you have Animatron Studio and even TweenUI but mobile users have been left in the dark far too long. So here's a preview of a free and open source app I'm working on in my free-time that will allow you to make svg/vector animations on a phone or tablet without writing a single line of code. It's still very much a work in progress and no-where near an alpha release but I wanted to share it with you all and get your input. (Source code is available via Github - https://michaelsboost.github.io/svgMotion/) If you're familiar with GSAP and would like to collaborate please send me a message as I'm learning more about it as I'm making this application. You can watch the video from the link here: https://video-dfw5-1.xx.fbcdn.net/v/t42.9040-2/78886440_436952356898204_5395632990078369792_n.mp4?_nc_cat=102&efg=eyJ2ZW5jb2RlX3RhZyI6InN2ZV9zZCJ9&_nc_ohc=A5CjrJdOJEUAQnoi22XQBtFXwPnwJaAYo4Bt40n7leHxu-si7ONMCBweQ&_nc_ht=video-dfw5-1.xx&oh=29556dd7a2c840d24a6e021283509966&oe=5DD9B717
  3. I decided to just put the onclick function into the img.onload function. Noticed on my computer it uses less cpu than promises. This demo I'm using gifshot to create the gif animation. https://codepen.io/michaelsboost/pen/MWWRMGL
  4. Why is it that after the image was already appended when I run.... document.querySelectorAll("section img").length In console it says "0"? Even when I run..... document.querySelector("section").innerHTML it says..... "" Can someone explain this for me? I'm confused.
  5. oh ok can't read it as a string must be an object.
  6. Thanks that actually makes since to me now lol. However I ran into another hiccup. I'm trying to append the image sequence as a PNG from a canvas element (cause that's the only way I know how to do it). (however it's not appending the image source as a image/png. when I console.log it shows fine but when I try and append it. I get.... Why is this and what can I do to fix it? https://codepen.io/michaelsboost/pen/WNNWBMo?editors=0010
  7. How would you grab the image sequence with multiple tweens going at once? Here's an example I tried in which the animation runs fine but the image sequence doesn't grab all the tweens. https://codepen.io/michaelsboost/pen/VwwNEEo?editors=0010
  8. I first heard about GreenSock a few years ago but never had a project where I needed it until recently. Anyway I started playing with it for the first time yesterday and really like it. However I'm now stuck and after all the reading I've been doing I can't find any help or solution hence why I registered. My question is simple, "How can I rotate just the eyeballs of my SVG without them changing position?" I've included my Pen via Codepen so you can take a look at the code. TweenMax.to(".clockexer .eye", 5, { y: 0, x: 0, rotation: 360, transformOrigin: "50% 50%", yoyo: false, repeat: -1, ease: Power0.none });
×