Cocoshop - OpenSource Visual Editor for Cocos2D

cocos2d for iPhone » Programming » editors / tools

Cocoshop - OpenSource Visual Editor for Cocos2D

(93 posts) (23 voices)

Started 1 year ago by andrew
Latest reply from eddylaw

Tags:

12…4 Next »

andrew
Member

I mentioned in an earlier topic that I was working on making a tool like RapidScene, which makes positioning sprites for cocos2d much easier and more visual. It isn't really ready for consumption at all, but if anyone is curious they can download it here:
http://184.105.138.147/~beef/temp/cocoshop.app.zip

as I said, it isn't stable at all and there are a lot of crashes. This was my first shot at a Cocoa app and I plan on rewriting it before releasing a stable version. When I do that, I will release the source code with it for anyone curious on how I accomplished this. Right now, the classes are getting very cluttered and should be separated. Anyway, please let me know if there is anything you want to see implemented or any questions.

Oh, and I stole the name cocoshop from @abitofcode :p

Posted 1 year ago #
jd
Member

Awesome work so far! If you could add customizable layer size I would use this every day. I'm currently building a bunch of missions for my game and need a tool my designer can use to lay things out.

Posted 1 year ago #
andrew
Member

yes, I plan on doing that before releasing the first real version. I decided to rewrite it so it uses MVC and KVO. Hopefully it will be working by tomorrow.

Posted 1 year ago #
Stepan Generalov
Moderator

Great Job! This is what i'll need soon.

I think this tool will be very handy for most of Cocos2D developers, it's great that you will make it open source!
I suggest you to publish it on GitHub ASAP, so others can fork, modify and send you a pull requests.
I think with the power of Cocos2D community this tool can progress very fast.

Posted 1 year ago #
andrew
Member

Alright, I've set everything up on github, but I should add that I've never used git before, so I might not do everything correctly. This is the redone version and it isn't very stable at all. I'm having an issue where it crashes every few times I want to add a sprite. The crash logs say that it's because of CCSpriteBatchNode, which is odd since I'm not using it.

Anyway, here it is: https://github.com/andrew0/cocoshop

Here's a shot of it so far:

(click to enlarge)

Posted 1 year ago #
andrew
Member

I made some updates and updated github. You can download the build here: http://www.mediafire.com/?a2x5l5mp5wwl0bd

It doesn't have any function to generate the code yet, but I can probably make that pretty quickly.

Here's a screenshot:

Posted 1 year ago #
Stepan Generalov
Moderator

Nice!

@andrew Have you noticed, that i forked and made a pull request? I added Drag & Drop support and made pvr & ccz files allowed.
Also i removed OS X and XCode noize by adding gitignore.

I don't have much time, but i would like to contribute to cocoshop. My main focus is usabilaty.
I'm gonna try to add transparent background with layer resizing tonight.

If you'd like to receive my help - could you do your commits more atomic and detailed please?
I.E.
Commit #1 Fixed hangup while adding duplicating sprite
Commit #2 Added Rotation back to Sprite Info Window
Commit #3 Added Sprites list window.

This will make me easier to understand what was changed. Also i recommend you GitX - very handy tool for making commits.

Anyway, thanks for sharing code on the GitHub, you can add me as a collaborator if you'd like, but even if you will not, and you don't want to mess with pull requests - you can always find my fork here: https://github.com/psineur/cocoshop

I will work on the develop branch and will try to make my commits often and clear.

Posted 1 year ago #
andrew
Member

hi, I added you as a collaborator for now - I'm still trying to figure out how to use github, so sorry for any issues.

and sorry for the massive commit :p

Posted 1 year ago #
Stepan Generalov
Moderator

Thanks! I have pulled your work, readded Drag&Drop and fixed crashes.
And now my changes available here: https://github.com/andrew0/cocoshop/tree/develop

I will continue my work on this branch, without touching master, to avoid confusing, cause you're on master branch now.
To work together on develop we will need to pull first, make changes and then push to the GitHub.

If you have any questions - feel free to ask - i would like to help.

Posted 1 year ago #
Stepan Generalov
Moderator

OK, i've set some issues on Andrew's repository.
https://github.com/andrew0/cocoshop/issues/

Everyone are welcome for suggestions, advices, pull requests, etc ;)

Posted 1 year ago #
andrew
Member

hi - sorry for not being very active the past day, I've been immersed in Portal 2. I'll try to look into the issues.

