[collision detection]

THANK YOU VERY MUCH!

[collision detection]

Thank you very much!

[collision detection]

Thanks a lot!

[collision detection]

Hello Sahil!

The book you told me its great!

I have to thank you!

I am reading slowly and for the firs time I can tell that I can understand some things about small games!

I have made a new pen!

If you know any other book about small games (javascript) I would be thankfull to tell me about!

 

See the Pen QVLjjV by makis2404 (@makis2404) on CodePen

[collision detection]

Thank you very much Sahil!!!

[collision detection]

What is the code for collision detection in this pen?

Between the rect and the wall?

I have tried several things but I cant find it.

Btn on.mousedown => rect goes down

Thanks

See the Pen EpJbvQ by makis2404 (@makis2404) on CodePen

[Tween to x,y coordinate?]

attr{x:10}

[on.("mousedown",myFunction)]

Thank you very much! It is very good!

[on.("mousedown",myFunction)]

I want the svg rect to go downstairs on.("mousedown",goDown)

May be something is required that I don't know well.

Thanks.

See the Pen by pen (@pen) on CodePen

[my third game. Built on timelines not on click events]

Thank you! 

[my third game. Built on timelines not on click events]

I made my 3rd mini game. It is built on timelines not on handlers.

I had to write a lot of code, with the same things again and again.

So is there something for that?

Thanks.

See the Pen YjdZgv by makis2404 (@makis2404) on CodePen

[my second mini game!]

Thank you very much Craig!

[my second mini game!]

Thank you guys for your help. Point C and Carl especially.

I am going to have a look at your best informational articles and videos!

In the meantime I have finished my second mini game!

You can have a look and tell me your comments!

Thanks!

See the Pen bjjowY by makis2404 (@makis2404) on CodePen

[how to find an inner sequence]

I can read It now and It is simple and I can understand It. I think It is a perfect pen for helping me with my pen. Thank you very much. 

[my first GreenSock mini Game!]

Thank you! 

[my first GreenSock mini Game!]

My first GreenSock mini Game!

If you have any suggestions for better coding but not to intricate with greensock termimology, just simple gsap things and terms I would be glad to listen to you!

See the Pen jpKwer by makis2404 (@makis2404) on CodePen

[how to find an inner sequence]

Thank you very much! 

It is a little complicated but I think It is a good lesson to work with It! 

[how to find an inner sequence]

Ok. the first one is what I need. to pause the tank and animate an explosion. I have made it in a simplified timeline whith no event handlers and a <g> with circles and  rects as the tank. And you can fire on click the tank. there is a score on top. There is a mistake at css of <p>   (fill instead of font-color).

 

See the Pen yqKxKG by makis2404 (@makis2404) on CodePen

 

 

[how to find an inner sequence]

In this animation there is an inner sequense where the tank is going on.

I wan to pause this moment so I can add some flames (see the image below).

Insteed of every time waiting until this moment and trying to put correctly the flame.

How can I  go inside the event handlers and find and manipulate tha scene?

See the Pen OwvZNm by makis2404 (@makis2404) on CodePen

[An instant flare at the bottom, a black strip on top!]

Thank you very much! Yes this is the solution of the problem! 

[An instant flare at the bottom, a black strip on top!]

It is like a flash on camera, a couple of seconds after the tank begins!

[A clarification of TweenMax, TimelineLite, TimelineMax, etc, please]

 tl = new TimelineLite();    //is there any difference here

tl = new TimelineMax();  //from here

 

When I choose the first and when the second?

Is there any diference?

 

Then

tl.to     //when choose this one

TweenMax.to     //and when to choose this

 

 What are the diferences? 

[An instant flare at the bottom, a black strip on top!]

Here is the bit of sec  that the black rect doesn't fill the horizontal level of the image and there is a fire in front and under the tank that looks like a flare!!!

[An instant flare at the bottom, a black strip on top!]

try it on jsbin. The flare can't be screeshot -ed. It is just an instant think. But the black strip yes. It is the black rectangle over the bird.

[An instant flare at the bottom, a black strip on top!]

Preface

I have an Odyssey in the "space" of D3.js, until I found GreenShock.

I wish have found it earlier! I didn't need the (big?) data, just the animation!

 

Chapter 1

Here is the problem of my gsap-animated page.

 

When the page opens there is a black strip on top of image instead of 
   

 $("#field"), {scaleY: 2}

 

(If you replay, it corrects).

 

After 5 sec  begining  the animation,  an instand flare fires  in frond and under the tank!

 

See the Pen PBKdRY by makis2404 (@makis2404) on CodePen