• Announcements

    • khawk

      Download the Game Design and Indie Game Marketing Freebook   07/19/17

      GameDev.net and CRC Press have teamed up to bring a free ebook of content curated from top titles published by CRC Press. The freebook, Practices of Game Design & Indie Game Marketing, includes chapters from The Art of Game Design: A Book of Lenses, A Practical Guide to Indie Game Marketing, and An Architectural Approach to Level Design. The GameDev.net FreeBook is relevant to game designers, developers, and those interested in learning more about the challenges in game development. We know game development can be a tough discipline and business, so we picked several chapters from CRC Press titles that we thought would be of interest to you, the GameDev.net audience, in your journey to design, develop, and market your next game. The free ebook is available through CRC Press by clicking here. The Curated Books The Art of Game Design: A Book of Lenses, Second Edition, by Jesse Schell Presents 100+ sets of questions, or different lenses, for viewing a game’s design, encompassing diverse fields such as psychology, architecture, music, film, software engineering, theme park design, mathematics, anthropology, and more. Written by one of the world's top game designers, this book describes the deepest and most fundamental principles of game design, demonstrating how tactics used in board, card, and athletic games also work in video games. It provides practical instruction on creating world-class games that will be played again and again. View it here. A Practical Guide to Indie Game Marketing, by Joel Dreskin Marketing is an essential but too frequently overlooked or minimized component of the release plan for indie games. A Practical Guide to Indie Game Marketing provides you with the tools needed to build visibility and sell your indie games. With special focus on those developers with small budgets and limited staff and resources, this book is packed with tangible recommendations and techniques that you can put to use immediately. As a seasoned professional of the indie game arena, author Joel Dreskin gives you insight into practical, real-world experiences of marketing numerous successful games and also provides stories of the failures. View it here. An Architectural Approach to Level Design This is one of the first books to integrate architectural and spatial design theory with the field of level design. The book presents architectural techniques and theories for level designers to use in their own work. It connects architecture and level design in different ways that address the practical elements of how designers construct space and the experiential elements of how and why humans interact with this space. Throughout the text, readers learn skills for spatial layout, evoking emotion through gamespaces, and creating better levels through architectural theory. View it here. Learn more and download the ebook by clicking here. Did you know? GameDev.net and CRC Press also recently teamed up to bring GDNet+ Members up to a 20% discount on all CRC Press books. Learn more about this and other benefits here.
Sign in to follow this  
Followers 0
fdmr

2d game art for ouya

10 posts in this topic

Hi gamedev,  recently I started a project with a couple of friends, we are trying to develop a game for ouya console, since we all are really noobs developing games, we are programmers, designers etc. but never tried to make a game before, well we only have experience with Game Maker and that kind of basic stuff, but we are having trouble on the art of the game.

Our game it's a simple 2d platform game, and our main problem is the art, we tried vector (inkscape) raster (gimp) but we are not sure what's the best option to go for it. It is hard to decide for a few reasons:

1.- Does having an raster game (gimp) it's bad for the resolution of the game on the different screens of the players/users?

2.- Is vector (inkscape) graphics the best choice?

The difficult about vector graphics is that making a sprite for me can be really hard, and at the end of the sprite it looks like a cartoon. (I want to achieve a castlevania or metroid sprites type of art that is used on gameboy series). So I'm trying right now to use gimp as pixel art tool, and I think it is way easier to make the sprites, but I don't know if it is the best way to do it because I don't want that the sprite looks blury at the end.

And finally at the end I think that no matter what the game (in this case with AndEngine) will show the graphics a raster, is that true?

So can anyone please tell me what is the proper way for making sprites, and if my firends do the backgrounds in inkscape and I do the sprites in gimo it would be a problem? If someone has a tutorial that would be great! (insert meme here)

Basically that it doesn't look bad in any resolution and doesn't look like a cartoon.
Sorry for my bad english, it is not my mother tongue.
Thanks.

0

Share this post


Link to post
Share on other sites

