background preloader

Tuts+ Free Game Development Tutorials

Tuts+ Free Game Development Tutorials
Related:  _fallenleaf

World of Level Design. Game Level Design and Game Environments. Design a Video Game Interface Window in Photoshop One of the most important aspects of playing a video game is how information is presented. How the graphics are presented makes a major difference in how the players will perceive the game during play. In today’s tutorial we will demonstrate how to design a video game interface window. During the process we will show how to manually draw certain aspects, apply layer styles, textures, and even how to incorporate Adobe Illustrator. Tutorial Assets The following assets were used during the production of this tutorial. Step 1: Background Create new file with size 1152 px x 864 px. Step 2 Add a paper textures again, this time change its blend mode with Multiply. Step 3 Add adjustment layer Hue/Saturation to darken it. Step 4 Add a vintage book textures with blend mode Multiply and Opacity 48%. Step 5 Add old paper textures. Step 6 Add adjustment layer Black & White. Step 7 Create new layer. Step 8 Set its blend mode to Multiply and reduce its opacity to 8%. Step 9 Create new layer. Step 10 Step 11 Step 12

Fluid Grids Early last year, I worked on the redesign of a rather content-heavy website. Design requirements were fairly light: the client asked us to keep the organization’s existing logo and to improve the dense typography and increase legibility. So, early on in the design process, we spent a sizable amount of time planning a well-defined grid for a library of content modules. Article Continues Below Over the past few years, this sort of thinking has become more common. However, our client had one last, heart-stopping requirement: the design had to be fluid and resize with the browser window. Minimum screen resolution: a little white lie#section1 Instead of exploring the benefits of flexible web design, we rely on a little white lie: “minimum screen resolution.” Of course, when I was coding the site, I didn’t have the luxury of writing a diatribe on the evils of fixed-width design. As it turns out, it’s simply a matter of context. Do I really have to thank IE for this? With ems, it’s easily done.

Current state and the future of HTML5 games Browser games are, in the vast majority, developed using Flash technology, however more and more often we come across HTML5 productions. What is the reason behind the growing popularity of this technology, and why are game creators so willing to sacrifice Flash for HTML5? The answer to this question should be preceded by a brief explanation: HTML5 is not a programming language (despite the common phrase “HTML5 applications”, games are programmed in the JavaScript language), but rather it delivers APIs for new solutions like Canvas, WebGL or WebAudio, which are responsible for crucial components within game creation allowing them to run in the browser. The game's foundation is Canvas on which – colloquially speaking – we draw; this particular element makes programming graphics displays possible. Why not Flash? Perceptive readers will rightly notice that similar possibilities are offered by… Flash. Benefits: Drawbacks: Flash/AS3 So, Flash is not as scary as it may seem? Why HTML5? Physics Skytte

tomas sala's Blog - Making textureless 3D work, a how-to/making of guide. Making textureless 3D work, a how-to/making of guide. The following blog post, unless otherwise noted, was written by a member of Gamasutra’s community. The thoughts and opinions expressed are those of the writer and not Gamasutra or its parent company. Introduction After requests from other devs for my shadercode, I've decided to share both the shader files as well as make a how-to guide, for creating textureless 3D assets, and shading them inside Unity3D. One of ways I decided to challenge myself when starting Oberon’s Court was to create a visual style that does not use any textures. First of all, it looks beautiful. Secondly, it’s very efficient, taking away the need to unwrap and texture a model removes a significant chunk from the development process. This post is a how-to on approaching this style. In this first post I’ll write about the general setup, and going through the process step by step. A quick note for the eager, regarding the shader code: Lets get started! The final style.

Mouvements ou courants artistiques des 20e et 21e siècles Cliquer sur les images pour les agrandir. Pour passer directement d'une image agrandie à l'autre, cliquer au centre droit ou gauche de l'image. 1. Mouvements picturaux des 20-21e siècles Salvador Dali. Persistance de la mémoire (1931) Les courants se multiplient et se renouvellent rapidement à partir du 20e siècle. Dans la première moitié du 20e siècle, les mouvements artistiques les plus importants sont l'expressionnisme, le cubisme, le surréalisme et le courant réaliste américain. Principales sources. - Histoire de l'Art par H. - Histoire de l'Art par Ernst Gombrich, Editions Phaidon, 2003. - Tout sur L'Art, Flammarion, Paris 2010. - Encyclopedia Universalis, 20 volumes, Paris 1975. - - Wikipedia Les photos des œuvres proviennent d'Internet.

Game Development Tutorials – Networking for Game Programmers UDP vs. TCP What is the best way to send data between machines? Sending and Receiving Packets This article shows how to send and receive UDP packets using BSD sockets, giving you source code that works across MacOS X, Windows and Unix. Virtual Connection over UDP Learn how to create your own virtual connection between two machines on top of UDP. Reliability and Flow Control Learn how to implement your own reliability system on top of UDP using sequence numbers and acks. Debugging Multiplayer Games Explains the techniques used by professional game developers to debug multiplayer games. What Every Programmer Needs To Know About Game Networking A brief overview of the history of PC multiplayer games. Floating Point Determinism Is it possible to get exactly the same floating point result (down to the bit-level) each time a program is run?

TideSDK - Créer des applications HTML5/JS sur Windows, Linux et Mac TideSDK est un SDK permettant de créer des applications multi-OS à partir de langages web: HTML5 / Javascript / CSS3. Créer une application facilement maintenable sur Windows, Linux et Mac OS est souvent synonyme de casse tête. TideSDK, de son ancien nom Titanium Desktop, propose une bibliothèque permettant, à partir de langages web comme le HTML5, CSS3 et javascript de créer des applications desktop multi plateforme, à partir du même code. Côté serveur, l'application peut tourner avec du code PHP, Python ou Ruby. Le SDK propose un système de packaging et déploiement du code très simple à utiliser. Toute l'API est bien documentée (en anglais), on regrettera juste le manque de tutoriels pour prendre en main rapidement la plateforme. Site Officiel

Experimental Gameplay Project