Tag Archives: japan

Tools Of The Trade – GraphicsGale

My initial foray in pixel art was with a nifty little program called OCP Art Studio on the ZX Spectrum. Generally an easy-to-use pixel editor that truly deepened my interest in the art form. In subsequent years as I upgraded to new computer hardware I was always on the look out for similar graphics software.

When I got hold of my first IBM PC compatible I started using another drawing program called Dr. Halo. Essentially a Macpaint wannabe for DOS-based systems of that period. It lacked some of the charm of OCP Art Studio but it was competent enough for pixel pushing. Eventually I switched to Deluxe Paint II, a port of the original Commodore Amiga version. I liked this one quite a lot, an impressive and professional package that I still use on occasion.

dp,DP,Dp,Dpaint,dpaint,2,deluxe,paint,Deluxe,Paint,Deluxe Paint II,II,deluxe paint 2,deluxe paint ii,ii,ea,EA,elctronic,arts,electronic,Electronic Arts,ELECTRONIC,ARTS,ART,art,2d,2D,D,d,bitmap,bitmaps,Bitmaps,bmp,*.bmp,.bmp,BMP,*.BMP,graphics,graphics,edit,editting,editing,editor,soft,software,package,program,suite,digital,Digital,amiga,Amiga,AMIGA,Commodore,commodore,COMMODORE,64,C64,ibm,IBM,Ibm,PC,DOS,pc,dos,Dos,MS,ms,MS-Dos,MS-DOS,ms-dos,ms dos,80s,80's,90s,90's,8bit,8-bit,16bit,16-bit,24,24-bit,24 bit,color,colour,256,colors,colours,vga,VGA,lisa,LISA,Lisa,video toaster,toaster,video,Video,Toaster,opal,vision,Opal Vision,OPAL,VISION,egypt,Egypt,EGYPT,Pyramids,pyramids,PYRAMIDS,pyramid,Pharaoh,PHARAOH,pharoah,Pharoah,pharaohs,Pharaohs,painting,draw,drawing,pixel,pixels,pixelate,pixellate,pixellated,pixelated,line,lines,dot,dots,matrix,low,hi,high,resolution,bit,rate,depth,page,pages,Project,project,PROJECT,Projects,projects,PROJECTS,indie,dev,indiedev,IndieDev,GameDev,artist,artists,ARTIST,ARTISTS,manga,anime,studio
The famous digital illustration of the Pharaoh showcasing the capabilities of Deluxe Paint II

As I moved onto Pentium hardware it was time to make another switch to a more advanced art application. I went with Paint Shop Pro which I thoroughly enjoyed and significantly improved my pixel art capabilities. Somewhat limited when compared to Photoshop but definitely better as a pixel editor. When Gimp came to my attention I used it in tandem with Paint Shop Pro and worked on some HD-quality pixel art. Yes, pixel art at a resolution of 1280 x 720 which was completely nuts but it helped me improve my detailing.

Three years ago I discovered GraphicsGale and quite honestly have never looked back. This is the absolute best pixel editor I’ve ever used and I think I speak with some degree of authority. Incredibly intuitive to use without any unnecessary features that often impede the creation process. GraphicsGale is all about the pixels and nothing but the pixels – just the way I like it!

Sprite animation and onion skinning are also features of GraphicsGale but I seldom use it for those purposes. I prefer to do all that within the game engine where I can change sprite speeds and frames on the fly. Where GraphicsGale truly excels in that the pixel editor is exactly as it should be and does everything to save the user time. I’ve seen Youtube tutorials of people doing pixel art on Photoshop and it’s just such a cumbersome process.

