Sinon il y a Unity3D qui utilise la techno WebGL pour son player web, si je ne me trompe pas.
Version imprimable
Sinon il y a Unity3D qui utilise la techno WebGL pour son player web, si je ne me trompe pas.
Il y a emscripten aussi, le projet un peu fou qui permet de compiler du C++ en Javascript.
Théoriquement si tu prends le code source d'un jeu bien codé, tu peux en quelques heures/jours le convertir en jeu vidéo HTML5 grâce à ça.
d'ailleurs Unity c'est pour bientôt, j'en suis sur. Une fois qu'on se sera fait les pieds sur les bases du javascript, et qu'on va commencer à se la péter, Sébum va nous punir avec une saison 4 de Développez Couché : faites votre mmorpg sous Unity en full Objects, en javascript et en C#. Je le vois venir, le sournois. :ninja:Citation:
Envoyé par lucskywalker
Pas vraiment non... Javascript est quand même hyper méga lent et ce n'est pas seulement la faute des navigateurs. Mozilla fait une expérience intéressante avec asm.js (utiliser le javascript avec des annotations pour en faire une sorte de machine virtuelle orienté perf), mais ça ne serait pas au point avant des années.Citation:
Envoyé par Tomaka17
---------- Post added at 11h33 ---------- Previous post was at 11h32 ----------
Unity, c'est pas plutôt un plugin (comme pour Flash)?Citation:
Envoyé par lucskywalker
oui Unity et Flash sont des plugins d'applications natives et c'est bien pour ça qu'ils sont performants.
un article comparatif sorti en début d'année sur le sujet : http://www.journaldugeek.com/2013/01...et-faiblesses/
Mouai, dans son petit article l'auteur ne prend pas du tout en compte le fait qu'HTML5 est loin d'être terminé. Je suis abonné au flux RSS du w3c, et pendant une période toutes les semaines il y a une nouvelle norme qui sortait, à tel point que je commençais à penser qu'ils allaient dans le mur en voulant faire trop ambitieux.Citation:
Envoyé par SeanRon
Je ne sais plus quelle était la situation en janvier dernier, mais là c'est comme si tu pondais un article sur "chercher sur internet vs téléphoner pour trouver des infos" en 1995 en reprochant à internet d'être trop lent et de manquer de contenu. Faut voir un peu les perspectives d'avenir, et pour moi clairement HTML5 pourrait théoriquement remplacer à terme bon nombre de logiciels natifs. Mais en pratique leur succès dépend de trop de choses imprévisibles.
Oui, franchement, j'espère bien qu'on arrivera a ça. Et je pense aussi que c'est une question de temps.
Déjà, les frameworks cités plus haut dépassent largement ce que faisait shockwave à l'époque et rattrapent flash avec tous les avantages que ça comporte pour les développeurs face à une solution propriétaire.
Enfin, les browsers semblent se faire la course à la performance de rendu du javascript, ce qui est également très encourageant.
C'est une erreur ou il y aura du PHP aussi ?Citation:
Envoyé par L-F. Sébum
Sinon, un bon outil gratuit pour développer en javascript, c'est Microsoft Visual Studio.
En ajoutant ces lignes au début de script.js
On beneficie de Intellisense pour les fonctions de CreateJS, c-à-d que ça affiche automatiquement les propriétés et les méthodes d'un objet :Code:/// <reference path="lib/easeljs-0.6.1.min.js" />
/// <reference path="lib/preloadjs-0.3.1.min.js" />
/// <reference path="lib/soundjs-0.4.1.min.js" />
Pièce jointe 7275Pièce jointe 7276
J'ai testé ça avec Visual Studio 2012 Ultimate ( + Update 3) mais ça doit fonctionner aussi avec les versions Express (gratuites).
Par exemple "Microsoft Visual Studio Express 2013 RC pour le Web". C'est une "release candidate", la version finale est pour mi novembre.
http://www.microsoft.com/visualstudi...d-2013-express
Je suis un débutant en javascript, j'ai fait une formation Ajax/Javascript il y a 2 ans mais je développe uniquement en C# (et VB.Net) avec Visual Studio.
Pour la leçon 1 on a :
function preloadAssets()
{
img_joueur.onload = preloadUpdate();
img_joueur.src = "media/joueur.png";
}
function preloadUpdate();
{
preloadCount++;
if(preloadCount == PRELOADTOTAL)
launchGame();
}
Ne faudrait-t-il pas swapper les deux lignes de la fonction preloadAssets() ? J'ai l'impression qu'au final on lancera lauchGame() avant de loader l'image...
Non, car la première ligne ordonne de lancer preloadUpdate seulement quand img_joueur se charge (evenement onload).Citation:
Envoyé par Arkady
Le lancement, même s'il se fait au sein d'une fonction déclarée en ligne 1, ne s'effectuera qu'en ligne 2, quand on charge l'image ce qui a pour effet d'effectivement lancer preloadUpdate.
A l'inverse si on swap, lors du chargement de l'image, n'ayant pas défini la fonction à lancer sur le chargement le jeu ne se lancerait pas du tout.
Merci pour ta réponse Karedas.
J'ai essayé les deux ordres, les deux fonctionnent. Je suis pas sûr d'avoir bien compris le fonctionnement de .onload du coup. :|
Par contre sauf distraction de ma part il manque dans la version papier un petitdans launchGame().Citation:
stage.addChild(obj_joueur);
Je viens de vérifier, il y est bien dans mon CPC papier.
*toussote*
Une question pour les retardataires de la saison deux (le topic dédié étant fermé) : un espoir de voir une compil des leçons récupérable quelque part?
#airsuppliant
Merci d'avance!
Absolument pas pour ce qui est des perfs. Tu as certes accès à des fonctions de la CG, mais tu te retrouves avec un goulot d'étranglement monstrueux parce que tout doit passer par le code qui tourne dans ton navigateur, qui lui restera lent. Ca permet de décharger le proc d'une partie des calculs, mais le rendu d'une scène est loin de se faire uniquement sur CG.Citation:
Envoyé par Tomaka17
Depuis le début des cartes accélératrices (presque 20 ans !) il y a eu de projets qui ont voulu nous offrir un rendu 3D dans un navigateur. Les performances ont toujours été loin des promesses, c'est pas un hasard.
Bonjour à tous,
Pardonnez l'intrusion un peu hors-sujet dans le débat, mais j'appuie la demande de Sonny Jim !
Ayant découvert CPC après la mort de Joystick (Paix à son âme), en décembre 2012/janvier 2013, je n'ai que la moitié des leçons en magazine ... Bien dommage car le type de jeu m'a paru intéressant ...
Y aurait-il une âme charitable pour scanner (si aimable autorisation de Sebum il y a, bien entendu) la saison complète, ou au moins, la première partie de ces leçons ?
Merci par avance !
Et, pour en revenir à cette saison-ci :
Y a-t-il moyen de centrer la fenêtre 640x480 en tripatouillant dans le fichier index.html du jeu ?
Car, pour l'instant, la fenêtre de jeu est centré en haut à droite de Chrome/Firefox lorsqu'on teste le jeu ...
Tu peux essayer ça:
Code:<canvas height="480" width="640" id="gameCanvas" style="display: block; margin: auto;"></canvas>
Hi guys,
Je me suis lancé aussi dans l'aventure, j'avais laché la programmation depuis quelques années, ça fait du bien de s'y remettre. Je compte utiliser les leçons pour développer un projet perso, et histoire de prendre tout de suite les orientations : est-ce qu'il est possible d'utiliser javascript et createjs pour faire de la 3D ? De la 3D très basique je vois rassure, genre des gros polygones tous moches.
Sinon je me rabats sur une vue 2D...
Pour la 3d, via javascript/webgl, il y a des moteurs assez simples comme http://threejs.org/ ou http://www.x3dom.org/Citation:
Envoyé par Koala77
Muchas gracias. Y'a plus qu'à mettre le nez la dedans.
Qu'est-ce que tu projettes de faire avec?Citation:
Envoyé par Koala77
Arf... petit curieux ! Puisque la mode est aux reboots, je vais refaire le premier jeu que j'ai programmé tout seul comme un grand : une adaptation des courses de moto de Tron. J'avais programmé ça sur mon Amstrad CPC 464 à l'époque (en Basic amstrad, la classe internationale). A l'époque = un temps que les moins de 20 ans ne peuvent pas connaitre.
Mon idée était de faire du multi 4 joueurs (avec bots pour meubler). En v1, une simple vue de dessus en 2D, ça revient à coder un bon vieux Snake, c'est (relativement) facile à faire j'ai l'impression avec ce langage. En v2, un split screen avec une vue FPS ou TPS, et un "instant replay" en vue de dessus des dernières secondes de la partie. Plus compliqué.
Du coup là j'attends avec impatience la leçon ou on va causer des tests de collision entre objets, et de l'ordonnancement génral des taches (faire avancer les ojjets, lire les commandes, traiter les événementS...)
PS : je sais, ce jeu existe déjà en 10000 versions. M'en fous, le mien sera mieux, na.
J'ai reçu le Canard PC n° 285 avec la leçon n°3 mais je n'ai pas trouvé les images (ciel0.png, ciel1.png, ciel2.png)sur cpc.cx/809 (c'est à dire sur ce topic).
oui, je suis dans le meme cas. alors j'attends que les images arrivent sur le forum
:rolleyes:
En attendant que le topic soit mis à jour avec les images du ciel ( ciel0.png, ciel1.png, ciel2.png), voici mes images que j'ai bricolées à partir de celles de la saison 1.
[Edit] j'ai retiré mes images maintenant que les images officielles sont disponibles dans le 1er post.
Ça y est, les images sont en ligne. Désolé pour le retard mais le mag est sorti très très en avance par rapport à ce qu'on avait prévu.
Pour ceux qui veulent tenter Visual Studio Express for Web, la version finale est dispo:
Anglais: http://www.microsoft.com/visualstudio/eng/downloads
Français: http://www.microsoft.com/visualstudio/fra/downloads
Prendre la version "Express" qui est gratuite et pas la version normale (30 jours à l'essai)
Prérequis: Windows 7 SP1 + Internet Explorer 10 (Ou Windows 8, Windows 8.1)
Un compte Microsoft (live, hotmail ...) est aussi nécessaire pour le téléchargement.
Taille téléchargement : environ 600 Mo
Taille sur le disque dur: environ 2.6 Go
Pour utiliser Intellisense (voir mon message précédent), j'ai effectué les actions suivantes (spécifiques à Visual Studio):
1) Création du fichier _references.js dans le sous dossier Scripts du projet:
2) Utilisation du mot clef var pour les variables non typées lors de la déclaration:Code:/// <reference path="lib/easeljs-0.6.1.min.js" />
/// <reference path="lib/preloadjs-0.3.1.min.js" />
/// <reference path="lib/soundjs-0.4.1.min.js" />
Javascript Intellisense dans Visual Studio:Code:///<var type="createjs.Bitmap">Player bitmap</var>
var obj_joueur;
///<var type="Array" elementType="createjs.Bitmap">Sky bitmap</var>
var obj_sky = [];
http://msdn.microsoft.com/en-us/libr.../bb385682.aspx
Utilisation de <var type="ValueType"> :
http://msdn.microsoft.com/en-us/libr.../hh542722.aspx
_references.js:
http://gurustop.net/blog/2012/03/03/...ences-js-file/
Mon projet complet Visual Studio à l'issue de la leçon 3 peut être téléchargé à cette adresse (pendant 30 jours) : http://dl.free.fr/pRtRdrhPH
Sinon Netbeans n'est pas mal non plus (sélectionner une version avec le support HTML5 ou ajouter le plugin "HTML5 kit" après coup) mais l'équivalent de Intellisense (code completion) ne fonctionne que très partiellement.
Salut a tous j'ai surement du faire une erreur mais je ne la trouve pas si quelqu'un pouvais m'aider. Rien ne se passe quand je lance index, enfin il n'affiche rien. Merci :)
Code HTML:var stage;
var preloadCount = 0;
var PRELOADTOTAL = 1;
var img_joueur = new Image();
var obj_joueur;
function startGame()
{ preloadAssets(); }
function preloadAssets()
{
img_joueur.onload = preloadUpdate();
img_joueur.src = "media/joueur.png";
}
function preloadUpdate()
{
preloadCount++;
if(preloadCount == PRELOADTOTAL)
launchGame();
}
function launchGame()
{
stage = new createjs.Stage(document.getElementById("gameCanvas"));
obj_joueur = new createjs.Bitmap(img_joueur);
stage.addChild(obj_joueur);
createjs.Tickers.setFPS(30);
createjs.Ticker.addEventListener("tick",mainTick);
}
function mainTick()
{stage.update();}
@AlexBessa : utilise la console de Chrome (F12 pour l'ouvrir, puis tu vas dans Source pour voir ton script) pour trouver l'instruction qu'il n'arrive pas à exécuter.
Dans ton cas c'est l'instruction "createjs.Tickers.setFPS(30);" dans la function launchGame() qui pose problème => le nom de la méthode c'est Ticker, sans "s" au bout !
@toutlemonde : connaissant un peu le C#, j'essaye de refaire de la POO (Programmation Orientée Objet quoi) en javascript. Et là, c'est le drame... je savais que JS n'était pas fait pour ça, mais c'est vraiment le bowdel.
Concrètement, j'aimerais surcharger l'objet obj_joueur avec un attribut "direction" et une méthode "deplace", dans laquelle je gèrerais son déplacement en fonction des touches appuyées et de sa direction d'avancement. Sachant que notre objet a été défini avec un simple "var" et créé avec la fonction createjs.Bitmap, je cherche comment définir cette surcharge : quelqu'un peut m'aider ?
PS : j'ai trouvé sur le net des explications sur la notion de prototype...... j'ai tenté un truc de ce genre, mais ça marche pas des masses :
Et donc dans function launchGame() :Code HTML:function Joueur() {};
Joueur.prototype = new createjs.Bitmap();
Joueur.prototype.deplace = function () {
// Haut = 38, Bas = 40, Gauche = 37, Droite 39
if (38 in touches) this.y -= PLAYERSPEED;
else if (40 in touches) this.y += PLAYERSPEED;
if (37 in touches) this.x -= PLAYERSPEED;
else if (39 in touches) this.x += PLAYERSPEED;
// On ne laisse pas sortir de l'écran
if (this.y < -32) this.y = -32 ;
else if (this.y > 448) this.y = 448 ;
if (this.x < -64) this.x = -64 ;
else if (this.x > 576) this.x = 576 ;
}
var obj_joueur;
Code HTML:obj_joueur = new Joueur(img_joueur);
Heu si je puis le permettre (je suis loin d'être un expert en JavaScript) mais tu essaie d'instancier ton objet joueur avec un paramètre alors que son constructeur n'est pas prévu pour en recevoir. Après sinon oublie toute notion d'héritage tel que tu le connais, en JS, ça n'existe pas, les prototypes ne sont qu'un pis-aller.