Finally, if the desired amount of pixelation lines up, certain lower-resolutions scale up perfectly to both 720p and 1080p -- for example, if designed for a logical resolution of 640x360, then it scales perfectly by a factor of two to 720p and by a factor of three to 1080p. If that's a good match for the desired amount of pixelation, this is definately the way to go because it gives pixel-perfect results in both cases, with no additional work, without starting from over-size sprites, and the scaling can be done in-engine. 640x360 is probably the only practical resolution if you want to use every pixel on the screen in both modes (320x180 is the next one down, and that's really pixelated already). Others are decent candidates if you can accept some letterboxing (say, 420x240 -- although that's not perfectly 16:9 either).

I agree with this third point. Aim for a fixed widescreen resolution, up\down scale to the display settings later, in real time.

Make a style-guide with your team where you choose the best fixed resolution that gives you enough detail for pretty graphics while still following with your capacity to generate content for that resolution (that is, your art and animation budget), and finally what general visual style you want your game to have.

 

What I mean is, making a "pixel-art" style game is a very strong thematical decision; Making a high-resolution (almost vector-like) style game is another.

Edited by Kryzon
0

Share this post


Link to post
Share on other sites

One final note, is that some of the less-expensive "720p" televisions you can find are actually 1366x768 panels that internally upscale the 720p signal, and there's very little you can do about it. I suggest you just write those off, as they're relatively uncommon anyway.

 

Also, 720p televisions themselves are getting scarcer, enough people still have them that it matters, but there are very few new production 720p televisions. If you absolutely cannot do with 640x360 *AND* you absolutely do not have the budget or means to do 2x oversize art or separate hand-drawn assets, design first for 1080p, and provide a simple fallback for 720p -- either accepting non-perfect scaling, or letterboxing in 720p with an active screen area of 960x540.

Edited by Ravyne
0

Share this post


Link to post
Share on other sites

Ravyne, Kryzon, thanks a lot for the reply you opened my eyes a little.

I was trying to make pixel art (like Castlevania Order of Ecclesia) and I found tutorials where is recommended to draw the sprites in higher resolutions than the final product, for example: if the sprite is 64x64 do it at 128x128 and so on. But I dont really understand this, like you Ravyne said I could make that the engnie do the work and other people said that scale the images etc.

About the final result on TV, the game so far doesn't have the change resolution option, we are making a demo maybe I could work in that later, and the game is for one player, so the camera is going to focus on the player's sprite, so I could program the window (or screen) on the game that only show certain area around the character, I will try the advice you gave me to fit in all without problems.

Thanks again both of you, I'll keep you posted about the game, we actually plan to do a development diary and release it for free on Ouya.

Greetings.

0

Share this post


Link to post
Share on other sites

Since you are still figuring out what resolution and style to go to, do a lot of tests - place-holder graphics that follow the direction you're going for.

Try recording the game footage and playing it on a TV, etc.

0

Share this post


Link to post
Share on other sites

Hi fmdr,

Working in higher resolutions than needed just refers to the design of the sprites. Shrinking raster graphics is no problem, whereas enlarging them afterwards will result in messy sprites.

I highly recommend inkscape to do everything in vector format. If you do it right, it doesn't necessarily look like a cartoon.
I am also working with vector graphics and I'm open to game art commissions.
And I am offering some animated 2D game characters on my blog:
www.2dee-art.blogspot.com

Regards and good luck with your game!

0

Share this post


Link to post
Share on other sites

Thanks again.

Kryzon I agree I have to run some tests to look how the game is looking in different resolutions.

Deeee I visited your blog it is great, i would give it a shot again to inkscape, but I'm not really sure about vectors.

Here's an example of the graphics I'll like to achieve:

http://goo.gl/uX0XIF for raster, and if I got to go with vectorial I'll would try this http://goo.gl/ClSjn

But if I make the sprites in vector graphics in the end the game engine will transform the sprites in  raster isn't it?

It would be a challenge anyway.

If some have techniques to share that would be awsome.

Regards.

Edited by fdmr
0

Share this post


Link to post
Share on other sites

Yes, normally the game engine will transform everything to raster. There are some approaches to really use vector graphics in games, but normally (even in games like Angry Birds that extremely look like everything is vector, the sprites are just so big and cleverly scaled down to make it smoother) you use raster sprites.
I still suggest Inkscape. I bet you can achieve something similar to the first picture you posted with vectorized body parts combined in a skeletal animation tool that will produce the raster sprites for you. 
But in the end it doesn't matter what program you use for creating the parts, they will be raster after exporting anyways.
Just be sure to export dem in a higher resolution than needed, because there will be some quality loss when resizing, rotating and moving the body parts.
If you use clear shapes and bold outlines, you can simulate "Pixel Art" with that technique.
The only thing is, when you use skeletal animation, you won't be able to animate things like fluttering hair or a cape in motion.
But you have to do the hard work only once, and for animating you just have to move the body parts where you need them.
 

0

Share this post


Link to post
Share on other sites

Deeee thanks a lot! I heard about the "skeletal" animation before, I though it was complicated, but doing some research it is not that hard, what I'm doing right now is to draw the sprites and use the bezier tool to work in inkscape, and finally add some details.

For the hair and the cape animation, I think it can be possible to achieve, but it will require more effort, I'll play with the nodes in inkscape.

Thanks to all I'll post the sprites as .gif for all of you to look the result.

Greetings.

 

(by the way, I found this tutorial http://goo.gl/eGwrn)

Edited by fdmr
0

Share this post


Link to post
Share on other sites

Nice to hear you are following the skeletal animation approach.
However, animating characters in inkscape is a lot of hard work and you do not have the opportunity to work with keyframes and tween the rest.
Take a look at Spriter and Spine (both successful kickstarters and great programs for 2D skeletal animation).

0

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0