Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by failure13

  1. I've read a lot already, starting to understand more... But i got question that i haven't seen answered in tutorials i've watched yet, what if i need to reference for example to som specific tags like p, img, h3 inside .content ? In CSS i would do it like ".content img", but obviously jQuerry syntax is a bit different, and it doesn't work that way, so how can i do it with jQuerry? Yes, it will work for old browsers, but use jQuery version 1.9.1, not jQuery 2.x, because after version 2 IE8-- support dropped Wonder why they did it? Probably some CSS3 complications...Anyway, i could do with 1.9.1 by now, thx for mentioning) Yeah, i live now in Russia, in here most of my clients are bosses of some firms, that ask questions like: "Why it works so good on my iPad, and doesn't work in my IE6"...
  2. Woah, so many articles i need to read! Awesome! Will describe my impressions tomorrow, but thank you a lot for help guys! P.S. Main problem for me is that in my country a lot of my freelance projects are...Please don't laugh, for IE6 also, which is embarassing, but it is still alive for some unbelivable reason... So, there is two questions that really matter: 1. Size, that's why i'd like to use pure GSAP in small cases, coz i'm simply in love with all AS3 stuff, and concepts behind Timeline, it's not that easy to repeat such stuff with pure JS or jQuery! 2. Will GSAP work as perfectly as GSAP + jQuerry (or zepto.js or min.js) in stupid old browsers like IE6? I've checked GSAP + jQuerry in IETester soft (highly recommended to test all IE versions btw), and was fairly amazed that it works at all! And works not as lazy as i would expect to see! But i already find some bug with this little peace of code, so it will be a long journey... Anyway, will tell my results tomorrow! Thx again!
  3. bassta Cool, that helped! But wait, if i understood you correct it is only possible to select ID through GSAP JS, and impossible to select classes? And with jQuerry it is easy to select everything, correct? coz with your no jQuerry code, you need to hover the button, to see effect, i wanted to hover .content itself, to see effect, just as in you jQuerry version, so without jQuerry it seem to be impossible?
  4. bassta thx for help man,i don't know...just don't understand why pen you've sent works, but when i do same in here - it doesn't... Can you just send me local HTML / CSS /JS test files, so i can see what i miss? Probably i mistake on loading js libs...i don't know :\ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>This is only a test</title> <link rel="stylesheet" href="style.css" type="text/css" /> <link rel="shortcut icon" href="http://htmlbook.ru/favicon.ico" /> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="133.js"></script> </head> Than i just copy your .js file, and it still doesn't work, no animation happens at all...But on pen everything works For 3 hours already i'm trying to see anything animates with GSAP JS on my own files, but as hard as i try it - still can't see any effect Seems that i have some stupid mistake somewhere...But as you can see my test codes are very simple, so i don't even know...
  5. carl schooff Thx, will check through those link now! Yeah, i've just started, and i'm not very familiar with js, i thought it is very close language to AS3, but that's not really true as i see))
  6. creativetech Doesn't change anything.. bassta That means that i also need to add jquerry in html to get it work? I thought i can use GS alone..
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>This is only a test</title> <link rel="stylesheet" href="style.css" type="text/css" /> <link rel="shortcut icon" href="http://htmlbook.ru/favicon.ico" /> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> <script type="text/javascript" src="133.js"></script> </head> <body> <div id="main"> <div id="header"> <div class="title"> @ music ? </div> </div> <ul id="menu"> <li><a href="133.html" class="active">Музыка</a></li> <li><a href="#">Видео</a></li> <li><a href="#">Софт</a></li> <li><a href="#">Фестивали</a></li> <li><a href="#">Контакты</a></li> </ul> <div id="page"> <div class="content"> <h3>IDM</h3> <img src="pictures/001.jpg" class="picture" alt="BrainDance"/> </div> <div class="content"> <h3>Venetian Snares</h3> <img src="pictures/002.jpg" class="picture" alt="Venetian Snares"/> </div> <div class="content"> <h3>APHEX TWIN</h3> <img src="pictures/003.jpg" class="picture" alt="Aphex Twin"/> </div> </div> <div id="footer"> <p>2013 year of sound</p> </div> </div> </body> </html> That's my html file, at first i load TweenMax.min.js then i load my 133.js file, which is: var test = document.getElementById(".content"); btn.onmouseover = function() { TweenLite.to(test, 1.5, {css:{backgroundColor: "#ff0000"}}); } btn.onmouseout = function() { TweenLite.to(test, 1.5, {css:{backgroundColor: "#1f00F0"}}); } Nothing happens on mouse over, did i missed something?
  8. Oh, i also forgot, if it's reversed and get to the beginning - it doesn't loop backwards, how to loop it also backward?
  9. Oh, ok, pity that it's can't be as simple as in flash itself, but anyway thx for help Please check my updates in last post
  10. Thx Jack, it's funny, but i already come to exactly same code by that time But what i wanted is even more simple version of it (as i thought it would be something like this): TweenMax.to(rectangle, 0, {colorMatrixFilter:{brightness:3, saturation:3, hue:0}}); TweenMax.to(rectangle, time, {colorMatrixFilter:{brightness:3, saturation:3, hue:360}}); Why it doesn't work like if i would move genlty hue slider on screenshot from flash? Here's what i got now: //////////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////// DEFECT PIXEL TEST ////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////////////////////////// stage.align = "TL"; stage.scaleMode = "noScale"; stage.displayState = StageDisplayState.FULL_SCREEN; import com.greensock.*; import com.greensock.easing.*; // timing of loop var time:int = 13; var rectangle:MovieClip = new MovieClip(); var timeline:TimelineMax = new TimelineMax({onUpdate: test, repeat: -1}); letMeSet(); function letMeSet():void { // create display rectangle.graphics.beginFill(0xFF0000); rectangle.graphics.drawRect(0, 0, Capabilities.screenResolutionX, Capabilities.screenResolutionY); rectangle.graphics.endFill(); addChildAt(rectangle, 0); // center text messages //text.x = Capabilities.screenResolutionX * 0.5; //text.y = Capabilities.screenResolutionY * 0.5; // add keyboard listeners stage.addEventListener(KeyboardEvent.KEY_DOWN, control); // colorize display TweenMax.to(rectangle, 0,{colorTransform:{tint: 0xFF0000}, onComplete: colorRun}); } function colorRun():void { timeline.append( new TweenMax(rectangle, time,{colorTransform:{tint: 0xFFFF00}}) ); timeline.append( new TweenMax(rectangle, time,{colorTransform:{tint: 0x00FF00}}) ); timeline.append( new TweenMax(rectangle, time,{colorTransform:{tint: 0x00FFFF}}) ); timeline.append( new TweenMax(rectangle, time,{colorTransform:{tint: 0x0000FF}}) ); timeline.append( new TweenMax(rectangle, time,{colorTransform:{tint: 0xFF00FF}}) ); timeline.append( new TweenMax(rectangle, time,{colorTransform:{tint: 0xFF0000}}) ); } function test():void { trace(rectangle.transform.colorTransform.color.toString(16)); } function control(event:KeyboardEvent):void { TweenMax.to(text.textfield, 0,{alpha: 1}); if (event.keyCode == Keyboard.SPACE) { if (timeline.paused == false) { timeline.pause(); text.textfield.text = "PAUSE"; } else { timeline.resume(); text.textfield.text = "PLAY"; } } if (event.keyCode == Keyboard.LEFT) { timeline.reverse(); text.textfield.text = "<< REV"; } if (event.keyCode == Keyboard.RIGHT) { timeline.resume(); text.textfield.text = "FWD >>"; } if (event.keyCode == Keyboard.UP) { text.textfield.text = "LIGHT"; } if (event.keyCode == Keyboard.DOWN) { text.textfield.text = "DARK"; } // i key if (event.keyCode == 73) { text.textfield.text = "133 Defect pixel test"; } TweenMax.to(text.textfield, 2,{alpha: 0}); } This part doesn't work as i thought it would be, i think i've messed with syntax word, it's not "paused"? And also i got strange trouble with controls, when i play left - it's cool, it gets reversed as it needs to, but when i play right - it doesn't play back normally...what's wrong? P.S. I think you got some bug in forum's css, please note this, shadow doesn't continue: http://s2.ipicture.ru/uploads/20130222/ODVfc1or.png
  11. I have a trouble, can't get my code to work. I have rectangle on stage, and trying to tween .hue, what i need is same effect as: http://s2.ipicture.ru/uploads/20130222/56cfX4PQ.png If S and B always 100%, and only hue is changing. Can someone give me example? I was trying colorMatrixFilter, but for some reason haven't got the same effect as i got in flash itself... stage.align = "TL"; stage.scaleMode = "noScale"; stage.displayState = StageDisplayState.FULL_SCREEN; import com.greensock.*; import com.greensock.easing.*; var rectangle:MovieClip = new MovieClip(); var time:int = 5; letMeSet(); function letMeSet():void { rectangle.graphics.beginFill(0xFF0000); rectangle.graphics.drawRect(0, 0, Capabilities.screenResolutionX, Capabilities.screenResolutionY); rectangle.graphics.endFill(); addChild(rectangle); colorRun(); } function colorRun():void { TweenMax.to(rectangle, time,{colorTransform:{tint: 0xFFFF00}, startAt: {colorTransform:{tint: 0xFF0000}}, onUpdate: test}); TweenMax.to(rectangle, time,{colorTransform:{tint: 0x00FF00}, onUpdate: test, delay: time}); TweenMax.to(rectangle, time,{colorTransform:{tint: 0x00FFFF}, onUpdate: test, delay: time * 2}); TweenMax.to(rectangle, time,{colorTransform:{tint: 0x0000FF}, onUpdate: test, delay: time * 3, onComplete: colorRun}); } function test():void { trace(rectangle.transform.colorTransform.color.toString(16)); } Here's what i have now, it seem to work, but i'm sure there are much more easy way to do this through hue P.S. It would be also extra cool to pause / play and rewind this sequence
  12. Wow, thank you a lot Carl! TweenLite.delayedCall(1, showNextImage); and showNextImage function are just what i was searching for! I'm sure i'll have a lot of questions about LoaderMax later, but for now i understood the part i needed fast, thanks again!
  13. Kinda confused, for example i got this simple loader and array of images urls: import com.greensock.*; import com.greensock.loading.*; var loaderImages:ImageLoader; var images:Array = [image1.jpg, image2.jpg, image3.jpg, image4.jpg]; loaderImages = new ImageLoader(images[0], { name: "loaderImages", container: this, x: 120, y: 275, width: 280, height: 545, alpha: 0, centerRegistration: true, scaleMode: "proportionalInside" }); loaderImages.load(); What i want is to make simle slideshow which would: 1) Load all images firstly 2) Show first image 3) Then after some delay start to cycle between images Is there any cool, easy and handy alternative by gs of usual as3 timers to make slideshow load next slide after a while? Thx for any help in advance!
  14. Thank you! TweenMax.from(subMenuO, 1.5, {y: 0}); have done just what i need!
  15. Hi again! For example i got an array called subMenuO, and each of it's item have it's own different y, i wonder if there is a quick way to say TweenMax: "I want you to tween each item from y = 0, right to y where each item is right now". Quick, in my sense means without creating additional / temporary array that would hold y for each item. Thx in advance!
  16. No, i meant if there are any alternatives for projector? Or it is completely impossible to make accurate scrubbing for local use then?
  17. So without special server it's impossible? How about projector then?
  18. Sorry again, have bashed into the same wall... Understood about video.gotoVideoTime(0);, it's just pointless at this stage coz it's final loading stage, when whole video loaded... What i want is to Fade alpha slowly when video actually started to play (after it is buffered?), how would i do it? Probably i can guess, that i should use onInit in such case? P.S. Yes, it seem that in my mind onComplete for this case was actually onInit, so this way it works, when i switch it works totally as desired! But i got another short question, have you noticed with my small video, that sometimes after you drag progress scrubber, and then release it - it starts to move in pretty shifted place, from where it should be, why drag progress doesn't totally equal to video progress in my case? It only can be determined with really small video, with bigger it is ok... I wonder if it is how flash works, or probably i have made some mistake in progress calculations?
  19. I still got trouble, please check new pm! I have sent you new .fla to look on, now for test i've hardcoded the url from html, restricted whole error-catch code, removed any possible play calls, except autoPlay in loader itself, now loader looks like this: // create video loader var video:VideoLoader = new VideoLoader(videoURL, { name: "video", autoPlay: true, container: this, alpha: 0, bgColor: backgroundsColor, bgAlpha: bgAlphaVideo, width: vW, height: vH, centerRegistration: true, scaleMode: "proportionalInside", onComplete: initVideo, //onError: errorCatch, onProgress: updateDownloadProgress }); But i still can reproduce issue, delete cache launch html page again, pressed play - sound starts, video don't, than when download progress indicator ends video & audio starts from scratch... I don't get it :\ Seem that there is something weird going on when grabbing url from html...
  20. Wait, you mean that video.gotoVideoTime(0, false); doesn't only rewind to the desired video time, but also do play?? Than it definately make sense...I thought it's only about telling where you want the playhead to be. How would i stop it then? I have put this command in function initVideo only for the future, in case i will have more than 1 video, and then each next will start from 0..I can just delete it for now, but i suppose i should do this before video initialization stage (which is really stupid as i think of it now, but back than for some reason it was logical... ).
  21. Sorry for not clearing it, yes it happens. It doesn't actually tied with error catch i think, coz when there are no url in html, with my alst addition - it just throw an error..So you can just hardcode it and remove error like this: // create video loader var video:VideoLoader = new VideoLoader(videoURL, { name: "video", autoPlay: false, container: this, alpha: 0, bgColor: backgroundsColor, bgAlpha: bgAlphaVideo, width: vW, height: vH, centerRegistration: true, scaleMode: "proportionalInside", onComplete: initVideo, onProgress: updateDownloadProgress }); Well, i have GSAP v12 (beta) for AS3, i guess i have downloaded it in August or September, was there any updates since that date, should i install new one? P.S. My friend was able to replicate this issue using opera on medium speed conection (200-300 kb/s), only when he watched first time (that means video was unbuffered or something like that i guess?) I for myself cannot replicate it since i have updated my code in previous message, still cannot see this effect...Trying to reboot browser, using different browser, clear cookies and cache - still no luck :\ I'm puzzled... P.P.S. Two friends of mine have just replicated this issue, one on Internet Explorer, other on Chromium in Ubuntu...And for both of them it was only on first loading...Then it must be cache i believe? If so - how to eliminate this issue? Probably no auto play gets ignored...i don't know
  22. Well, i was thinking of security error, coz flash usually works either on-line, either offline, but video must do both... It's not urgent, i just wanted to know clearly what it is, so right now i'll just leave it as it now, withou sprite... Would be cool to find some easy solution for this in the future
  23. Oh crap...My friend have just tested it and said that it's still the same. I will ulpoad the whole thing to you, please check PM...