Jump to content
GreenSock

martis last won the day on July 28 2012

martis had the most liked content!

martis

ShockinglyGreen
  • Posts

    212
  • Joined

  • Last visited

  • Days Won

    1

Everything posted by martis

  1. martis

    tint an object?

    Will do, In the meantime what might this error be attributed to? Note: Works fine on the first call to tween its fill, any additional calls throw the error... TweenLite.to(circle, 1, { raphael:{fill:"#FF0000", cx:point.x, cy:point.y, r:scale}, ease:Power2.easeOut}) Error: _numExp is not defined file:///Users/martis/dev/soz/flash_v2/deploy/js/plugins/RaphaelPlugin.min.js Line 14
  2. martis

    tint an object?

    I guess the question is, what is faster from a process and animation standpoint: animating CSS properties or SVG attributes? ie.. CSS left, top VS SVG cx, cy
  3. martis

    tint an object?

    Yep, that worked... Do you guys think I could get better performance by drawing the circle in unique DIVs and animating the divs using CSS or animating the actual Raph circle object?
  4. martis

    tint an object?

    Nm, circles use cx, cy, not x, y
  5. martis

    tint an object?

    I created an example using Raph to draw my circles, got the circles drawing, etc... I tried this code and the fill tweens, but the x, y do NOT tween. Anyone have advice? Thanks... function drawCircles() { var paper = Raphael('circleTouch', 1000, 648); var circ = paper.circle(200, 200, 96); circ.attr("fill", "#000"); TweenLite.to(circ, 3, {raphael:{fill:"#00f", x:300, y:300}, ease:Power1.easeInOut, delay:3}); }
  6. martis

    tint an object?

    Thank you Carl, Not getting the performance I want with CSS corners trick, gonna try Raph, then potentially canvas.
  7. martis

    tint an object?

    Hey guys, I want to have a circle (with transparent background) that I can tint the FILL. In AS3 I would of just made a vector circle and used tint:color... There is no "tint" for TweenLite JS (not that I know of?) and "color" doesn't affect PNG color values. in JS/CSS I created a circle using CSS (background fill with radius corners). I have ALOT of these circles, and want to try to use a circle PNG as my displayObject to test performance. My question is: Is there a widely supported method that will allow me to use a PNG, either as a mask or background element, that I can tween its fill color? Thanks!
  8. My first round solution looks like this: sequence = [moveRight, moveDown, expand]; for(var i:uint = 0; i < sequence.length; i++) { var label : String = TimelineMax(sequence[i]).vars.name; MT.addLabel(label, MT.duration); MT.insert(sequence[i], label); } MT is my main timelinemax instance. moveRight, moveDown, and expand are TimelineMax instances. I gave those instances names in the var object and used that to create frame labels... It's working great so far, but any other methods are welcome. Thanks!
  9. Hi guys, I want to create 1 Master Timeline (MT) with multiple timelines sequenced within that MT. I want to be able to jump between these nested timelines (skip forward and skip backward). My question is: How can I give each of them a label while still using insertMultiple to the MT so I can use getLabelAfter() and getLabelBefore()? I have tried getActive() on the MT and tried restart/complete on the active timeline, but have had wonky results with future timelines running. I think the gotoAndPlayLabel would be the safest bet? Thanks!
  10. I do, thanks... I will try to ditch the transformAroundCenter, thanks for the quick reply!
  11. I am only using transformAroundCenter for the rotation, not the x, y. Does this help?
  12. Hey Jack, I am using TweenMax 10.12 (AS3). I have run into a problem where... if I tween something like so... TweenMax.to(thumb, slideTime, {transformAroundCenter:{rotation:this.layoutData[index].rotation}, x:this.layoutData[index].point.x, y:this.layoutData[index].point.y, ease:Back.easeOut, onComplete:thumbTweenComplete, onCompleteParams:[thumb] }); then later try to do something like... TweenMax.to(clickedThumb, slideTime, {transformAroundCenter:{rotation:this.layoutData[0].rotation}, bezierThrough:[{x:200, y:200}, {x:this.layoutData[0].point.x, y:this.layoutData[0].point.y}], ease:Quad.easeOut, onComplete:thumbTweenComplete, onCompleteParams:[clickedThumb] }); The x, y of the object will not tween. I tried using overwrite:1, that seemed to work, but it doesn't work in a browser?? Have you ran into any problems with do a normal x, y tween then later trying to do a bezier tween? Thanks
×