background preloader

Dev Web

Facebook Twitter

How to make a custom map for your fantasy world. Learn - Phaser Coding Tips 7: Creating a Shoot-em-up Tutorial. Welcome!

Learn - Phaser Coding Tips 7: Creating a Shoot-em-up Tutorial

Shmupjam is a game jam dedicated to creating shoot-em-up games. As it's now in full flow I figured it'd be great to see some Phaser entries for it. Therefore this weeks Coding Tips is dedicated to all things bullety and shooty. Get the source I'm only going to highlight the most important parts of the code here. Tutorial : Creating a basic multiplayer game with Phaser and - Ezelia. The goal of this tutorial is to show you how to create basic multiplayer HTML5 game.

Tutorial : Creating a basic multiplayer game with Phaser and - Ezelia

I’ll use Phaser for game developement and for client/server communication. for this tutorial I suppose you already have some knowledge about HTML5 game developement (with Phaser in preference) I also suppose that you have some knowledge about nodejs and that you already installed it. HTML5 Phaser Tutorial – SpaceHipster, A Space Exploration Game – GameDev Academy. They say space is the final frontier.

HTML5 Phaser Tutorial – SpaceHipster, A Space Exploration Game – GameDev Academy

We haven’t got very far when it comes to exploring it, but what if you could bypass this sad reallity by playing a retro-style space exploration game called SpaceHipster? Moreover, what if you could learn how to make this simple game from scratch using the awesome Phaser framework? You Might Not Need JavaScript. Learning Underscore JS. If you work with JavaScript on a regular basis there’ll be times when you find yourself wondering why certain methods aren’t built into the language as default.

Learning Underscore JS

Whether it’s certain types of data manipulation in arrays or custom objects you’ll need specialised helper functions to accomplish these ends. Writing such functionality can be tedious, prone to cross-browser issues and quite often, frustrating. Javascript - Developing a general use multiplayer API. Asynchronous Multiplayer Game. Introduction aux APIs graphiques d’HTML5: SVG & Canvas (2/2) - David Rousset - HTML5 & Gaming Technical Evangelist. Nous allons voir ici les scénarios clés d’utilisation de canvas ou SVG après avoir vu les bases dans l’article précédent.

Introduction aux APIs graphiques d’HTML5: SVG & Canvas (2/2) - David Rousset - HTML5 & Gaming Technical Evangelist

Tout ce qu’il faut savoir pour réaliser des jeux HTML5 avec Canvas et SVG - David Rousset - Web Standards & Gaming. Source Multiplayer Networking. Multiplayer games based on the Source Engine use a Client-Server networking architecture.

Source Multiplayer Networking

Usually a server is a dedicated host that runs the game and is authoritative about world simulation, game rules, and player input processing. A client is a player's computer connected to a game server. The client and server communicate with each other by sending small data packets at a high frequency (usually 20 to 30 packets per second). A client receives the current world state from the server and generates video and audio output based on these updates. The client also samples data from input devices (keyboard, mouse, microphone, etc.) and sends these input samples back to the server for further processing. Network bandwidth is limited, so the server can't send a new update packet to all clients for every single world change. Javascript - Developing a general use multiplayer API. React.js Introduction For People Who Know Just Enough jQuery To Get By · React for Designers. Updates: Jul 15, 2016: Updated for React 15.

React.js Introduction For People Who Know Just Enough jQuery To Get By · React for Designers

I also heard React.js was good and recently spent some time playing with it. Now that I’m pretty comfortable with React, I decided to write a tutorial on this subject. Target Audience: People Who Know Just Enough jQuery to Get by Before I begin, I’d like to clarify who my target audience is. Zed Shaw, the author of “Learn Code the Hard Way” series, recently wrote an excellent blog post called Early v.s. 20 New HTML5 Tools You Shouldn't Miss. HTML5 is one of the most popular language amongst developer community as it offers number of features such as modern browser support, structure specific tags, visual elements like rounded corners are now built in, drag and drop interactive, new video, audio and canvas elements, SVG animations, and many more.

20 New HTML5 Tools You Shouldn't Miss

For this article we have compiled a list of New HTML5 Tools released recently, following tools are helpful and let you create and optimize your web applications with much efforts. We hope you will find the list useful for your development related tasks. Have Fun !! 1. API 101 - Provide. Fullstack Academy - D3.js in 10 Minutes. Welcome to D3 If you’re looking to make data visualizations on your web app, then look no further than D3.js!

Fullstack Academy - D3.js in 10 Minutes

This popular library is the industry standard for making beautiful visualizations. See some examples here: What is D3? Off-Canvas Menu Effects - Top Side. HTML5 UP! Responsive HTML5 and CSS3 Site Templates.


