Aller au contenu
  • Veuillez ne pas poster de message pour but d'insulter, incitation à la haine, propos sexuels et tout autre qui ne respecte pas nos conditions générales !

Reproduction partielle du client d'Habbo en HTML5


Robinvtnn

Messages recommandés

Hello ! 

Je suis nouveau, je me suis inscris sur ce forum spécialement pour vous partager ce que je fais depuis quelques jours , bien que je connaissais déjà ce forum depuis quelques temps car j'y pioche pas mal de mes ressources et regarde pas mal de tutoriaux dessus ! 

 

J'ai tenté de reproduire une partie du client d'Habbo en HTML, CSS et Javascript !

Voici ce que j'ai fait :

  • Vue Aérienne
  • Navigateur
  • Catalogue (partiel)
  • Profil
  • Partie d'aide (pas encore faite)

 

Je prévois d'aller plus loin et de créer les appartements par la suite mais je n'ai absolument pas les connaissances nécessaires ! 

PS : Actuellement il n'y a pas de php, je prévois de l'ajouter la semaine prochaine, afin que cela soit + réel.

 

Je me suis basé sur Achille CMS, et pour le catalogue il a été partagé sur ce forum par quelqu'un d'autre.

 

Voici les captures

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

 

EDIT 27 Mai

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

 

Je n'ai absolument pas de "projet final" (d'objectif particulier), je fais uniquement cela pour me passer le temps :p

Voilà ! En attente de vos avis précieux, vos conseils et remarques ! 

Bonne soirée à vous.

Modifié par Robinvtnn
Ajout d'images
  • J'aime 2
Lien à poster
Partager sur d’autres sites

il y a 41 minutes, Robinvtnn a dit :

Hello ! 

Je suis nouveau, je me suis inscris sur ce forum spécialement pour vous partager ce que je fais depuis quelques jours , bien que je connaissais déjà ce forum depuis quelques temps car j'y pioche pas mal de mes ressources et regarde pas mal de tutoriaux dessus ! 

 

J'ai tenté de reproduire une partie du client d'Habbo en HTML, CSS et Javascript !

Voici ce que j'ai fait :

  • Vue Aérienne
  • Navigateur
  • Catalogue (partiel)
  • Profil
  • Partie d'aide (pas encore faite)

 

Je prévois d'aller plus loin et de créer les appartements par la suite mais je n'ai absolument pas les connaissances nécessaires ! 

PS : Actuellement il n'y a pas de php, je prévois de l'ajouter la semaine prochaine, afin que cela soit + réel.

 

Je me suis basé sur Achille CMS, et pour le catalogue il a été partagé sur ce forum par quelqu'un d'autre.

 

Voici les captures

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

 

Je n'ai absolument pas de "projet final" (d'objectif particulier), je fais uniquement cela pour me passer le temps :p

Voilà ! En attente de vos avis précieux, vos conseils et remarques ! 

Bonne soirée à vous.

Plutôt cool, sa peut partir sur des projets différents d'autre modifications mais sinon très sympas !

Lien à poster
Partager sur d’autres sites

Il y a 5 heures, Magghar a dit :

Plutôt cool, sa peut partir sur des projets différents d'autre modifications mais sinon très sympas !

Merci ! 

Il y a 4 heures, Passak a dit :

Propre ! ;) 

Merci beaucoup ! J'essaie d'être très rigoureux sur ce point ! 

 

Voici ce que j'ai ajouté ce soir

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

(au passage de la souris l'icon s'affiche en bleu)

Pour avoir accès à cette image, merci de vous connecter.

