Cocos2D Joystick (zJoystick v1.0)

cocos2d for iPhone » Programming » cocos2d 3rd party extensions

Cocos2D Joystick (zJoystick v1.0)

(37 posts) (14 voices)

Started 1 year ago by zaldzbugz
Latest reply from zaldzbugz

Tags:

12 Next »

zaldzbugz
Member

Hi Guys,

I created a joystick API and it can be downloaded here:

https://github.com/zaldzbugz/zJoystick

Features:

1.) Joystick presented in CCSprite (rest and active state)
2.) Fadein and FadeOut animation of joystick
3.) Added parameter for an object to be controlled.
4.) Optional delegate methods:

-(void)joystickControlBegan;
-(void)joystickControlMoved;
-(void)joystickControlEnded;

Check the repository on how to use it.

Next update:

1.) Make joystick width dynamic: Curently hardcoded as

#define kJoystickRadius 50.0f

So, best use Joystick container of dimension 130 × 130 (like in the provided sample image in the repository)

Hope you like it Guys! :)

Regards,
ZaldzBugz

Posted 1 year ago #
Studder
Member

Thanks will try it out and report back!

Posted 1 year ago #
zaldzbugz
Member

You can check my blog here if you want information about the API.
http://zaldzbugz.posterous.com/first-article

I'll be posting there in my BLOG all the API's that I'm planning to create soon. :)
You can post some comments there if you like.

Thanks and Happy Coding.

Regards,
ZaldzBugz

Posted 1 year ago #
Studder
Member

Great joystick works well!

Posted 1 year ago #
zaldzbugz
Member

@Studder: Thank you and I hope you enjoyed integrating the API. I'll keep you posted guys as well on the upcoming versions of ZJoystick.

Posted 1 year ago #
zaldzbugz
Member

ZJoystick is now version 1.2.

Regards,
ZaldzBugz

Posted 1 year ago #
Omegas7
Member

Hello, it is looking pretty cool. Question:

- Is it mandatory to set a controlledObject?
Because all I want the joystick for is to get the "angle" to do my own.. stuff. If it isn't, then how do I get such value?

Thanks :)

Posted 1 year ago #
timTheMystic
Member
@Ωs7, you can use the speed ratios for x & y to calc the angle with atan2.
```
// angle in radians
float angle = arctan2(ySpeedRatio, xSpeedRatio);
```
Keep in mind that it is designed to check for the sprite to hit the borders and this result speed will be close to zero and will give you incorrect angles. So you would want to remove the min/max limit checking.
Posted 1 year ago #
jowa44
On Probation

Cool, gonna try that soon.

Posted 1 year ago #
Omegas7
Member

Thanks.

Could you help me with a little problem?

I want it so when the player touches the screen, anywhere, the joystick will appear where the player touched. And with the *same* touch, the player moves it so it affects the joystick. If the player removes the finger, the joystick disappears.

I managed to make the joystick appear and disappear wherever I touch/untouch. But for some reason the button won't move with the same touch...

EDIT:
Ah, managed to do it. Just had to pass on the touch events from the scene to the joystick.

Posted 1 year ago #
zaldzbugz
Member

@Omegas: Glad you managed to do it. Yes, youre right, just had to pass on the touch events from the scene to the joystick.

Joystick touches only swallows touches and gets activated when your touch is inside the rectangle of the joystick.

Regards,
ZaldzBugz

Posted 1 year ago #
zaldzbugz
Member

@timTheMystic: thank you for pointing that out. That should help @Omega.

Posted 1 year ago #
zaldzbugz
Member

@Omegas7: With @timTheMystic solution, you can then add that angle as a parameter of ZJoystickDelegate methods. See below:

-(void)joystickControlBegan:(float)angle;
-(void)joystickControlMoved:(float)angle;
-(void)joystickControlEnded:(float)angle;

You can do that if you want and set this parameter values per joystick touches and implement this in your Scenes.

//ZJoystickDelegate methods
-(void)joystickControlBegan:(float)angle {
}
-(void)joystickControlMoved:(float)angle {
}
-(void)joystickControlEnded:(float)angle {
}

ZaldzBugz

Posted 1 year ago #
mayoxy
Member

great ! great ! great ! great graphic! great settings! great implementation! great game ability! acceleration alternative! great!

Posted 1 year ago #
zaldzbugz
Member

Thanks Mayoxy. Glad you like it.

Posted 1 year ago #
ksjogo
Member

Thank you very much. I could implement it very fast and it works great apart from one single point (fast to fix):
If you do not have a controlled object and just use the delegate (calling a function, applying force to a box2d body) it is still checking for (x/y)(min/max). This variables not being setup can reduce to strange behaviour because it is flatening values at random. It need another check for controlled object before calculating min/max.