NodeJS. An Advanced Guide to HTML & CSS. Dungeon League. Polygonal Map Generation for Games. I wanted to generate interesting game maps that weren’t constrained to be realistic, and I wanted to try some techniques I hadn’t tried before.

Polygonal Map Generation for Games

I usually make tile maps but instead used a different structure. What could I do with 1,000 polygons instead of 1,000,000 tiles? The distinct player-recognizable areas might be useful for gameplay: locations of towns, places to quest, territory to conquer or settle, landmarks, pathfinding waypoints, difficulty zones, etc. I generated maps with polygons, then rasterized them into tile maps that looked like this: Most procedural map generators, including some of my own previous projects, use noise functions (midpoint displacement, fractal, diamond-square, perlin noise, etc.) to generate a height map.

There were three main things I wanted for this project: good coastlines, mountains, and rivers. First, try the demo! Every project will have its own gameplay constraints. JS Attitude : formations JavaScript qualitatives et sympathiques. 11 outils pour les journalistes numériques. Aller, troisième et dernière étape de notre rentrée journalistique en ligne. Après avoir sélectionné les 22 blogs à lire et les 140 comptes Twitter à suivre absolument, après avoir dressé la liste des 11 émission médias à regarder et écouter cette année, voici 11 outils à utiliser cette année.

MIse en scène de l'info, enrichissement des articles, sons, vidéos, réseaux, photos augmentées... onze outils gratuits (ou quasiment) très simples d'utilisation à connaître, tester, et maîtriser (et même un peu plus, en jetant un oeil tout en bas du billet). Et comme toujours, la liste n'est pas exhaustive et évoluera tout au long de l'année ! 1- Tout (gratuit) On commence avec une appli mobile assez récente, mariage de la vidéo et de twitter : Tout. 20 sites qui vous donnent envie d’apprendre. De nombreuses initiatives visant à « révolutionner » l’apprentissage tout au long de la vie ont émergé avec le numérique. Des enseignants et universités ont mis en ligne leurs cours, les ont ouverts aux commentaires et aux échanges. Certains ont même lancé des Massive Open Online Courses (MOOC), des sessions de cours en ligne ouvertes à des milliers de participants qui partagent et alimentent le programme.

Des particuliers se sont également investis dans cette transformation de l’apprentissage par le numérique en proposant des échanges entre pairs, accessibles au plus grand nombre. 20 New jQuery Plugins Worth Taking a Look at. Keeping up with and tracking the constant flow of new jQuery plugins feels like a full job sometimes. Every other day we seem to discover something new, something cutting-edge and sometimes we find something that is truly groundbreaking and indispensable. We do love the innovation of the jQuery community. Here are the latest plugins worth taking a look at: Freetile.js Freetile will organize your content in an efficient, dynamic and responsive layout. Freetile.js → Mashant Books. Ship Sprite Test. Mettre en cache les fichiers statiques de votre site Web (htaccess) - Tutoriels. Liquid Slider — Slider responsive HTML5 & CSS3 pour le web et les mobiles.

Create a Mobile HTML5 RPG - Tutorial. Don't forget to check out my online course HTML5 Mobile Game Development for Beginners. Get 90% OFF!. Only until the end of the month. Intro In this tutorial, I'll show you how to create a (very) simple RPG demo that works in all HTML5 supporting platforms, using the Open Source Javascript framework LimeJS. This framework allows you to quickly create simple games that work regardless of the screen resolution of your device (laptop, phone, tv). Off Canvas Multi-Device Layouts. Most multi-device layout patterns for the Web are designed to rearrange page elements within a visible browser window. Off canvas multi-device layouts, on the other hand, use the space outside a browser’s viewport to hide secondary elements until people need them.

Jason Weaver and I put together demonstrations of several new off canvas layout patterns. Why Off Canvas Layouts? In my survey of multi-device layouts patterns, I found several common ways to adapt Web page designs to a variety of screen sizes. Across most of these patterns though, small screens got the shaft. Code School - Try Git. Responsive Web Design just got Easier with the Responsive Grid System. 35 Free HTML Templates. The guide to implementing 2D platformers. Having previously been disappointed by the information available on the topic, this is my attempt at categorizing different ways to implement 2D platform games, list their strengths and weaknesses, and discuss some implementation details.

The long-term goal is to make this an exhaustive and comprehensible guide to the implementation of 2D platform games. If you have any sort of feedback, correction, request, or addition – please leave it in the comments! Disclaimer: some of the information presented here comes from reverse engineering the behavior of the game, not from its code or programmers. It’s possible that they are not ACTUALLY implemented in this way, and merely behave in an equivalent way. Interactive menu with CSS3 & jQuery. CSS3 Family Tree. Ratchet - Les websockets pour PHP.


Design. Game dev. Studios. Cartes. 0,.71,.27,-1.24) ✿ IDE. JS & JQ. 20 Cheat Sheets for Web Development you must have. HTML5. CSS.