GraphicsGale,graphicsgale,GRAPHICSGALE,Graphics Gale,graphics gale,graphics,gale,Graphics,Gale,humanbalance,Human,Balance,Human Balance,humanbalance.net,.NET,.net,sprite,sprites,Sprite,Sprites,animation,Animation,onionskinning,onion skinning,skinning,Skinning,japan,Japan,japanese,Japanese,Nippon,ARTS,ART,art,2d,2D,D,d,bitmap,bitmaps,Bitmaps,bmp,*.bmp,.bmp,BMP,*.BMP,graphics,graphics,edit,editting,editing,editor,soft,software,package,program,suite,digital,Digital,amiga,Amiga,AMIGA,Commodore,commodore,COMMODORE,64,C64,ibm,IBM,Ibm,PC,DOS,pc,dos,Dos,MS,ms,MS-Dos,MS-DOS,ms-dos,ms dos,80s,80's,90s,90's,8bit,8-bit,16bit,16-bit,24,24-bit,24 bit,color,colour,256,colors,colours,vga,VGA,video,Video,painting,draw,drawing,pixel,pixels,pixelate,pixellate,pixellated,pixelated,line,lines,dot,dots,matrix,low,hi,high,resolution,bit,rate,depth,page,pages,Project,project,PROJECT,Projects,projects,PROJECTS,indie,dev,indiedev,IndieDev,GameDev,artist,artists,ARTIST,ARTISTS,manga,anime,studio
GraphicsGale is the best contemporary pixel editor

Photoshop is a fantastic tool for illustration and photo editing but not necessarily great for pixel art. I would even recommend MS Paint over Photoshop for pushing those pixels. The other problem with fully-featured packages is that they offer plenty of plug-ins giving lazy artists workarounds. An artist may go about drawing an object conventionally and then simply use a filter to pixelate the image. The result is often a muddy mess that is sadly passed on as pixel art.

GraphicsGale will therefore not help a weak pixel artist, no such filters come available and I couldn’t be happier. The artist has no choice but to master working within limited resolution and colour parameters. With OCP Art Studio that was exactly the case, one had to make the most of the ZX Spectrum’s resolution of 256 x 192 pixels and 8 colours. Such limitations are not present with GraphicsGale but the option is given to work within various limits, some handy presets are also included.

Let me stress that I don’t use GraphicsGale for any illustration work though. It’s simply not suitable for this job and there are other better options. Manga Studio is the package I use to sketch character & mechanical design and subsequent line and colouring work. The brushes in particular are the best in the business and truly aid in the creation of manga / comic book art. It’s ideal for my needs as I’ve adopted an art-style reminiscent of old school anime shows. The work of anime studios such as AIC, Madhouse, Sunrise and Tatsunoko Pro are a huge influence on me.

I should briefly cover Manga Studio in a future article, even though it’s not very popular within game development circles. Mainly used by aspiring and professional manga artists who have opted to go digital. Understandably it won’t be suitable to the majority of game creators but could be of interest to those treading similar ground to me. Funnily enough I haven’t given Photoshop much love, don’t worry I’m not anti-Adobe or anti-Photoshop. Photoshop is great at what it does, I’ve just shown that there are alternatives and developers should exercise their options.

FM Synthesis & Video Games: Kick Drums & Toms

Let me start this blog post by apologising for my lack of words on digital paper over the past few months. Life got in the way a touch too much with a change in jobs and numerous video game projects starting which have occupied all of my free time. It is very nice to now be in a position to share some knowledge (however limited it may be) with yourselves again.

This post is going to address what I, as a drummer, consider the grounding force of any track, the kick drum. As well as discussing the kick drum and how to create them utilising FM synthesis, tom toms, the nature of which are very similar to kick drums will also be covered.

Tonal Characteristics Of Kick Drums & Toms:

Let’s dive into this post by thinking about the typical characteristics of a kick drum. In a lot of modern music the kick drum, along with the bassline, is the root of the track. Together they provide the backbone of many productions, helping to drive compositions along and provide a strong foundation for the rest of the production to be built upon. The same can also be said for chiptunes. The majority of the time it is the bassline that provides the driving force, often reinforcing the kick drum on the beat. In some systems, such as the NES, the triangle waveform channel can be pitched down at the start of the notes to give the impression of a deeper sound, further reinforcing the kick drum.

