Jump to content
  • Please do not post a message for the purpose of insulting, incitement to hatred, sexual remarks and any other which does not respect our terms of use !

Reproduction partielle du client d'Habbo en HTML5


Robinvtnn

Recommended Posts

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

To access this image, please log in.

To access this image, please log in.

To access this image, please log in.

To access this image, please log in.

To access this image, please log in.

To access this image, please log in.

 

EDIT 27 Mai

To access this image, please log in.

To access this image, please log in.

To access this image, please log in.

 

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.

Edited by Robinvtnn
Ajout d'images
  • J'aime 2
Link to post
Share on other 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

To access this image, please log in.

To access this image, please log in.

To access this image, please log in.

To access this image, please log in.

To access this image, please log in.

To access this image, please log in.

 

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 !

Link to post
Share on other 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

To access this image, please log in.

To access this image, please log in.

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

To access this image, please log in.

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

Edited by Robinvtnn
Link to post
Share on other 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! ?

Link to post
Share on other 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 

 

 

Link to post
Share on other sites

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

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

To access this image, please log in.

To access this image, please log in.

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 ?)

Link to post
Share on other 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 

Link to post
Share on other sites

Le 27/05/2018 à 09:48, Arwantys a dit :

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

To access this link, please log in.

Link to post
Share on other sites

  • 2 weeks later...

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
Link to post
Share on other 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

To access this image, please log in.

 

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

To access this image, please log in.

To access this image, please log in.

 

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

To access this image, please log in.

 

Et finition de la partie "HC" du catalogue

To access this image, please log in.

 

Voilà voilà!

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

 

 

 

Edited by Robinvtnn
  • J'aime 1
Link to post
Share on other sites

Sale, je valide ;)

 

                                                                     

                                                                       

                                                                      Développeur c# et java

                                                   

Link to post
Share on other sites

  • 9 months later...

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

 

Link to post
Share on other sites

  • 11 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...