(Mon avatar et celui qui se trouve dans l'éditeur de look ne sont pas les mêmes, je dois régler ça)

Modifié par Robinvtnn
Lien à poster
Partager sur d’autres sites

Il y a 7 heures, achrafmaziz a dit :

Propre, j'aime bien

Merci!

Il y a 3 heures, Èsska (S-K) a dit :

Est-ce que je pourrais avoir les sources de tes pages à des fins expérimental en privé s'il te plais? Si tu veux pas je comprendrais. Merci d'avance.

Oui, mais j'aimerais finir quelques trucs avant de te donner les fichiers (si ça ne te gêne pas! Ça ne prendra pas longtemps!!?

il y a 38 minutes, MonsieurBanane a dit :

Salut,

 

C'est stylééééé

Merci! ?

Lien à poster
Partager sur d’autres sites

il y a 3 minutes, Arwantys a dit :

Pas mal, j'aimerai bien avoir tes sources pour commencer une version avec Node.js si sa ne dérange pas

Oui ! Voici mes sources

Catalogue

 

Navigateur

La vue aérienne + Menu + Javascript 

 

 

Lien à poster
Partager sur d’autres sites

J'ai débuté le partie "appartement"

Pour l'instant lorsque nous cliquons sur l'appartement du navigateur cela nous affiche ceci :

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Je compte ajouter en CSS et JS les cases de l'appart, mais je ne saurais pas créer les mobis ou peut-être qu'en cherchant un peu j'y arriverai, je vous tiens au courant ! (PS: j'ai ajouté le bouton Sortie de Secours de la R63B car il me plaisait bien ! Vous en pensez quoi ?)

Lien à poster
Partager sur d’autres sites

Le 27/05/2018 à 09:29, Robinvtnn a dit :

Oui, mais j'aimerais finir quelques trucs avant de te donner les fichiers (si ça ne te gêne pas! Ça ne prendra pas longtemps!!?

 

 

Comment dire non gentiment :p, ça à l'air prometteur, bonne chance pour la suite 

Lien à poster
Partager sur d’autres sites

Nouveautés :

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Modifié par Robinvtnn
  • J'aime 1
Lien à poster
Partager sur d’autres sites

Introduction du PHP

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

 

Lien à poster
Partager sur d’autres sites

  • 2 semaines plus tard...

Hello,

 

Je viens de voir tout tes travaux, chapeau l'ami ! C'est motivant de voir des personnes se lancer dans un Habbo en HTML5.

+1 et bonne continuation pour ton projet que je suis à partir de maintenant.

Amateur langage: HTML | CSS | PHP(PDO) JQuery | Angular | Féminin(non jris)

  • J'aime 1
Lien à poster
Partager sur d’autres sites

Il y a 16 heures, Kamobbah a dit :

Hello,

 

Je viens de voir tout tes travaux, chapeau l'ami ! C'est motivant de voir des personnes se lancer dans un Habbo en HTML5.

+1 et bonne continuation pour ton projet que je suis à partir de maintenant.

 

Hello ! Merci beaucoup ! @Pitt et @Hudson Hornet sont aussi de la partie ;)

J'en profite pour publier les avancées. Etant en déménagement et en travaux, j'avance lentement depuis quelques jours..

 

Début de l'apprentissage du JS avec Konva

Pour avoir accès à cette image, merci de vous connecter.

 

Ajout de la liste d'amis + création de l'outil "aide"

Pour avoir accès à cette image, merci de vous connecter.

Pour avoir accès à cette image, merci de vous connecter.

 

On a également commencé le côté ajax du catalogue :

Pour avoir accès à cette image, merci de vous connecter.

 

Et finition de la partie "HC" du catalogue

Pour avoir accès à cette image, merci de vous connecter.

 

Voilà voilà!

Après réflexion, le projet sera open-source d'ici peu, nous partagerons tout en temps réel sur github.

 

 

 

Modifié par Robinvtnn
  • J'aime 1
Lien à poster
Partager sur d’autres sites

Sale, je valide ;)

 

                                                                     

                                                                       

                                                                      Développeur c# et java

                                                   

Lien à poster
Partager sur d’autres sites

  • 9 mois plus tard...

Hello !

 

Franchement bravo, ça a l'air hyper propre et ça se rapproche presque complétement de la version originale, respect et bonne  chance pour la suite

 

Synxgz

signature.png

Salut à tous, n'oubliez le petit ? et le Point de Réputation, ça fait toujours plaisir !

 

Langages pratiqués : HTML5, CSS3, SQL, PhP,. Si vous avez des questions, besoin de me contacter... je suis très disponible sur discord : Synxgz#5824

 

Lien à poster
Partager sur d’autres sites

  • 11 mois plus tard...

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant
×
×
  • Créer...