Jump to content
Search Community

MGTH

Members

  • Posts

    16

  • Joined

  • Last visited

 Content Type 

Posts posted by MGTH

    Website No Longer Working On iOS Chrome - Created in Adobe Edge Animate & powered by Greensock

    in GSAP

    Posted

    Hi .. Diaco.aw & Jack .. Just a wee update on the problem I was having .. I still don’t know exactly what the root of the problem was but I have made some progress.

     

    The site was originally created in adobe edge 1.5 .. since updating to latest version and publishing from it it has brought the site back to life again in iOS Chrome .. I think the issue was with the edge preloader ( lots of negative comments about it online ) and how it was loading in 3rd party js .. it’s still not perfect needs a bit more tweaking .. but it’s working :) 

     

    Just wanted to thank the two of you for your help .. ( even though it wasn’t a Greensock issue ) .. really appreciated !!

     

    Cheers

     

    Rory

    • Like 1

    Website No Longer Working On iOS Chrome - Created in Adobe Edge Animate & powered by Greensock

    in GSAP

    Posted

    Hi Jack

     

    Server .. I Had a wee look in the cPanel of my site to check out the MIME Types .. in the System MINE Types it already has this listed:

     

    MIME Type - application/javascript

    Extensions - js

     

    Which I think is what the StackOverflow diagnosis is suggesting as a solution.

     

    Chrome's Dev Tools: message - Resource interpreted as Image but transferred with MIME type application/javascript: ..

     

    This seems to be something to do with yepnope .. I think edge uses this to load in external js .. but from what I’ve read so far this is an expected message and shouldn’t cause any issues ?! pretty sure i remember this message when I originally made the site and the site worked fine on iOS chrome back then.

     

    Sorry if this isn’t a Greensock problem .. I appreciate your time and the support you give is great !!

     

    Thanks

     

    Rory

    Website No Longer Working On iOS Chrome - Created in Adobe Edge Animate & powered by Greensock

    in GSAP

    Posted

    Hi Jack .. thank you for the support .. its much needed :)

     

    Think I’ve possibly confused things by saying .. “I’ve put it up on my server” .. it’s not a personal server .. if that is what your thinking ?! 

     

    I get the same result testing the site where it is hosted which is different from my sites hosting .. sorry if I’m getting the wrong end of the stick ?!

     

    Cheers

     

    Rory

    Website No Longer Working On iOS Chrome - Created in Adobe Edge Animate & powered by Greensock

    in GSAP

    Posted

    Hi all .. this is not really something I can make a codepen example of .. But I could really do with a wee bit of help diagnosing whats up please !!

     

    The website was created in Adobe Edge Antimate and powered by Greensock .. It was my first attempt at a site away from Flash and had been working happily across platforms ( mobile and desktop ) for over a year and a half .. Now the site no longer works on iOS Chrome and possibly some other platforms that I don’t have access to.

     

    I really don’t know how to start diagnosing this .. here is what I’m seeing:

     

    - iOS Chrome

    - Loads the edge animate preloader

    - Preloader finishes

    - Site hangs on green screen which is where Greensock should kick in

     

    It appears to me that the edge side of things is ok .. but chrome isn’t liking Greensock for some reason .. I may be wrong ?! 

     

    I have tested on:

    - mac versions of - Safari - Chrome - Firefox - Opera - iPhone - safari - ALL GOOD

    - iphone Chrome - ALL BAD

     

    I’ve put the site up on my server .. here’s a link:

    http://www.monkeygonetoheaven.co.uk/for_greensock/IOS-CHROME-PROBLEM/

     

    Would really appreciate if someone could point me in the right direction on how to diagnose what up.

     

    Cheers

     

    Rory

    Clear & Restart a timeline

    in GSAP

    Posted

    hey Rodrigo and Carl


     


    "I've forked your pen" .. he he .. is it just me or does that sound slightly dodgy ?!


     


    Rodrigo thank you very much that should do the trick .. really appreciate your time and for forking my pen :) i'll have a good play around with it tomorrow .. cheers


     


     


    Carl .. thank you too .. the time you guys put into helping people is amazing !!


     


    i wasn't pointing out a problem just looking for help on how to go about adding to a timeline then dumping all of the added content.


     


    the pause thing is still confusing me .. to replicate it run the script .. then press restart nothing else.


     


    i assumed the timeline would restart from 0 and play to the pause but instead it plays through to the end ?! if you press restart again it plays from 0 to the pause ?!

    Clear & Restart a timeline

    in GSAP

    Posted

    yo


     


    so i've been away wondering the wilds for a long long time .. wow you guys have been busy while i've been away .. well done on all the hard work !!


     


    i'm trying to get my head back into things and could do with a wee bit of help please :)


    ..


     


    i'm creating a timeline then adding content to it .. i want to restart the timeline dumping all the content added in the previous run.


     


    here's a codepen that i have been playing with that kinda simplifies what i'm doing !!


     


    so if you .. play the timeline .. add the red/blue/green anims .. restart the timeline and play it again .. it plays with the previously added anims. 


     


    See the Pen slAwC by MGTH (@MGTH) on CodePen


     


    i'm new to codepen so hope it works .. any help would be really appreciated.


     


    ..


     


    One other question .. why if you run the script .. then click restart does it skip the pause a the beginning of the timeline ??


     


    Rory

    Bullet-Proof TimelineMax Transitions

    in GSAP

    Posted

    Great stuff B2rana .. thank you for sharing .. was just about to give this a bash myself .. so you've saved me a load of work :)

     

    think i'll give combining it with Adobe Edge a go .. if i have any luck i'll post the results for others to play with !!

     

    cheers

     

    rory

     

    p.s same issue as Carl with chrome and safari .. works fine in firefox

    Timeline - go to label and play ??

    in GSAP

    Posted

    Morning all .. Carl .. you got it !!

     

    So do I have to define other properties ( i.e restart() .. reverse() .. resume() .. ) before they will work in my timeline ??

     

    Sorry if thats something I should know already .. i'm new to this and just now it feels like its breaking my head !!

     

     

    Wondering if your gonna re-do your legendary Bullet-Proof series in js for us .. thats what i'm playing around with just now .. If i manage to knock together a rough template of it working I'll post it for people to mess with !!

     

     

    Cheers for all the support .. really appreciated !!

     

    ..

     

    oh yeah .. there was no errors in the js console and forget about the:

     

    tlMain.append.play('Main_Start');

     

    line that just slipped through when I was editing it down.

    Timeline - go to label and play ??

    in GSAP

    Posted

    Hey .. how's it going ??

     

    I'm playing around with combining GS and Adobe Edge .. Trying to setup a simple timeline where you can jump to a specific label in the timeline.

     

    CODE LIKE SO:

     

    ..

    	 // GS TIMELINE ANIMS
  var tlMain = new TimelineMax({paused:true});
	 tlMain.timeScale(4);
	 // MAIN NAV
	 // Start ALL ALPHA 0
	 tlMain.appendMultiple(TweenMax.allTo([M1_H, M2_H, M3_H], 0, {css:{autoAlpha:0}}));
	 tlMain.append("Main_Start");

	 // M1_H
	 tlMain.append("M1_in");
	 tlMain.append(TweenMax.to([M1_H], 3, {css:{autoAlpha:1}, ease:Power3.easeInOut}), 1, "M1");
	 tlMain.append(pause);
	 tlMain.append("M1_out");
	 tlMain.append(TweenMax.to([M1_H], 2, {css:{autoAlpha:0}, ease:Power3.easeInOut}));
	 // M2_H
	 tlMain.append("M2_in");
	 tlMain.append(TweenMax.to([M2_H], 3, {css:{autoAlpha:1}, ease:Power3.easeInOut}), 1, "M2");
	 tlMain.append(pause);
	 tlMain.append("M2_out");
	 tlMain.append(TweenMax.to([M2_H], 2, {css:{autoAlpha:0}, ease:Power3.easeInOut}));
	 // M3_H
	 tlMain.append("M3_in");
	 tlMain.append(TweenMax.to([M3_H], 3, {css:{autoAlpha:1}, ease:Power3.easeInOut}), 1, "M3");
	 tlMain.append(pause);
	 tlMain.append("M3_out");
	 tlMain.append(TweenMax.to([M3_H], 2, {css:{autoAlpha:0}, ease:Power3.easeInOut}));
	 // MAIN RESTART
	 tlMain.append.play('Main_Start');

// BUTT SETUP

  // BUTT M1
   Symbol.bindElementAction(compId, symbolName, M1_Nav, "mouseover", function(sym, e) {
	 // insert code to be run when the mouse hovers over the object
	 tlMain.play("M1_in");
  });
  //Edge binding end
  // BUTT M2
   Symbol.bindElementAction(compId, symbolName, M2_Nav, "mouseover", function(sym, e) {
	 // insert code to be run when the mouse hovers over the object
	 tlMain.play("M2_in");
  });
  //Edge binding end
  // BUTT M3
   Symbol.bindElementAction(compId, symbolName, M3_Nav, "mouseover", function(sym, e) {
	 // insert code to be run when the mouse hovers over the object
	 tlMain.play("M3_in");
  });
  //Edge binding end

    ...

     

    The bit thats messing up is .. tlMain.append(pause); .. when I try to go to a label in the timeline .. for example M3_in using .. tlMain.play("M3_in"); .. nothing happens it stays in the paused state ??

     

    Not sure what I'm doing wrong

     

    cheers

     

    Rory

×
×
  • Create New...