That Guy Articles 2011-04-05T13:55:39Z Niels Groot Obbink http://that-guy.net raptors@that-guy.net http://that-guy.net/news.atom http://that-guy.net/graphics/favicon.png Niels Groot Obbink 2008 - 2012 That Guy's awesome CMS system; PHP 5.3.2-1ubuntu4.14 Javascript tile engine: NPC (inter)action http://that-guy.net/articles/11/Javascript-tile-engine-NPC-inter-action/ 2011-04-05T13:55:39Z 2011-04-05T13:55:39Z <img src='http://that-guy.net/data/articons/11.png' />In this second article on NPC's, we'll add two NPC events: one that enables the player to talk to the NPC, and another that makes NPC's walk around randomly. Javascript tile engine: speed, tile size & floating tiles http://that-guy.net/articles/10/Javascript-tile-engine-speed-tile-size-and-floating-tiles/ 2010-12-16T00:04:42Z 2010-12-16T00:04:42Z <img src='http://that-guy.net/data/articons/10.png' />Today we'll cover different tile sizes (no more fixed 16x16 pixels!), floating tiles and game speed. I'll also cover 'general' tiles, to make game development easier. Javascript tile engine: animated tiles http://that-guy.net/articles/9/Javascript-tile-engine-animated-tiles/ 2010-12-07T23:29:50Z 2010-12-07T23:29:50Z <img src='http://that-guy.net/data/articons/9.png' />In this article I'll show you how you can (relatively) easily implement animated tiles. At the end of this article the engine will be able to draw flowing water and animated flowers. Javascript tile engine: NPC's part 1 http://that-guy.net/articles/8/Javascript-tile-engine-NPC-s-part-1/ 2010-12-02T23:11:47Z 2010-12-02T23:11:47Z <img src='http://that-guy.net/data/articons/8.png' />In this article I'll cover NPC (Non-Player Character) basics, as well as some changes in the engine's core functions. In the end we'll be able to load NPC's into the engine and draw them on the screen. Javascript tile engine: data files http://that-guy.net/articles/7/Javascript-tile-engine-data-files/ 2010-11-27T17:30:04Z 2010-11-27T17:30:04Z <img src='http://that-guy.net/data/articons/7.png' />In this article we'll implement data files. This means that we'll move the map data, tiles, models and scripts of any one map into a single file which we'll be able to load dynamically. Javascript tile engine: models http://that-guy.net/articles/6/Javascript-tile-engine-models/ 2010-11-19T15:48:51Z 2010-11-19T15:48:51Z <img src='http://that-guy.net/data/articons/6.png' />In this article we'll implement models (sprites). This'll put a seperation between the player mechanics and the sprite on the screen. This also makes it way easier to implement NPC's (which I'll cover in <del>the next article</del> article #8, <del>I promise!</del>). Javascript tile engine: events http://that-guy.net/articles/5/Javascript-tile-engine-events/ 2010-10-13T12:22:43Z 2010-10-13T12:22:43Z <img src='http://that-guy.net/data/articons/5.png' />Hi, and welcome to article 5! Today we'll discuss events; events are scripts that are executed at a certain moment, for example when the character activates a secret door. Scripts are a vital part in any engine because they allow interaction with the player. Javascript tile engine: player animation & collision detection http://that-guy.net/articles/4/Javascript-tile-engine-player-animation-and-collision-detection/ 2010-09-11T16:13:05Z 2010-09-11T16:13:05Z <img src='http://that-guy.net/data/articons/4.png' />The fourth article in the tile-engine series! Today we'll discuss collision detection and player animation. We'll do the walking-animation first, because it requires quite some change in our core functions. Javascript tile engine: player and movement http://that-guy.net/articles/3/Javascript-tile-engine-player-and-movement/ 2010-06-27T16:44:08Z 2010-06-27T16:44:08Z <img src='http://that-guy.net/data/articons/3.png' />In this third tutorial, we'll cover the player's character and movement. At the end of this article the engine will have a player-controlled character walking across the map! Javascript tile engine: map with images http://that-guy.net/articles/2/Javascript-tile-engine-map-with-images/ 2010-06-21T21:27:13Z 2010-06-21T21:27:13Z <img src='http://that-guy.net/data/articons/2.png' />In this second part, I'll expand the code from the previous article to work with actual images instead of text. We'll also change some code, optimizing the engine. Javascript tile engine: map basics http://that-guy.net/articles/1/Javascript-tile-engine-map-basics/ 2010-06-07T10:52:10Z 2010-06-07T10:52:10Z <img src='http://that-guy.net/data/articons/1.png' />I've had some people emailing me about the tile engine source code after I took the demo offline. I figured there must be more people out there interested in this topic, so I decided to write some articles about Javascript tile-based engines. In this first installment, we'll cover the map basics.