{"id":70042,"date":"2017-10-30T22:40:00","date_gmt":"2017-10-30T11:40:00","guid":{"rendered":"https:\/\/elements.blog-cms.envato.net\/?p=3167"},"modified":"2025-11-11T17:58:08","modified_gmt":"2025-11-11T06:58:08","slug":"history-video-game-design","status":"publish","type":"post","link":"https:\/\/elements.envato.com\/learn\/history-video-game-design","title":{"rendered":"A Brief History of Video Game Design"},"content":{"rendered":"\n

It was 1972 when Pong<\/em> burst onto our CRT screens. While many programs came before it, Pong<\/em>\u2019s iconic white paddles and square dot would usher in the dawn of commercial video games.<\/p>\n\n\n\n

\"Pong
This was once the forefront of gaming technology. (Wikipedia<\/a>)<\/figcaption><\/figure>\n\n\n\n

The time was right. The Magnavox Odyssey was the first commercially produced home video game console, and was also released in 1972. It came with several games, including Table Tennis<\/em>, on which Pong<\/em> was allegedly based. (There was a copyright lawsuit, but that’s a whole other story.) The commercial success of Pong<\/em> helped to drive the commercial success of the Odyssey, and an industry was born.<\/p>\n\n\n\n

We\u2019ve come a long way in the last 45 years. When you\u2019re looking at an immersive virtual reality<\/a> environment, those two white lines and square dot are a long way from your mind.<\/p>\n\n\n\n

\"Danger
Danger Ball is practically VR Pong! (Playstation VR Worlds<\/a>)<\/figcaption><\/figure>\n\n\n\n

High-resolution screens mean gamers can have near photorealistic experiences \u2013 take Resident Evil 7: Biohazard<\/em>, Mass Effect: Andromeda,<\/em> or Forza Horizon 3 \u2013<\/em> and yet are still happy with nostalgia-inspiring pixelated creations, like Superbrothers: Sword and Sworcery EP<\/em>, Shovel Knight<\/em>, and perhaps even Minecraft<\/em> (though this is a massive free-form 3D game as well).<\/p>\n\n\n\n

\"Fonza
Forza Horizon 3 shows how far we’ve come… (Forza Motorsport<\/a>)<\/figcaption><\/figure>\n\n\n\n
\"Superbrothers:
…while Superbrothers: Sword and Sworcery EP demonstrates that nostalgia inspired graphics still pulls fans. (Sword & Sworcery)<\/figcaption><\/figure>\n\n\n\n

Massive 3D environments are popular, such as World of Warcraft<\/em>, Assassin\u2019s Creed,<\/em> Tomb Raider<\/em> or any number of other examples from the last ten years. But you can achieve a lot in single scenes, as well.<\/p>\n\n\n\n

From the late 1980s and well through the 1990s, developers LucasArts and Sierra became known for their 2D point\u2019n\u2019click adventure games, such as The Secret of Monkey Island<\/em>, or the King\u2019s Quest<\/em> series (or Police Quest,<\/em> or Space Quest)<\/em>.<\/p>\n\n\n\n

\"The
The Secret of Monkey Island was a cult classic, and the style is coming back. (IGN<\/a>)<\/figcaption><\/figure>\n\n\n\n

These games were at times amusing and ridiculous, moving and poignant, and are great examples of the depth game storytelling can reach.<\/p>\n\n\n\n

But while our technological capabilities have grown, many of our styles have remained the same. Side-scrolling platformers like 1985\u2019s Super Mario Bros <\/em>are still hugely popular across a range of gaming mediums. Some fantastic examples of modern side-scrollers include 2008\u2019s Braid<\/em>, 2010\u2019s LIMBO, <\/em>and 2012\u2019s Deadlight. <\/em>All three are also finely crafted emotional stories, showing that you don\u2019t need complex visuals to pull at the players\u2019 heartstrings.<\/p>\n\n\n\n

\"Deadlight's
Vivid backgrounds provide a perfect contrast to Deadlight’s silhouette characters. (Tequila Works)<\/figcaption><\/figure>\n\n\n\n

This could be, in part, due to the rise of the smartphone as a game console in its own right. The powerful portable computers are perfect for short, level-based gameplay during your commute or other dead time.<\/p>\n\n\n\n

Where am I going with all this? I don\u2019t want you to think you need ground-breaking graphics or systems to compete in today\u2019s game<\/a> market. Classic styles and mechanics are classics for a reason.<\/p>\n\n\n\n

With that in mind, let\u2019s have a look at some of the Envato resources that could help you bring your idea to life.<\/p>\n\n\n\n

Video Game Backgrounds<\/h3>\n\n\n\n

Backgrounds set your scene and help convey your mood and atmosphere, and good use of layers will help give a 2d scene a 3d feel (this is parallax scrolling, where the foreground moves faster than the background).<\/p>\n\n\n\n

1. Game Background<\/h4>\n\n\n\n
\"Game
Game Background<\/a><\/figcaption><\/figure>\n\n\n\n

This great set of 10 modern game backgrounds is split into 6 different categories: Classic, Asia, Horror, Snow, City and Miscellaneous.
Files are 1024\u00d7512, 100% tileable horizontally and the layers make them parallax ready.<\/p>\n\n\n\n

They are available in different formats such as: AI, EPS and PNG (full + layered backgrounds). These vector files are really easy to edit and customize.<\/p>\n\n\n\n

2. Space Game Backgrounds<\/h4>\n\n\n\n
\"Space
Space Game Backgrounds<\/a><\/figcaption><\/figure>\n\n\n\n

A side-scrolling platformer doesn’t need an obvious platform. Why not try a side-scrolling space shooter instead? Or how about navigating a lost astronaut through a dangerous asteroid field (coming up below), against these beautiful backgrounds? (If you do that I at least want to be in the credits).<\/p>\n\n\n\n

This set comes with 4 backgrounds, 16 space components including planets and suns, in 1920\u00d71080 glory. The file formats are AI, EPS and PNG, and the layers and components make this parallax ready.<\/p>\n\n\n\n

3. Red Mountains Game Background<\/h4>\n\n\n\n
\"Red
Red Mountains Game Background<\/a><\/figcaption><\/figure>\n\n\n\n

The red mountains could easily be a desert backdrop or deadly alien planet. This vector illustration is layered and editable, and are horizontally tileable for your side-scrolling action.<\/p>\n\n\n\n

The download will be as a editable .EPS 10, .Ai 8, .CDR 10, JPEG and transparent .PNG files.<\/p>\n\n\n\n

If you’re looking for more like this, author ragerabbit<\/a> has a large portfolio that includes other game backgrounds and items.<\/p>\n\n\n\n

4. Seamless Background<\/h4>\n\n\n\n
\"Seamless
Seamless Background<\/a><\/figcaption><\/figure>\n\n\n\n

These blue mountains are another option. The components are vector images, so they are easily editable and scalable, and everything is already separated into layers.<\/p>\n\n\n\n

Author VitaliyVill<\/a> is another great artist with a portfolio that includes backgrounds, sprites and characters.<\/p>\n\n\n\n

5. Workshop Background<\/h4>\n\n\n\n
\"Workshop<\/figure>\n\n\n\n

If a side-scroller isn’t what you had in mind, perhaps this workshop background can inspire you? This is a perfect background for a single scene or title screen.<\/p>\n\n\n\n

This is a vertical, hand-drawn illustration with a resolution of 2048\u00d72732px. The files are fully layered, and the vector designs mean most items can be scaled without any quality loss.<\/p>\n\n\n\n

If you need something else, check out the huge range of fantastic game backgrounds<\/a> available on GraphicRiver.<\/p>\n\n\n\n

Character Sprites<\/h3>\n\n\n\n

Sprites are the 2d images that populate your scene. They can be characters, monsters, items, or simply design elements.<\/p>\n\n\n\n

1. 2D- Game Character Sprites<\/h4>\n\n\n\n
\"2D-
2D – Game Character Sprites<\/a><\/figcaption><\/figure>\n\n\n\n

This character pack is just a sample of what designer pasilan has available. This character is suitable for shooting games, running or platform games, or anything else you can think of.<\/p>\n\n\n\n

Files types Include: .AI, .EPS, .PNG, Spriter. Preloaded animations include an idle stance, running, throwing, attack, and more.<\/p>\n\n\n\n

Author pasilan<\/a> has a huge collection of character sprites. Check them out. You’re sure to find something to suit your game!<\/p>\n\n\n\n

2. Blast Sprites<\/h4>\n\n\n\n
\"frames
Blast Sprites<\/a><\/figcaption><\/figure>\n\n\n\n

If you’re in need of any sort of explosion, have a look at this pack from ashishlko11<\/a>. This is just one of the many options available in their portfolio.<\/p>\n\n\n\n

This set contains 5 blast sprites, each 12 frames long. It comes with pSD and PNG files, as well as sample GIFs.<\/p>\n\n\n\n

Also have a look at Game Art Vol 1<\/a> for more looping animations.<\/p>\n\n\n\n

3. Giant Black Widow Spider Game Sprites<\/h4>\n\n\n\n
\"Giant
Giant Black Widow Spider Game Sprite<\/a><\/figcaption><\/figure>\n\n\n\n

I hate spiders and even I’m a fan of this sweet set. Spiders are villains for a reason, and this black beauty is no different!<\/p>\n\n\n\n

The file comes with 7 animations, and the pieces are all vector images to allow for resizing without any loss in quality.<\/p>\n\n\n\n

For more monsters and enemies (or hey, heroes, I’m not judging) check out this skeleton army<\/a> from the same author.<\/p>\n\n\n\n

4. Shadow Teen Girl – Game Character Sprites<\/h4>\n\n\n\n
\"Shadow
Shadow Teen Girl<\/a><\/figcaption><\/figure>\n\n\n\n

This great silhouette character will let you draw on the style of games like LIMBO<\/em> and Deadlight.<\/em> The set comes with 37 preloaded animations, and an assortment of character components in AI and PNG formats for easy editing and customizing.<\/p>\n\n\n\n

Author bevouliin<\/a> has a large portfolio too. Check it out!<\/p>\n\n\n\n

5. Set of Vector Asteroids Sprites<\/h4>\n\n\n\n
\"Set<\/figure>\n\n\n\n

These are the asteroids I mentioned earlier. Couple them with the space backgrounds and you’ve got yourself a setting!<\/p>\n\n\n\n

There are 15 different models to choose from, and each comes with several frames of damage. The files are PSD, AI, and EPS, and are, of course, vector images to allow resizing without loss of quality.<\/p>\n\n\n\n

Even better, author -wowu-<\/a> has a complete Asteroids game package<\/a> that includes backgrounds, this asteroid set, ships, powerups, animations, and a user interface.<\/p>\n\n\n\n

If you need something else, check out the huge range of game sprites<\/a> and resources available on GraphicRiver.<\/p>\n\n\n\n

Music and Sound Effects<\/h3>\n\n\n\n
\n