The Ultimate Guide to Web Game Development
Introduction to Web Game Development
With social media websites taking the world by storm video-games have seen an interesting trend occurring. More and more gamers are approaching the medium because of web-based games. Web games are a lot simpler to create than client based which makes them plentiful and they’re a lot more accessible to allow more and more people to enjoy gaming as a casual hobby.
As the medium pulls in billions of dollars world-wide it’s easy to see why someone would want a piece of the pie, but even though these games are simple they aren’t as simple to make. It’s important to have a good understanding of the medium before you jump head first into game development and understand whether or not web games are just a fad or if they have real sticking power in the world of video-games.
- The Browser and Social Networking Gaming Revolution
- Why Are Social Game the New Gaming Frontier?
- Client vs Browser Based Games
- Are Free PC Games Really Worth It?
- Examples of Free Web Games
Flash Programming With Flex - Core Skills
Flash is a great jumping off point for beginner web game developers because it’s simpler to learn and there are a lot more developers as a result. Flash is limited to 2D graphics but the range of complexity of each game is entirely up to the game developer. Some modern games that have been created in flash are even considered masterpieces, to give you an idea on how rewarding the platform is.
The core elements of learning Flash are the same as any other language. Remember to really absorb the knowledge of your basic skillset so that you won’t have to constantly reference them later in the development process as you move forward with game development.
- Getting Started with Flex
- States & Double Buffer Rendering in Flex
- Flex & Actionscript Tutorial: Adding Game Actions
- Defining Levels: Game Design With Flex & Actionscript
- Flex & Actionscript Tutorial: Collision Detection
Advanced Flash Programming With Flex
The advanced skillset that comes from working with Flex for Flash programming will make the game yours essentially. It’s all the creative elements that make the game unique from other games such as the art assets, animations, music, etc. Learning how to apply these things to your game is probably the most important part of game development as it will give your games a uniqueness that is only obtainable by playing your game.
Keep things simple as your learning and go through the fundamentals of working with Flex until you feel like you’ve managed to get everything down to pat. Working on a game will be hard no matter what but it’s important to be prepared rather than jumping into a project and getting discouraged when it fails because you weren’t able to solve a basic problem.
- Flex & Actionscript Tutorial: Adding Bitmap Animations
- Creating an Interactive Animated Background With Flex and Actionscript
- Adding a Scrolling Tiled Background
- Flex & Actionscript Tutorial: Adding Music and Sound FX
- Flex & Actionscript Tutorial: Adding Weapons to Your Game
- An Introduction to the Canvas Element
- Advanced Image Manipulations With the Canvas Element
- Parallax Scrolling with the Canvas Element
- Creating the Game Framework
The results will no doubt be worth the effort and leave you with the ability to create just about any web game you desire. Keep in mind that there will be plenty more to learn after it’s all said and done but getting these fundamentals down is key to being a successful game developer.
- Playing Animations on the Canvas Element
- Putting It All Together
- Photo Credit: Essential gamer literature by ainudilhttp://www.flickr.com/photos/ainudil/5660059395/sizes/m/in/photostream/
- All images are used under Creative Commons 2.0.
- **Photo Credit:**Official Flash logo for the iPhone and iPod Touch by Marco Pakoeningrat http://www.flickr.com/photos/marcopako/2902635744/sizes/m/in/photostream/