Posted 1 year ago #
jd
Member

lol @andrew. I purposely don't purchase or download any new games while in development for that reason :) Great work so far by andrew and Stepan. Once the window/layer size can be customized, I plan to use this often. Once I'm done releasing my game, I'll help you guys out but that's probably a month away :(

Posted 1 year ago #
Stepan Generalov
Moderator

In this branch window can be resized and checkerboard added:
https://github.com/andrew0/cocoshop/tree/betterWorkspace

I plan to add color option (with alpha) for background and workspace setting.
After this 'betterWorkspace' can be merged to 'develop'.
Here's the issue for this: https://github.com/andrew0/cocoshop/issues/2

Posted 1 year ago #
KingIsulgard
Member

It's a nice tool! Could you also make it usable for iPad? :)

Posted 1 year ago #
andrew
Member

yes, if you look at the repo on github ( https://github.com/andrew0/cocoshop/tree/develop ) you can download the source for the develop branch. That has support for resizing the window and such. I will make it possible to manually type in this information probably (i.e. so you can put in 1024x768 exactly)

Posted 1 year ago #
TheDevil
Member

Hey...great tool!! I cant wait for the generate option to be enabled!! Looking forward to all the releases!! Great work guys!

Posted 1 year ago #
Stepan Generalov
Moderator

Save & Load are working now in the develop branch BTW.
It's far away from 0.1 but i think it's possible to start using it in a real case right now.

I just added scrolling & zooming functional so it's just one step away from solving https://github.com/andrew0/cocoshop/issues/15

Anyone, please take a look and feel free to contribue - i would like to merge your pull requests and help with anything i can.
I believe that Cocos2D Community is strong and we can create cool stuff! Even if 5 people will spend 1 hour each working day on Cocoshop - it can become a great tool!

And it's licensed with MIT License, so anybody can polish it and sell freely in Mac App Store if he'd like to. So let's make it together, help and motivate each other!

For myself i want to see Cocoshop as a tiny, very easy to use tool with minimal features. (that's why it already has Drag-n-Drop & Trackpad Gestures, but supports only Sprites) And this is the direction in which i will work on it.

Posted 1 year ago #
andrew
Member

I've been reworking the UI, here's what I have so far:

I'm trying to make it more polished like the tools from 71 Squared, such as Glyph Designer.

(the left side is going to be used to show the currently added sprites)

I'm considering scrapping it and just using the old interface, since I don't want it to be too complicated. As Stepan said, it's goal is to be a minimalistic tool to help simply position things for your scenes. Maybe I'll make a separate branch that is more of complete solution, but something like CocosBuilder might already be suited for that enough.

Posted 1 year ago #
riq
Key Master

@andrew: Nice GUI. Are you using cocos2d-mac for the object's view? If not, I suggest using it, since it will be easier to edit/test the objects.

Posted 1 year ago #
Stepan Generalov
Moderator

@andrew95, why it's not uploaded to GitHub? I did a lot of changings there, and new CSMacGLView should fit nicely into new GUI.
Looks like we will get merge problems soon... BTW i sent you a mesagge on GitHub recently, check it, please ;)

@riq Yes, cocoshop uses Cocos2D, so it's showing native cocos's scene.
I tried to post to Cocos Builder topic, but my posts are invisible there, am i banned as a spam or something like this?
I just want to make more attention to cocoshop, cause i think it's better for community, cause it's Open Source and Tiny.
Here's the video, of my "shadow posts" in Cocos Builder topic - i can see them only when i logged in.

Posted 1 year ago #
Stepan Generalov
Moderator

OK, i've just added CSExamples and CSDReader to develop branch:
https://github.com/andrew0/cocoshop/tree/develop

Cocoshop project is cocoshop.xcodeproj
Example (test) project is CSExample1.xcodeproj
All it's stuff (except CSDReader) is located in CSExamples folder.

CSDReader contains files, that you need to import to your project to use csd files.

It works in Fullscreen mode with floating panels. And i don't know how fullscreen behaviour will be possible with new UI from that screenshot.

Everybody, please try it, and say something. All these lack of communication and invisible posts in Cocos Builder topic really demotivates a lot.

P.S.
To open csd file in cocoshop, run cocoshop and use CMD-O or app menu to open csd.
If someone would like to implement the file association feature - it would be super.

Posted 1 year ago #
riq
Key Master

@Stepan:

Good to know that it is using cocos2d-mac to render the objects. Then, It should be relatively easy to add new objects.

Regarding your previous posts, it seems that someone else tagged them as spam.
My thoughts are:
- Avoid promoting a product in a thread that was started to promote a competitive product.
- Also, I don't know who tagged your posts as spam, but to the moderator who tagged them, please let the user know that their were tagged as spam.

I will leave those posts tagged as spam. Feel free to promote CocoShop in this thread.

Posted 1 year ago #
Stepan Generalov
Moderator

OK, but i should mention that cocoshop isn't a competitive product. It's open source and it's not even mine - Andrew created it.
I started working on it only because it was easier than starting other app from scratch.

Vik can use cocoshop parts in his editor freely, so cocoshop will help Cocos Builder to become better, it's not competitive.
And since my previous posts about CoCoNade icon in Cocos Builder topic wasn't tagged as a spam, i thought that we can use this topic for discussing different question about visual editor for cocos2d - like features, or file format.

Also my last post in CocosBuilder topic:

Emm, can anyone read my posts here? I cant see them when i logged out, but i see them when i'm signed in.

was invisible right after posting it. Does that mean that i can't longer post anything in Cocos Builder topic?
@abitofcode said that my account is typical user(not banned), so maybe there's some issues with the forum?

Posted 1 year ago #
abitofcode
Moderator

@Stepan Someone has marked the posts as spam, not sure why, maybe they're viewing the forum on an iPad :s

You should be able to post now. Whoever is marking as spam should be giving a warning when there are repeated posts marked, if you have any further issues send me a PM :)

Posted 1 year ago #
riq
Key Master

@Stepan:

yes, sure, we can discuss the file format in either thread... actually, we could create a new thread and discuss the cocos2d save file format there. It would be great that both cocoShop and cocosBuilder use the same file format, or at least that they could import/export the cocos2d save file format.

The idea is to support a "custom" NSCoder protocol in cocos2d. "custom" because the same file format should be supported in cocos2d-x.

Posted 1 year ago #
max9xs
Member

@andrew Wonderfull concept.. ! Thanks a lot !

Posted 1 year ago #
Stepan Generalov
Moderator

Last news from https://github.com/andrew0/cocoshop/tree/develop ...

cocoshop.xcodeproj:
* Just added *.csd file association ( now you can launch cocoshop by doubleclicking csd file)
* Added CMD+N for new project, but it still doesn't ask if you didn't save previous state - so be warned.

Now i can work with that! ;)

