Subscribe to GameFromScratch on YouTube Support GameFromScratch on Patreon
25. June 2013

 

A few months ago during GDC, Havok announced Project Anarchy, which was a collection of their game development tools made available FOR FREE for mobile developers.  Then we had the long wait for it to go live.  Fortunately today I received the following email:

Havok

Hey Everyone,

Our team has been hard at work and is happy to announce that the beta version of Project Anarchy is now available to download!www.projectanarchy.com/download

We've also transformed www.projectanarchy.com into a community site which is loaded with resources to arm and inspire developers including:
  • The Project Anarchy Software
  • Online Discussion Forums for Community Support
  • Lessons & Tutorials
  • Videos & Documentation
To join our online community and download Project Anarchy, go to:http://www.projectanarchy.com/user/register

NOW THAT WE'VE LAUNCHED, WHAT’S NEXT?
There's lots of stuff in store for Project Anarchy and the Project Anarchy online community! Here are a few highlights…

Tech Updates
Project Anarchy will have regular updates that will include ongoing new features and enhancements and we already have our next release in the works with Android-x86 support due in the coming weeks.

Arming the Project Anarchy Community with Resources
We'll continue to build and refine Project Anarchy related resources including lesson plans, tutorials and videos that help make game development faster and easier. New resources will be available on the Project Anarchy online community.

Education for Future Game Developers
We'll be reaching out to schools around the globe and continuing to develop courseware to help future game developers learn the ropes and exercise techniques such as math, programming, computational geometry, simulation, and character animation. Lesson plans are available via the online community at: http://www.projectanarchy.com/training

Engaging with our Developer Community
We'll be attending a range of events worldwide to maximize our face to face time with developers, share beers and talk games. You can check out a list of all of the events Project Anarchy will attend, here:http://www.projectanarchy.com/events

If you are around for any of these events and would like to get together, let us know!
 
Project Anarchy Developer Contest
We'll be hosting a developer contest in the near future and are looking forward to seeing some great innovations resulting from the combination of your talent plus the comprehensive toolset that is Project Anarchy. More to come on this soon, so stay tuned!

BIG thanks to all of our followers for your support, excitement and patience. We hope you all have fun with the tech! Be sure to sign up for our developer community!

For more information on Project Anarchy, visit:http://www.projectanarchy.com/about

-The Project Anarchy Team

 

So head on over to the download page before their servers get swamped!


17. June 2013

I mentioned last week about a new blog tutorial series covering creating a game engine from scratch, quite literally.  The series deals with the low level stuff we just don't normally deal with these days as Direct3D, OpenGL or WebGL take care of a lot of this for you.  Sometimes knowing how these things work can be a huge benefit.

 

By the end of part two, he had covered creating a wireframe 3d cube.  Today he has just released part 3.  

 

In part 3 he covers exporting a 3D object from Blender using the babylon plugin, to export to JSON.  He then covers loading in the JSON data and rendering it using the existing wireframe code.  The next section is supposed to cover rasterization and z-buffering, so stay tuned.

 

The end result after part 3 is:

Cool and ( these days ) unique series, keep 'em coming.


14. June 2013

Kids these days with their free 3D game engines have no idea what life you used to be like!  In addition to walking 5 miles up hill in the snow, both ways, to get and from school, if we wanted to render a polygon on screen, we needed to create a polygon first!

 

I'm not really kidding either.  In the DOS and early Windows 95 days, OpenGL was only available on high end SGI workstations.  There was no 3D accelerations, there were very few game engines and those that were available were insanely expensive.  If you were creating a 3D game engine, you really needed to roll everything yourself… line drawing routines, triangle rasterizing routines ( the act of turning shapes into pixels ), everything was created from scratch and you had no hardware to help you out.  Looking back, its rather amazing how far things have come in such a short period of time!  I don't think anyone could have even fathomed the existence of the Unity game engine back in those days.  If you ever felt that OpenGL or DX11 programming was low level, you should have been programming in those days!

 

Truth told though, it was a lot of fun too.  You opened up your copy of Michael Abrash's Zen of Graphics Programming (still an amazing book!) and got to work. Perhaps most importantly, you also had a better understanding of what was going on than you do now.  Strangely enough, I struggle more now with modern shader programming than I ever did back in those days.  So, while you had to do a great deal more it was also a great deal more simple.  You were always in control of your code, something that has become less and less true.

 

So, why am I talking about this… am I having an old person moment?  No, not at all!  Or at least, I don't think so… do you recognize if you have an old person moment anyways?

 

Ok, back on track… I mention this, because oddly enough David Rousset over at MSDN is creating exactly such a tutorial series.  In his words:

So why building a 3D soft engine? Well, it’s simply because it really helps understanding how modern 3D works with our GPUs. Indeed, I’m currently learning the basics of 3D thanks to internal workshops delivered within Microsoft by the awesome David Catuhe. He’s been mastering 3D for many years now and matrices operations is hard-coded in his brain. When I was young, I was dreaming to be able to write such engines but I had the feeling it was too complex for me. Finally, you’ll see that this is not – that - complex. You simply need someone that will help you understanding the underlying principles in a simple way.

Through this series, you will learn how to project some 3D coordinates (X, Y, Z) associated to a point (a vertex) on a 2D screen, how to draw lines between each point, how to fill some triangles, to handle lights, materials and so on. This first tutorial will simply show you how to display 8 points associated to a cube and how to move them in a virtual 3D world.

He is working in higher level languages ( C#, JavaScript and TypeScript ) and isn't quite getting as low to the metal as we used to, but creating a soft engine goes a great deal lower level than most programmers ever have to go these days.

If you've ever struggled understanding HOW DX or OpenGL work, as in actually work not how to use them, running through this series would be a very good idea.  Currently part one and part two are online.  Here is the end result of part two:

 

Of course, this is all for educational purposes only!  Creating a software based 3D engine in this day and age makes about as much sense as buying a horse and buggy instead of a car.  So if you ever wanted a peek behind the curtains, you may want to keep an eye on this tutorial series.

Programming


11. June 2013

One man game development studios are becoming more and more common these days and plenty of them are having success.  That said, what do you do when that one man doesn't happen to be an artist?  This post looks at some of the options the Indie game developer has for creating or acquiring art for their game.

 

Pixel Art

 

Big chunky pixels that look like they jumped out of the 1980s are becoming more and more common and there is a good reason for it.  Creating Pixel art is easy, at least relative to other art styles.  Don't get me wrong, it still requires some artistic talent…  representing a complex object with a few blobs is certainly a skill.  That said, you can churn out a ton of pixel art in a very short period of time.  The downside to pixel art, if you don't like the aesthetic ( like me ), you are greatly limiting the appeal of your game.  

 

Pixel Art Example:

 

Realm of the Mad God

ROTMG Screenshot Combat

 

Realm of the Mad God is probably one of the most successful pixel art titles.  As you can see, it has a very simple aesthetic, harking back to games from the NES era… and possibly earlier.

If I am honest, far too many Indie titles are pixel art based… because it is probably the most accessible art style.  As a result, I am overwhelmingly sick of it.  It takes a hell of a lot of buzz to get me to even look at a game using this art style now.  Of course, that's just me… plenty of people still love pixel art, so you will have an audience.

 

Pixel Art Tools

At the end of the day, any image manipulation tool that supports a "fat grid" can be used.  A fat grid is a zoomed in view that shows each individual pixel extremely scaled up, as well as a view of the image at it's regular size.  This means your traditional raster graphic packages such as Photoshop, The GIMP and Paint.NET can all be used.  Of course, a great many (insane???) people just use Paint that comes with Windows!

Additionally a number of Pixel Art focused tools have been developed over the years as well.

Pyxel Edit -- in beta, written in Air

aseprite -- Allegro Sprite Editor.  In pixel art style itself

Pixelmator -- MacOS only raster graphics application.  A vastly cheaper alternative to Photoshop with pixel friendly tools

Grafx2 -- a free pixel art oriented graphic application inspired by Deluxe Paint.  Open source too if that's your thing

GraphicsGale -- available as shareware, another pixel art focused application

ProMotion -- another pixel oriented editor, this one is commercial and has been used to create several commercial games. Not sure about it's development status.

PD Pro -- commercial software.  A Photoshop alternative that is vastly cheaper than photoshop

UltimatePaint -- another Deluxe Paint derived painting app

Pixen -- another Mac only pixel editing app.  Beta is available free, otherwise its $15.

 

Frankly at the end of the day, any pixel based image editing tool will do.  Some of the above programs do make more complicated tasks like animating or lighting a great deal easier than just using Paint, so looking into a dedicated app is certainly worthwhile.  Oh, and if you are under 30, you may be wondering WTF Deluxe Paint is?  Simply put, it was THE 2D game art package for the Amiga.  I think it's safe to say that most games in the early 90s had their art drawn in Deluxe Paint!  Since those days, its become the benchmark of sorts for game art packages.

 

 

Tutorials

YouTube Video on pixel Art using GIMP

Pixel Art for games ( using Photoshop )

PixelJoint -- The sites all about pixel art and hosts a series of tutorials.

FinalBossBlues -- Another series of pixel art tutorials

 

My personal opinion… Pixel art is way overdone, I am sick of it and have to imagine many other people are as well.  That said, its the easiest art form for a non-artist to crank out.

 

Voxels

Voxels are the pixel art of the 3D world.  Voxel is an amalgamation of the worlds VOLUME + Pixel.  So, basically they are a pixel with depth, which in every day parlance is what we call a cube.  Voxel worlds are made up of thousands and thousands of cubes… like a gigantic lego set.  Minecraft wasn't the first voxel game, not by a long shot ( there was a company called Novalogic that was obsessed with Voxels ), but it was easily the most popular.

 

Voxel Example:

Minecraft

Minecraft snapshot

Comanche Maximum Overkill ( 1992! )

Comanche92or 2

 

Voxel Tools

There are a number of tools available for editing voxels, some free, some not so free.

Voxel -- create Voxels on your iPad or iPhone.  Export in OBJ/MTL format or in Minecraft's .binvox format. Free

Sproxel -- free voxel editor.  Seems to have been abandoned in 2012.  Last version was Windows only, prior version available for MacOS. Free

Q-Block -- free, online, simple Voxel editor

Paint3D -- $20.  Windows application for editing voxels.

Zoxel -- I think its free.  Available for Linux and Windows, can export in OBJ.

Voxelogic Acropora -- Much higher end product than the above, for creating ultra high resolution landscapes.  Commercial, $90, with demo available

Cubicle Constructor -- Probably the most polished looking app of the above. Prices range from free to $80.

 

Personally, and this is just me, I've always hated voxels.  These days, a voxel game is going to look like a Minecraft clone as there were SOOOOO many Minecraft clones out there.  That said, Voxels work a lot like lego, so if you can create something visually impressive in lego, you can do the same in Voxels.

 

Vector Graphics

Vector graphics are increasingly common, as you can support multiple resolutions using a single art asset.  Since files are stored as a series of vectors, the image stays sharp regardless to how large or small it is scaled.  This can be a huge boon when supporting multiple resolutions especially with mobile devices.  In many ways, constructing an image using vector graphics is similar to working with construction paper.  You essentially layer shapes on top of other shapes to make more complex objects.  Working with vector graphics is a great deal more difficult than pixel art, but isn't outrageously difficult.

 

Vector Graphics Example:

Castle Crashers

Castle crashers 20100902050138751 001

 

Vector Graphic Tools

There are less vector graphic applications and some clear favourites when it comes to game creation.

Adobe Illustrator -- This is the Photoshop of vector graphics.  It's also got a LOT of stuff in their that you don't need, as the package was originally made for doing page layout in the print world.  Still probably the most used professional tool. Expensive! Only available by subscription now.

Adobe Flash -- Increasingly Flash is becoming more and more about game creation.  Flash Professional can be used to create and animate vector graphics, and commonly is!  Also expensive. Only available by subscription now.

Inkscape -- FREE!  Great free vector graphic package.  Very commonly used by those on a budget.

Corel Draw -- another commercial vector graphic package.  Targeted at the same market as Illustrator. Also expensive ( $500 )

iDraw -- Mac/iPad only, quite cheap ( 10$ iPad, 30$ Mac ).  I personally use this program.  More intuitive than Inkscape, simpler than Flash/Illustrator.  No timeline for animation though.

 

There are a couple 2D animation systems available as well.  You can draw your character once, cut them into pieces and let the software handle the animations.  Note that these tools work with regular bitmap graphics, not just vectors

2D IK animation tools

Spine -- 2D skeletal animation

Spriter -- another 2D animation tool

 

Vector Graphic Tutorials

2dgameartforprogrammers -- Has a ton of great vector graphic tutorials.  Be sure to check out the Apache Helicopter tutorial.

Gamasutra tutorial -- Same guy as above, great series.

Inkscape Tutorials -- A series of, you guessed it!  Inkscape tutorials.  Not necessarily game related, but techniques still apply

 

3D Art

I've been a hobbyist at 3D graphics for about as long as there has been an industry and even still, I can only JUST make art good enough for a game and even then I probably take 3x longer than an actual artist, and generate much lower quality work.  Don't kid yourself, 3D is as much a profession as programming.  It will take you years to learn to the point your results don't look like crap.  Don't worry, I wouldn't mention it if there weren't options for the less… talented.  I will discuss those in a second.

 

If you are interested in pursuing 3D, you can find a list of the most commonly used 3D applications right here.  Many of these applications have a price tag in the $5000 range.  However there is the freely available Blender package which is an incredibly capable 3D program for modelling, animating and texturing.  On the other hand, it isn't an easy application to get started with.  That is why I created this five part series, Blender for Programmers.  If you are interested in 3D, it is a good place to start.

 

3D for the less talented!

There are plenty of tools available with a much lower learning curve if you want to work in 3D.  This section mentions a few of them.

Poser -- Use existing character models.  Dress them up, animate and render or exports.  You can easily create animated characters using this application, and can buy a number of pre made assets if the existing content isn't enough for you.  Poser costs between $200 and $400, although it is quite commonly on sale.

Daz Studio Pro -- This program is a lot like Poser.  However it is free but comes with a lot less assets.  I did a tutorial on creating a sprite sheet with Daz and The GIMP if you want an idea what it is like.  That said, although Daz is free, they will spam you A LOT.  I still get two or three emails a week from them and it's not trivial getting yourself removed from the mailing list!

Make Human -- Create fully boned photorealistic humans with ease.  Oh, and it's free!  Used to be a Blender plugin, but now it's free.

Bryce -- Create stunning landscapes with basically zero effort or talent.  It's rather amazing the results you can get from this guy!

Sketchup -- Previously a google application for making 3D models for use in Google Earth.  There is a gigantic repository of models available for free.  If you need to create levels or cityscapes, this is a GREAT place to start.  There was a recent article on Gamasutra on exactly this.  Be careful with licensing issues though!

 

Sculpting Applications:

These applications are like working with 3D clay.  Even with little skill, you can make some remarkably awesome results.

Sculptris -- Free!  Baby brother of ZBrush.  Try it out, it's free.

ZBrush -- THE 3D sculpting application.  $700.

3D Coat -- In between Sculptris and ZBrush.  $350.  Often on sale on Steam, keep an eye. 

Mudbox -- Autodesk's sculpting application.  Most expensive in the list, $800.

 

Use existing assets

There are a HUGE number of assets available that you can buy or simply download online.  You should be able to source a ton of your assets this way.  The maxim You Get Way You Pay For isn't always true, but it often is!  On the other hand, simply because you paid for something doesn't make it good!  Working from many of these assets is tricky because they may not be suitable for games, may not be legally licensable, etc.  

 OpenGameArt -- a huge repository of game focused 2D and 3D art assets.

Blend Swap -- 8000+ freely available Blender Blend files.

Blender-Models -- Another Blender model resource

Mixamo -- 3d character model and animation on a pay per use basis.  Much like Bryce and Daz but online.  Upload your own model for animating, or buy one of theirs.

Content Paradise -- (paid) content for Poser.

Daz3D models -- (paid) content for Daz3D

Unity Asset Store -- if you use the Unity 3D package, there is a huge asset store of ready to drop in assets and scripts

Turbo Squid -- the biggest 3D object store.  Huge variety of content, quality and prices.

CGTrader -- buy and sell 3D assets.

GameTextures -- high quality game ready texture maps for sale.

There are a number of other asset stores available, this is just a small selection of the more common resources. 

 

Programmatic Art

Of course, you always have the option of creating a game that uses strictly programmatic art.  This is, art that is generated by an algorithm instead of an artist.

 

Programmatic Art Example

Rez

Rez ingame

 

Geometry Wars

Geometry wars galaxies 20070629054423884

 

Basically if you go this route, your art is in mathematic form.  On the one hand generating your game art algorithmically has the advantage of minimizing the need for artists.  On the other hand, it requires a completely different set of skills, especially when it comes to writing shaders!  Fortunately there are a few tools out there that help you create shaders visually.

 

Hire an Artist

Of course you may also decide at the end of the day you need an artist!  Obviously adding another person to your team can have a number of downsides…  you will lose a certain amount of creative control ( and should by the way!  Why are you working with an artist if you don't trust their artistic direction? ) over your baby.  Of course there is also a loss in either ownership or a cost involved.

 

Paying an artist, how?

This part is always tricky… how much does an artist cost?  Do you get what you pay for?  Will they work for free?  Will they work for a percentage?  How much of a percentage should I give?  What should I expect from an artist?  What should an artist expect from me?

 

To answer all of those questions, it depends.  It depends on so many things you can't give a simple answer.  Some games have much higher art requirements than others.  Some people have a budget and can pay for contract work, others do not.

 

The easiest and most likely most successful option is collaborating with an artist you know in real life.  Of course, this isn't always an option and can still lead to massive friction once things become about real money.  Make sure you establish the revenue split up front, and make sure fixed costs are accounted for before you start splitting up the pie.  Also be realistic that the pie may never actually arrive!

Contracting out pieces is a bit trickier.  Probably the simplest is to pay X amount per assets.  For example, pay 25$ for a textured tree model.  Working on bid work is by far the most straight forward, but you need to be very specific in what you need from the artist.  The more detail you can give, the better your relationship with go.  Instead of saying " I need a textured tree", say "I need a textured tree, under 300 polygons, a single texture no larger than 512x512 using a power of 2 resolution".  As to determining the cost X… well that is an art form in and off itself!

There is a good chance you have no money, and are willing to offer a percentage of future profits in return for labour.  If this is the route you are going, be VERY upfront about this, and don't pester people that aren't interested in such a work example.  The further along you are in the project, the more likely you will be to acquire a good artist.  If you can hand a game to someone with programmer art stand ins that the artist needs to replace, things will go a lot smoother.  If you've got an idea only… get further along before recruiting, unless you know an artist personally.  If you got an idea only… and that's all you've got ( no programming skills ) I would generally suggest not wasting anyones time.  In this day and age, amazingly enough, the idea is the LEAST important part of the process.  Everybody has the next killer game idea!  The reality is, its generally execution that makes a game great, not the idea.  Exceptions exist, but they are exactly that, exceptions.

 

Where to recruit artists?

Real life is obviously a great place, but not always or even often, an option.  Otherwise there are a number of places you can look for artists, often depending on the type of contract you are offering.

http://www.polycount.com/forum/ -- They have a series of recruiting forums, for paid and unpaid work.

http://www.reddit.com/r/GameDevClassifieds -- Post your jobs, make sure to note paid/unpaid status.  Browse for artists looking for work

http://www.gamedev.net/classifieds -- GameDev.net job boards, contract board and hobby recruiting listings.

http://www.conceptart.org/forumdisplay.php?f=11 -- Concept artists, not game artists, but theres an amazing amount of talent here.

http://forum.deviantart.com/jobs/ -- You get a WIIIIIDDDDDEEEE gamut of talent on this forum, many without game experience, but it is certainly another place to look, if even just to figure out payment amounts.  Forums are for paid work only!

http://www.game-artist.net/forums/employment/ -- Game art focused forums, have sub forums for all kinds of hiring.

 

Summary

At the end of the day, relationships are CRITICAL.  The network of contacts you make will be one of the most valuable assets you can acquire.  Deal fairly with people, don't misrepresent yourself or your project and act professionally.  Even if you aren't paying, act professionally.  It will pay off massively in the long run.  Also keep in mind, every relationship is a two way street.  If you don't like working with an artist you contact walk away ( … if not in breach of contract! ), you will both benefit in the end.

 

Make as much clear up front as possible… revenue split, paid/unpaid, detailed specs, etc… the less ambiguity, the smoother things will go.  Oh, and never pay 100% up front, EVER!

 

This post on scratches the surface of what is out there.  As you can see, even if you don't have artistic talent, there are tons of options out there for you!  If I missed something you feel I should have included, let me know!

 

 

Art Design Programming


25. March 2013

 

I am not sure if you have ever tried running a WebGL game on a mobile browser…  it either doesn’t work at all, or performs appallingly bad depending on the browser.  Mobile browsers already present an interesting performance problem for 2D canvas based games that products like Ludei’s CocoonJS attempts to solve.  Essentially it is a stripped down browser optimized for speed, that your HTML5 application runs in.  Today, they have announced they have added WebGL support!  This means your HTML5 WebGL applications can now be deployed to iOS and Android as a fully accelerated application.

 

From their press release (pdf link):

“We’ve already made HTML5 cross-platform 2D game development a reality,” said Ludei CEO
Eneko Knorr. “Now we are unlocking the door for the thousands of Web game developers who
want to publish great 3D games on mobile and reach consumers through the most popular app
stores. Our 3D rendering allows today’s most popular mobile devices to run a 3D HTML5 game
with the same great user experience and performance that native gamers are used to.”


Ludei will support 3D game development via the open WebGL standard. WebGL is the browser
equivalent of OpenGL, the industry standard for deploying powerful 3D animated games. The
addition of 3D rendering on the Ludei platform means for the first time, WebGL runs on every
iOS and Android device, so developers don’t have to worry about which devices currently have
built-in 3D support to handle their complex, HTML5 mobile animated games. Now 3D game
developers, including those that historically publish console and PC games, can use Ludei’s
technology to deliver their 3D titles cross-platform to Google Play, Apple App Store and more.

 

So, if you are an HTML5 game developer and want to bring your WebGL game to iOS and Android with native level performance, be sure to check this out.

News


GFS On YouTube

See More Tutorials on DevGa.me!

Month List