As just discussed the typical sound for a kick drum is one that provides the foundation to the track. As such they tend to be quite punchy, so it may be said to have a quick attack and quick decay with regards to their envelope. The majority of the time tom toms do have a similar envelope to kick drums. However extending the release of the envelope, which will be discussed in the next section, gives the tom a more open and sustained sound, as you would hear if you physically struck a tom tom in real life.

Kicks also tend to be low in pitch, so it can be said that the frequency content consists of low frequencies, or at least frequencies in the lower range. This is the main area where kick drums differ from toms, as tom toms have varying pitches depending on their size, or implied size when it comes to the digital realm. The larger the tom the lower its tone, the smaller the tom the higher its tone.

Understanding these two fundamentals are the building blocks for pretty much every percussive sound you will encounter. Once you have grasped the basics of these the world is your percussive oyster.

Envelope Shape:

If you are new to synthesis you may be wondering what an envelope it. Let’s clarify that in this case it definitely doesn’t transport pieces of paper from one location to another. When it comes to synthesis an envelope helps shape the sound. Shaping the overall outcome of any sound in a synthesiser is done via the amplitude (volume) envelope. So in the case of a kick drum the amplitude (volume) envelope will be the tool to shape the sound so that it has the right attack and decay.

As an example let’s take a look at how this can be done in an FM synth. My synth of choice at this stage is going to be Logic Studio’s EFM1. This synth is laid out in a very straight forward manner and helps with understanding the basics of FM synthesis. For the examples in this tutorial we aren’t actually going to implement any direct frequency modulation synthesis as these sounds can be created without any. However the sounds can be enhanced with frequency modulated synthesis and this will be demonstrated further down the line.

  • Starting with a blank canvas let’s take a look at the aspects of an envelope. These are the attack, decay, sustain and release. In this example we are editing the amplitude (volume) envelope as this controls the overall shape of the sound. Notice the volume envelope on the bottom right hand corner of this synth. This is what we will be focusing on today.Logic,Logic Studio,Logic studio,logicstudio,logic,studio,click,clicky,drum,drums,daw,DAW,fm,FM,synth,synthesis,Synthesis,chiptune,vgm,game,music,retro,retrogaming,electronic,electronica,electro,synthwave,wave,Synthwave,80s,80's,90s,90's,apple,Apple,Mac,mac,Macintosh,compose,composer,composition,produce,producer,production,808,roland,Roland,beat,beats,box,alt,alternative,pop,popular,mainstream,underground,micro,microcomputer,microcomputers,sample,samples,sampling,1bit,1-bit,2bit,2-bit,4bit,4-bit,8bit,8-bit,12bit,12-bit,15bit,15-bit,16bit,16-bit,24bit,24-bit,bit,khz,Khz,rate,envelope,sustain,decay,attack,release,random,randomise,randomize,transpose,unison,voice,voices,Voice,Voices,vocal,Vocal,2d,2D,2-D,2 D,2 d,glide,Glide,shock,Shock,SHOCK,16-BIT Shock,tune,tunes,itunes,iTunes,tuning,Tune,TUNE,Tunes,TUNES,song,songs,SONG,SONGS,songwriting,writing,future,FUTURE,futuristic,acid,ACID,house,House,acid-house,acieeed,aciiieeed,ebm,EBM,body,indie,Indie,INDIE,dev,development,Development,program,progamming,programmer
  • As a kick drum has a short sound that starts instantly you want a very fast attack, short decay, little or no sustain and a very short release. As can be seen from the image above the attack slider is very far down, pretty much at the bottom. This creates an instant start to the sound. The sound has a very slight decay which creates the punch to this sound, especially with the release being all of the way down. The sound clip below demonstrates what this sounds like.
  • To get fatter, slightly longer sound you can extend the attack slightly, as in the image below. Extending the attack slightly removes that click at the start of the sound and instead gives it a rounded sound at the beginning. The decay can also be extending a tiny amount to let the kick sound play for long when the midi note or midi keyboard is played. An example of what it sounds like is below.Logic,Logic Studio,Logic studio,logicstudio,logic,studio,click,clicky,drum,drums,daw,DAW,fm,FM,synth,synthesis,Synthesis,chiptune,vgm,game,music,retro,retrogaming,electronic,electronica,electro,synthwave,wave,Synthwave,80s,80's,90s,90's,apple,Apple,Mac,mac,Macintosh,compose,composer,composition,produce,producer,production,808,roland,Roland,beat,beats,box,alt,alternative,pop,popular,mainstream,underground,micro,microcomputer,microcomputers,sample,samples,sampling,1bit,1-bit,2bit,2-bit,4bit,4-bit,8bit,8-bit,12bit,12-bit,15bit,15-bit,16bit,16-bit,24bit,24-bit,bit,khz,Khz,rate,envelope,sustain,decay,attack,release,random,randomise,randomize,transpose,unison,voice,voices,Voice,Voices,vocal,Vocal,2d,2D,2-D,2 D,2 d,glide,Glide,shock,Shock,SHOCK,16-BIT Shock,tune,tunes,itunes,iTunes,tuning,Tune,TUNE,Tunes,TUNES,song,songs,SONG,SONGS,songwriting,writing,future,FUTURE,futuristic,acid,ACID,house,House,acid-house,acieeed,aciiieeed,ebm,EBM,body,indie,Indie,INDIE,dev,development,Development,program,progamming,programmer
  • Or to have a longer kick sound with less punch, much like an 808 style kick, you can extend the release to suit your taste. Extending the release will also give the tom tom sound, which will be noticed if the the sound is played higher pitched. The image below shows what the amplitude envelope will look like in these cases.Logic,Logic Studio,Logic studio,logicstudio,logic,studio,click,clicky,drum,drums,daw,DAW,fm,FM,synth,synthesis,Synthesis,chiptune,vgm,game,music,retro,retrogaming,electronic,electronica,electro,synthwave,wave,Synthwave,80s,80's,90s,90's,apple,Apple,Mac,mac,Macintosh,compose,composer,composition,produce,producer,production,808,roland,Roland,beat,beats,box,alt,alternative,pop,popular,mainstream,underground,micro,microcomputer,microcomputers,sample,samples,sampling,1bit,1-bit,2bit,2-bit,4bit,4-bit,8bit,8-bit,12bit,12-bit,15bit,15-bit,16bit,16-bit,24bit,24-bit,bit,khz,Khz,rate,envelope,sustain,decay,attack,release,random,randomise,randomize,transpose,unison,voice,voices,Voice,Voices,vocal,Vocal,2d,2D,2-D,2 D,2 d,glide,Glide,shock,Shock,SHOCK,16-BIT Shock,tune,tunes,itunes,iTunes,tuning,Tune,TUNE,Tunes,TUNES,song,songs,SONG,SONGS,songwriting,writing,future,FUTURE,futuristic,acid,ACID,house,House,acid-house,acieeed,aciiieeed,ebm,EBM,body,indie,Indie,INDIE,dev,development,Development,program,progamming,programmer

