Sebsauvage, le 06/09/2013 à 10:38
Si vous voulez écrire des jeux en Javascript, voici un paquet de liens vers des références, tutoriels, articles et exemples qui couvrent de nombreux sujets: du javascript de base à WebGL en passant les performances, gestion du son, sprites, librairies...
(
Permalink)
Famille Michon, le 06/09/2013 à 11:25
Des dizaines de liens sur (à la base) l'écriture de jeux en Javascript. On peut en tirer de nombreuses ressources sur la gestion des animations/musiques/vidéos en HTML5, sur l'écriture de jeu en général, etc...
Part I - Game Sources
Game Tutorials - Tutorial or tutorial series about game programming with javascript
Game Blogs - Blogs about game programming with javascript, tutorials, news...
Game Talks - Talks / Presentation about game programming
Game Design - The art of game design
Game Services - Services which supports game programmers
Javascript Games - for inspiration
Graphics + Sound
Part II - Game Related
Learning / Tutorials (HTML5 / CSS / Javascript / Gaming
HTML5 API / Standards / Specifications
HTML5
HTML5 Performance
HTML5 Demos
Javascript
Javascript Libraries
Javascript Performance
Javascript Talks
Rey Bangos - The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books
Other
Books
Email - Newsletter
Game Tutorials
Javascript - Canvas
Space Shooter
Developing a Spaceshooter by Mozilla - source + summary of development for a space shooter
Breakout Clone
Simple Snake Game
HTML 5 Game Development - video tutorial serie from Jono X - actually running
The most simple RPG - Step by step tutorial by Lost Decade Games
Brickblock Game
Snake Game - Step by step tutorial by Ralph Saunders
Doodle Jump Clone
jsPlattformer | js platform game tutorial
js RPG Game Tutorial) - made with craftyJs game framework
Super Mario Bros
Tiny Platformer
Tile Based Game - Accelerated Game Programming with HTML5 and canvas
HTML5 Jump'n Run - no tutorial, but excellent code for study
Jumper Game with box2d Engine
Boulderdash
HTML5 Game Platformer
Multiplayergame with Websockets
How to Build a JRPG
actionscript
because actionscript is very similar to javascript. you can definitely take away some concepts.
Tile Based Games
Game Blogs
Blogs about gaming
Blog of Rob Hawkes - experiments, talks, book, posts
Blog of glacialflame - articles about isometric games
Blog of That Guy - nice article serie about tile game engine
Blog of michalbe - nice tutorials and posts about game engineering
Old Blog of Marc Wilcox - New Blog of Marc Wilcox - Great HTML5 Game design posts
Blog of nokarma - 2 very good posts - does he write a following article?
Blog about indiegames - Videos about indiegames
Blog of lostdecadegames - Some interesting posts about game design from the company lostdecadegames
Blog of Emanuele Feronato - very much posts about flash and game design, but hey, you can learn so much from flash
Blog of Jake Gordon - very good and detailled posts about some well known games implemented with javascript
Blog of Bocoup - articles about specific parts for game development
Blogs about experiments / demos
Blog of mr doob - very exciting experiments
Blog of nihilogic - articles and experiments
Blog of Ben Joffe - experiments
Forums/News for General Game Development (no javascript)
Devmaster
Tigsource
Indiegamer
reddit html5
reddit html5 games
Game Talks
Video / Audio
Lunch with Rob Hawkes: HTML5 Games - by Rob Hawkes - Overview and lessons learned for html5 game programming
Building a JavaScript-Based Game Engine for the Web
Multiplayer Gaming with HTML5: Are We Ready?
Developing Games for the Web
Angry Birds on HTML5 - Challenges to port Angry Birds to Chrome/HTML5
Lostcast - Nice talks about game programming with Javascript. They also provide some very good links.
Presentations / Slides
5 tips for your html5 games
10 tips to get started with html5 games
HTML5 as a Game Console - by Michał Budzyński
HTML5 Game Development with Javascript - by Rob Hawkes
Game Design
Gameprogrammingpatterns
http://www.gamasutra.com/view/feature/6362/redesigning_wild_ones_into_.php - Article about changing a game by 10 design decisions
Making html5 Games Match your Screen
Game Services
Scoreoid - service for scoring lists, leaderboards, in game analytics, ...
Tapjs - service for scoring lists, leaderboards, ...
flexpi - services for gaming - stats, ingame payment, social media
Easywebsockets - a WebSocket client to broadcast messages to webpages
Clay.io - service for leaderboards, achievements, data storage, analytics, payment processing, ...
Javascript Games
Here you can learn so much
js1k contest
js10k contest
Javascriptgaming
html5gamejam (2010)
demoJs
banditracer - micro machines like game written with gamejs framework
runjumpbuild game / source - online jump'n run editor, share levels with others
html5-games - great HTML5 games most time with an article and/or sourcecode
gameisart 2012 - some html5 games made in 1 week
wizard of wor | wizard of wor source
boulder dash | src objects | src game | src kit | src sound | src anim/keyboard
pacman
breakout with game engines - the same breakout game implemented with different game engines as example
bombermine - massive multiplayer bomberman - check the uncompressed source via browser
Here are some rememberable projects - but mostly with compressed code
canvasrider - it's fun
freeciv - Online Civilisation clone
Legend of Zelda - Game Boy emulation
Treasure Arena - Zelda like Battle Arena
Command & Conquer Game / Command & Conquer Source - Command & Conquer clone
Top 20 HTML5 Games
Gaming Mozillalabs
HTML5 Games
html5games
launchgaming
Graphics and Sound
Graphic
Opengameart - Free, legal art for open source game projects
Free sprites
Game sprites
Sprite database - ripped, not sure if free
Sprite database
iconfinder - sprites with different licenses
Tiled Map Editor - free open source tiled map editor
Arcade Font Engine - online font creator
Fonts - fonts
Spritelib - Free Spritepack licensed under CPL
gfxlib - free developer graphic library licensed under CPL
8bitalpha - Online Service which resizes your png's from 24 to 8 bits -> for performance improvement
wpclipart - Free images with online cropping service
Sprite - Animation tool - not tried, but looks awesome
Sound
html5media - easy embedding of video and audio
media.io - online audio converter
nosoapradio.us - Game music - free
Playonloop - Game music - free or with costs
freesound - Sounds - free
Absolute sound effects archive - Soundeffects - free
modarchive - a lot of sounds
soundbible - a lot of free sound effects
Learning / Tutorials (HTML5 / CSS / Javascript / Gaming
Landingpages
Learn HTML5 by Mozilla - Great Landingpage
Learn CSS by Mozilla - Great Landingpage
Learn Javscript by Mozilla - Great Landingpage
Tutorials
HTML5 Tutorials by HTML5 Rocks
HTML5 Tutorials by Game Development - Game Development News and Tutorials
HTML5 Tutorials by HTML5Tutorial - Tutorials
HTML5 Tutorials by HTML5Tutorial - Tutorials
HTML5 Tutorials by HTML5Center
HTML5 Canvas Tutorials by Mozilla
HTML5 Canvas Tutorials by HTML5CanvasTutorials
HTML5 Canvas Tutorial by Malcolm Sheridan - very good introduction to HTML5 Canvas
HTML5 Canvas Tutorials by ThxtOs - Video tutorial - 8000 bullets animation - german
HTML5 Canvas Tutorials List - List of canvas tutorials and resources
HTML5 Game Dev Tips - 3 part series of tips and tricks
HTML5 News by Gamedev - Gamedeveloper News
CSS3 Tutorials by ThxtOs - Video tutorials - german
CSS3 Learning with Fluid Layout Code
CSS3 Deck - lot of examples for CSS3
Javascript Tutorials by Opera
Javascript Learning in 31 Days - Canvas and Javascript Tutorials in 31 Days - search for Javascript Day X
Javascript Learning by koans - learning by finding errors
Javascript Learning by LearnJs - short useful code snippets
Javascript Learning by Javascript-Garden - best practises for javascript programming
Javascript Learning by The Code Player - Learn HTML5,CSS3,JS Coding the new way, the Walkthroughs way!
Javascript Learning by Code Avengers - Learn Javascript interactively in 40 lessons
Standards / Specifications / API
API
HTML5 Web API
HTML5 Doctor - API
HTML5 Canvas - API - german
Specification
HTML5 specification - Standard - a readable HTML5 specification for web developers
Javascript Reference by Mozilla
Standards
Front end development guidelines - best practises for front end development
idiomatic.js - Principles of Writing Consistent, Idiomatic JavaScript
Whats new in a specification? - Overview of Changes in HTML5, ES5, ES6, DOM4, ...
Compatibility /Feature Detection
HTML5 Readyness
HTML5 Please
Caniuse - Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.
HTML5 Mobile - Overview of mobile HTML compatibility and Specifications
HTML5 Performance
Articles
CSS tricks for canvas games
Off-Screen Rendering (Render to Texture) with HTML5's Canvas Element
Improving HTML5 Canvas Performance
requestAnimationFrame for Smart Animating
HTML5 Demos
Chrome Experiments
HTML5 Canvas Demos by Kevin Roast
Mozilla Demo Studio
Physics for Lazy Game Developers
Canvas Demos
HTML5 CSS3 Snippets - Examples for HTML5, CSS3 effects
Javascript Libraries
Library Lists
microJs - list of micro frameworks
jsdb.io - list of the best javascript libraries
Libraries
modernizr - testing on active html5 + css features in browsers
stats.js - nice little tool to show fps stats
sprite.js - tool for sprite animation + nice demos
augment.js - enrich browsers with modern javascript methods (ECMA 1.8.5)
weinre - Remotedebugging Console: debug your iPhone, iPad, Wii etc. remotely from your PC
Socket.IO - supports websockets and aims to make realtime apps possible in every browser and mobile device
nowjs - makes realtime web apps really easy
Closure compiler - Compiles javascript to javascript
Pxxl.js - HTML5 Canvas utility to render texts in retro style and more.
Javascript Performance
JavaScript Function Call Profiling - Article, John Resig
JSConf Talk: Games, Performance, TestSwarm - Video, John Resig
jsPerf - Javascript performance tests
Profiling Built-In JavaScript Functions with Firebug - Article, Andy West
Nicholas C. Zakas: Speed Up Your JavaScript - Video, Nicholas C. Zakas
Dev.Opera Efficient JavaScript - Article
Javascript Perfomance Best Practises - Article
Extreme Javascript Performance - Presentation, Thomas Fuchs
Extreme Javascript Performance - Video, Thomas Fuchs
Making an iPad HTML5 App & making it really fast - Article, Thomas Fuchs
Optimizing JavaScript for extreme performance and low memory consumption - Article, Jani Hartikainen
The 'Opera-2dgame' Canvas Context - Article, Arve Bersvendsen
Unleas the power of HMTL5 canvas
Javascript Talks
Talks of Fronteers 2010 conference
Talks from Douglas Crockford
YUI Theater
Books
jsbooks - list of free eBooks for javascript
Eloquentjavascript - free eBook by Marijn Haverbeke
DIVE INTO HTML5 - free eBook by Mark Pilgrim
Essential JavaScript Design Patterns For Beginners - free eBook by Addy Osmani
Building iPhone Apps with HTML, CSS, and JavaScript - free eBook by Jonathan Stark
Javascript Bibliography - free eBook by editors of Safary books online
OOP mit Javascript - free eBook by Peter Kropff- german
HTML5 Handbuch - free eBook by Stefan Münz - german
(
Permalink)
Oros, le 06/09/2013 à 12:02
via
http://sebsauvage.net/links/?vehqCg(
Permalink)