Votre navigateur ne dispose pas des possibilités requises pour cette présentation.

Pour une présentation un peu plus sympa, passez à la dernière version de l'un de ces navigateurs : Chrome, Safari ou Firefox.

Présentation du plugin
jQuery pp3Diso

Qui

Jean-François RENAULD

Auto-entrepreneur - Prélude Prod



Twitter @jeuxweb
Email contact [AT] prelude-prod. com
www http://www.prelude-prod.com

Sondage

Connaissez-vous jQuery ?

Logo jQuery

Sondage

Savez-vous ce qu'est une 3D isométrique ?

Tour en 3D isométrique

jQuery

John Resig
John Resig

Statistiques

Perspective isométrique

Définition de la perspective isométrique
Les bases de la perspective isométrique

Les jeux en perspective isométrique

Zaxxon
1982 - Zaxxon
Populous
1989 - Populous
SimCity 2000
1993 - SimCity 2000
Dofus
2004 - Dofus

Depuis 2001

Et après ?

Steam Of Lethis
2011 - Steam of Lethis
http://www.steamoflethis.com

Et après ?

CrankBot sur DeviantART
CrankBot sur devientART
http://crankbot.deviantart.com/

Différentes solutions

 

DOM / HTML
DOM
Java
JAVA
Flash
Flash
canvas
Canvas

Silverlight
Silverlight
Flex
Flex
Pauv' toutou !
Support basic de Canvas par les navigateurs
Statistiques navigateurs dans le monde mai / juin 2012
Statistiques navigateurs en France mai / juin 2012
Statistiques navigateurs en Chine mai / juin 2012
Logo Prélude Prod

Les moteurs existants

 

Isogenic EngineIsogenic Engine : 200$ / 1500$
http://www.isogenicengine.com/

Isogenic EnginejGen : uniquement sur Chrome et Safari
http://code.google.com/p/jgen/

Isogenic EngineAves-Engine : racheté par Zinga

Logo Prélude Prod

pp3Diso

pp3Diso est un plugin jQuery permettant l'affichage et la gestion d'une carte en perspective isométrique.

 

Exemple pp3diso
pp3Diso en action
Sexy le toutou !
Logo Prélude Prod

Les fonctionnalités

Gestion des sols, bâtiments, objets, interface et avatars.

Exemple 1 pp3diso
Logo Prélude Prod

Les fonctionnalités

Gestion d'un curseur avec 2 états

 

 

Curseur on pp3diso
Curseur off pp3diso
Logo Prélude Prod

Les fonctionnalités

Gestion d'un avatar, animé ou non

 

 

Avatar pp3diso
Avatar pp3diso
Logo Prélude Prod

Les fonctionnalités

Gestion de zones de couleurs

Exemple 3 pp3diso
Logo Prélude Prod

Les fonctionnalités

Affichage de bulles-d'infos sur les objets ou les bâtiments

Exemple 4 pp3diso
Logo Prélude Prod

Les fonctionnalités

Affichage de boîtes de dialogues
avec boutons configurables à volonté

Exemple 5 pp3diso
Logo Prélude Prod

Les fonctionnalités

Zoom par interface ou par la molette de la souris

Exemple 6 pp3diso
Logo Prélude Prod

Les fonctionnalités

Gestion du pathfinding
avec affichage ou non des chemins

Exemple 7 pp3diso
Logo Prélude Prod

Les fonctionnalités

Changement de carte en Ajax

 

 

Carte pp3diso
Map pp3diso
Logo Prélude Prod

Gestion des évènements

Possibilité de définir des callbacks :

 

Touch sur mobile

Logo Prélude Prod

Compatibilité

 

pp3Diso est compatible avec les navigateurs :

Firefox
Firefox 3.6 +
Internet Explorer
IE 6 +
Chrome
Chrome
Opera
Opera
Safari
Safari
Konqueror
Konqueror

 

Beaucoup de toutous
Logo Prélude Prod

Compatibilité

 

Et les plateformes :

Android
Android
iOS
iPhone / iOS
Iron Man
Iron Man
Logo Prélude Prod

À savoir

Version 1.12 : 44 Ko

 

Accessibilité

Version prototype accessible aux personnes malvoyantes

Version accessible aux personnes malvoyantes
Version accessible aux personnes malvoyantes
Logo Prélude Prod

Licence et tarifs

 

Toutou
Logo Prélude Prod

Licence et tarifs

 

Licence Creative Commons BY-SA

 

pp3Diso est sous licence Creative Commons (CC BY-SA 3.0) :

Paternité - Partage à l'Identique 3.0 non transposé

Petit chien sur un gros tas de billets

 

Gratuit même pour un usage commercial

Logo Prélude Prod

Merci !

Beaucoup de toutous
QRCode.prelude.me

qrcode.prelude.me

Aucun animal n'a été blessé durant cette présentation.

pp3Diso : http://www.prelude-prod.fr/demo/pp3diso/
Fonctionnalités supportées par les navigateurs : http://caniuse.com
HTML5 Game Engines : http://html5gameengines.com
Liste de moteurs de jeux : https://github.com/bebraw/jswiki/wiki/Game-Engines

Utilisez la barre espace ou les flèches pour naviguer