Harmonic Content:

Deciphering the harmonic content of a sound will allow you to select which waveform the sounds will consist of. Chiptunes typically consist of simple waveforms such as saw, square, triangle and sine waves. So when composing chiptune sounds you really want to keep to these simple waveforms. However the way FM synthesis works is by modulating one waveform with the frequency of another waveform. This creates very complex waveforms and the maths behind it can get very complex. So for the next few articles the EFM1 will my weapon of choice to explain basics of FM synthesis and how sounds can be created. For instance a future article will discuss how to create a short pitch bend at the start of drum sounds to further enhance them. As the maths can get very complicated with FM synthesis a lot of the time once you have the basics down and understand how it works it is best to refine sounds by ear.

If you listen carefully to kick drums and tom toms you will hear that they are quite plain in harmonic content. That is they don’t have the raspy sound of a saw wave, or the slightly raspy but more hollow sounding square wave. In my opinion they are best constructed from sine waves, which is the simplest waveform as it contains no harmonics aside from the root frequency. The sounds you hear above don’t involve any frequency modulation to effect their pitch or tone. So later articles will show how to incorporate frequency modulation into what is currently existing here to see how the sounds can be modified.

Joe Gilliver – BA Hons (Ocular Audio)

Composer | Producer | Sound Designer

www.ocularaudio.com

 

