The WebKit Open Source Project

EaselJS | Javascript/HTML5 Canvas. Recent Updates Follow @CreateJS November 2014 Updates in preparation for next release (coming soon).New class model, with big performance increases October 2014 Lots of bug fixes and pull requests.New 'Extras' folder in GitHub with useful tools and classes July 2014 Major overhaul of Graphics to include a useful command pattern, and a big performance increase.Added Graphics.store() / unstore() The Story Why we built EaselJS About EaselJS EaselJS provides straight forward solutions for working with rich graphics and interactivity with HTML5 Canvas. Featured Projects Community Show & Tell. Ion Drift A port of the Flash game Ion Drift, b10b was able to build a CreateJS version in less than a day that hit target framerates on even the lowest devices, and outperformed ports to other libraries. By b10b b10b

K-Meleon PureDarwin Darwin is the Open Source operating system from Apple that forms the basis for Mac OS X, and PureDarwin is a community project to make Darwin more usable (some people think of it as the informal successor to OpenDarwin). One current goal of this project is to provide a useful bootable ISO of Darwin 10.x and Darwin 9.x. Another goal of this project is to provide additional documentation. More... Documentation and quick hints This pseudo-wiki is globally divided in 3 parts: Status MacPorts is running on PureDarwin 9, potentially giving us thousands of open source software titles. The screenshot above shows a PureDarwin 9 system created from the scripts in our repository, running on real hardware, using TightVNC and XFCE from MacPorts. At the same time, the PureDarwin project would like to invite the community to discuss, participate and contribute. A minimal PureDarwin system known as "PureDarwin nano" is also available, where only one process is running (a shell). Credits

Jeux HTML5 avec Canvas et SVG Au sommaire : - Canvas et SVG : 2 façons de dessiner à l’écran - Les librairies et les outils utiles - Les frameworks de jeux - Les tutoriaux pour démarrer - Des exemples de réalisations en ligne et des retours d’expérience Je passe mon temps ces derniers temps à expliquer en boucle comment faire des jeux en HTML5 à des étudiants, des passionnées, des professionnels voire même à des profs. Plutôt que garder cela en petit comité, je me suis donc dit qu’il serait plus intelligent de structurer tout cela et d’en faire un billet sur mon blog. Mais au fait pourquoi faire des jeux en HTML5 ? Tout simplement parce qu’aujourd’hui, on peut vraiment se servir du HTML5 pour faire du multiplateformes : pour les machines de bureau bien sûr (avec IE9/IE10, Firefox, Chrome, Opera & Safari), pour les tablettes ou téléphone iOS & Android et pour finir pour Windows 8 qui vous accueille désormais à bras ouvert ! Note : on ne parlera ici que de jeux utilisant la balise Canvas d’HTML5 ou SVG. Graphismes David

Debian -- The Universal Operating System Tutoriels HTML, HTML5, CSS, CSS3, standards du web The MacPorts Project -- Home HTML5 Introduction The GNU Operating System Presentation Samuel Ronce, WebCreative5 26 Novembre 2012 LyonJS Création d'un jeu avec CanvasEngine Structure d'une scène Propriétés et méthodes de la scène Appel de la scène canvas.Scene.call("MyScene"); Créer un élément Groupe d'éléments Rafraichissement Extend var canvas = CE.defines("canvas_id"). extend(Animation). ready(function() { canvas.Scene.call("MyScene"); }); Timeline Easing name : Un Sprite animé Image composée de 4 animations de 5 séquences Largeur : 250px Hauteur : 200px Animation Code dans la méthode "ready". var canvas = CE.defines("canvas_id"). extend(Input). ready(function() { canvas.Scene.call("MyScene"); }); Gestion du clavier Code dans la méthode "ready". Aperçu de la manette Gestion de la manette Code dans la méthode "ready" reprenant le code précédent. Code dans la méthode "render". this.gamepad.update(); stage.refresh(); Test de la manette Level Design Préparation Penser à charger le fichier JS pour Tiled Map Editor Etendre Canvas Engine Charger une carte