CSExample.xcodeproj:
* Added and passed 2 tests on simulator: normal autonode with sprites and autonode with sprites in spriteBatchNode.

BTW isRelativeAnchorPoint isn't supported in cocos2d-1.0.0-rc2 for CCSprite that uses SpriteBatchNode. Did you know that?

P.S.
CONTRIBUTORS NEEEEEDEEEEED, SOMEONE, PLEASE!
If no one will be interested in cocoshop - i will stop on 0.1 release with documentation. Further changes and features will be probably pushed to GitHub, but there will be much less motivation to create documentation...

Posted 1 year ago #
riq
Key Master

BTW isRelativeAnchorPoint isn't supported in cocos2d-1.0.0-rc2 for CCSprite that uses SpriteBatchNode. Did you know that?

Yes... this is a "feature" / "bug".

Posted 1 year ago #
cybergreg
Member

@Stephan - I am very willing to help but I've got to finish up my existing project (non cocos2d), hopefully a week or so and then I'll have time. All these developer tools are great and I applaud you and Andrew but I fear many other devs are like me and to be brutally honest, this just doesn't put $$$ in my bank account :-D

However, this WILL save me time on my next project which is cocos2d based.
:-]

Posted 1 year ago #
riq
Key Master

May I add some feature requests ? :)

- The edit window with have infinity size. Right now it is limited to 480x320. Ideally you will be able to see the 480x320/320x480/1024x768... border.
- Sprite selection within the "edit" window. The selected sprite should be highlighted.
- Possibility to move/scale/rotate the sprite within the "edit" window
- Possibility to copy & paste the sprites
- Modes for the edit window:
---> "scroll" mode: will let you scroll the window / zoom in / zoom out
---> "edit" mode: you will be able to edit the selected sprite.

With these features, cocoShop will become in an excellent TilessEditor. Think of games like Aquaria ( http://www.bit-blot.com/aquaria/ )

Posted 1 year ago #

RSS feed for this topic

12…4 Next »

Reply »

You must log in to post.