Posted 12 months ago #
Stepan Generalov
Moderator

Moved topic to Extensions SubForum.
Isn't it a Joystic that is included in cocos2d-iphone repo?

ZaldzBugz, could you license it with MIT please?
Thanks!

Posted 11 months ago #
Petboy
Member

Great job zaldzbugz!

Got a question though, if you want the Joystick to give you the values such as angle (for rotating a sprite in the same direction as your using the Joystick), how would i go about doing that?

Thanks :)

Posted 11 months ago #
riq
Key Master

@Stepan: The joystick included in the cocos2d repository is obsolete.

Posted 11 months ago #
badawe
Member

@Petboy i wan't to know that to!

Posted 11 months ago #
Studder
Member

Zaldzbugz are you still supporting this joystick?

Posted 11 months ago #
zaldzbugz
Member

Hi Guys, Sorry. I was in a very long vacation lately. I will check of your comments and suggestions Guys.

The moment I got back home, I will go through each of your suggestion and comments and include that for a new release of ZJoystick./

@Stepen Generalov: How will I get MIT license? I haven't done that before. Thanks

Regards,
ZaldzBugz

Posted 11 months ago #
Stepan Generalov
Moderator

You can copy MIT License here: http://www.opensource.org/licenses/mit-license.php
It's just a text, that you add to your source code and/or other files, which says what other users can do with it.
For normal people it's just a formality, more detailed description can be found here: http://en.wikipedia.org/wiki/License

Posted 11 months ago #
zaldzbugz
Member

@Petboy, @badawe: it seems that you are looking to have a returned angle between the line defined by two points. You can use the actual point of the joystick container (position_) and the actual joystick thumb position (location) upon touched events (ccTouchBegan, ccTouchMoved) and do a atan2 computation.

float angle = atan2(y2-y1, x2-x1) * 180/PI;
//zjoystick
float angle = atan2(location.y - position_.y, location.x - position_.x) * 180/M_PI;

I will add a protocol method Guys to return an angle every-time a user controls the joystick if you like. From there you can have an angle returned values via protocols.

Does that sounds okay to you Guys?
Hope that helps. :)

Regards,
ZaldzBugz

Posted 11 months ago #
zaldzbugz
Member

@Studder: Yes I'm still here, willing to support ZJoystick :).

Please bear with me Guys. Due to some hectic schedules lately, I hardly had time to check out my mails.

Cocos2d team are planning move all cocos2d extensions to a single github repository, so ZJoystick might by moved there as well with an MIT License together other extensions that I am creating like ZDialog and ZButtonGroup.

Regards,
ZaldzBugz

Posted 11 months ago #
badawe
Member
@zaldzbugz Yeah, thank u! When you release these news methods?

I try do something like that:
```
-(void)joystickControlMoved
{
	float angle = atan2(_joystick1.position.y - [_joystick1 getPositionOnMainThumb].y, _joystick1.position.x - [_joystick1 getPositionOnMainThumb].x) * 180/M_PI;
	controlledSprite.rotation = angle;
```
Works half way!

The objects, is not looking at the right position you are pointing. Do you know what I'm doing wrong?
Posted 11 months ago #
badawe
Member

@zaldzbugz I got this work.

But i can't have multi touch in this layer? If i touch over my ZJoystick, and try to touch anywhere in the screen i can't grab the ccTouches!? I'm doing something wrong?

Posted 11 months ago #
Stepan Generalov
Moderator

@badawe take a look at priority and claiming touches. Probably ZJoystick have better priority and claims touches.
You can use CCSlider's and CCScrollLayer implementations as an examples for working with this kind of stuff.

Posted 11 months ago #
badawe
Member

@Stepan Generalov Still not working =/

I can't make 2 touches working at same time, If I touch in the joystick i can't touch anything else!

Don't know what is going on!

Posted 11 months ago #
zaldzbugz
Member

@Stepan: How is it going? do you have touches to something else aside from your joystick now?

If still not working. Try to create a custom button and have it swallow touches. If you check the sample code of ZJoystick, you can see there that you can control multiple joysticks at the same time. It's the same concept when you want you buttons or any object to detect touches if you need to.

The key method for this is the touch delegate method below:

- (void)ccTouchCancelled:(UITouch *)touch withEvent:(UIEvent *)event
{
[self ccTouchEnded:touch withEvent:event];
}

Regards,
ZaldzBugz

Posted 11 months ago #

RSS feed for this topic

12 Next »

Reply »

You must log in to post.