Simplicity

Taito is a game company I’ve always had a soft spot for. We don’t hear much from them these days but they are still around. I believe they were bought by Square Enix as of 1995 and the rest as they say, is history. Sadly, it seems that Taito is now a shell of it’s former self – an arcade heavyweight with an enviable back catalogue.

80s,90s,80's,90's,retro,retrogaming,gaming,games,juegos,taito,arkanoid,arkanoid2,2,revenge,of,doh,arcade,arcades,8bit,8-bit,16bit,16-bit,logo,developer,gamedev,corporation,toaplan,technos,skyshark,space,invaders,sky,shark,flying,gun,buster,frontier,layer,section,elevator,action,2d,platformer,platformers,shmup,shmups,puzzle,puzzler,breakout,break,out,square,enix
Taito’s older company logo

Responsible for a prolific assortment of hits such as Arkanoid, Arkanoid – Revenge of Doh, Bubble Bobble,  Buggy Challenge, Chase H.Q., Darius, Elevator Action, Exerion, Gun Frontier, Gyrodine, KiKi KaiKai, Layer Section, Operation Wolf, Operation Thunderbolt, Rastan, Runark, Slap Fight, Space Invaders, The Legend of Kage,  The New Zealand Story, The Ninja Warriors, Volfied – and that’s just the tip of the iceberg. There are plenty more that I have missed, excluding games Taito published from the likes of Toaplan & Technos Japan Corp.

The majority of titles mentioned above are lauded enthusiastically by retro game fans, worldwide. Certainly Taito provided the good times, leaving many of us with fond memories. Simple games, stylish games, colourful games with straightforward missions and game play. Hundred percent arcade experiences with no false pretense of attempting to be anything other.

I guess one of the charms of a Taito game is in it’s pure simplicity. No unnecessary bells and whistles to cloud proceedings. Leaving us with nothing more but a video game in it’s utmost sincerest form. Arkanoid and it’s sequel – Revenge of Doh, exemplifies this splendidly. While essentially a Breakout clone at it’s core, Arkanoid bends a few rules and eventually comes into it’s own. Power-up capsules, enemy ships and cleverly laid out brick formations helped to elevate it above Breakout and other similar clones.

80s,90s,80's,90's,retro,retrogaming,gaming,games,juegos,taito,arkanoid,arkanoid2,2,revenge,of,doh,arcade,arcades,8bit,8-bit,16bit,16-bit
A stylish logo for a stylish game

Nevertheless, even with those few additions, Arkanoid and Revenge of Doh are amazingly simple and addictive games. And I never tire returning for another go. They hold up well to this very day, still exuding a fine and dapper air while never having lost the fun factor. Everyone with even a passing interest in games should experience both at some point in their lives.

From a game developer’s standpoint, much can be garnered from Taito’s past output. I won’t hide that there is some influence on my project. Maybe it was inevitable, having played so many of their games since my youth. Fortunately it’s a positive influence and that can only be helpful in the end. The process of developing my game has gradually taught me to keep things simple. Complicated and bloated concepts are stripped away but keeping the fun close by.