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 !

 avis Reproduction partielle du client d'Habbo en HTML5


Robinvtnn
 Share

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

image.thumb.png.6cc5a3312d469c622e8506f5ed6958ff.png

image.thumb.png.47f71e3d454cbb6ba9604c353d3bd774.png

image.thumb.png.6c10a6101ccc63874af62683327f131a.png

image.thumb.png.876ebe61d363d0f1be45a5b2f2c71a0c.png

image.thumb.png.100867cfcd0612f39947e7308dc67899.png

image.thumb.png.6fb5145ca8ebf6131ca97b86f748ee56.png

 

EDIT 27 Mai

image.thumb.png.d30e0108da2e4bdec1272fa2fa09496e.png

image.thumb.png.ba1c38ee7ff95632522348f54222a463.png

image.thumb.png.75197900dd2d3d79de4ecb7dcb45bf03.png

 

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 comment
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

image.thumb.png.6cc5a3312d469c622e8506f5ed6958ff.png

image.thumb.png.47f71e3d454cbb6ba9604c353d3bd774.png

image.thumb.png.6c10a6101ccc63874af62683327f131a.png

image.thumb.png.876ebe61d363d0f1be45a5b2f2c71a0c.png

image.thumb.png.100867cfcd0612f39947e7308dc67899.png

image.thumb.png.6fb5145ca8ebf6131ca97b86f748ee56.png

 

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 comment
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

image.png.695ae225acc5fc285ad5fd64b676d769.pngimage.png.a8220c95568bca7a747811c7faa01069.png

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

image.thumb.png.6c4eafba139e8ba44fd4dc48778e9a88.png

(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 comment
Share on other sites

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.

Link to comment
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 comment
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 comment
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 :

image.thumb.png.292ef3257aa31e608e6e66a58436755e.png

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 comment
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 comment
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

Hidden Content

    Reply to this topic to see the hidden content.

Link to comment
Share on other sites

Il y a 3 heures, Stown a dit :

 

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

Merci beaucoup ! 

Link to comment
Share on other sites

Il y a 3 heures, Stown a dit :

Hidden Content

    Reply to this topic to see the hidden content.

J'ai déjà utilisé ça, et partagé ici, sauf que c'est pas propre

JavaScript for ever

Link to comment
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.

  • J'aime 1

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

Link to comment
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

sprite4.gif.ed140329b6e4e4b39fa1bd428505bcd9.gif

 

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

image.thumb.png.97c2d2da98c0e372dc3c27510ff5e052.pngaide.thumb.gif.016e14b08cbe7a5f618e152c314cad45.gif

 

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

cat56.thumb.gif.bd81a145b7d5c67ef5f6deef7b59d798.gif

 

Et finition de la partie "HC" du catalogue

image.thumb.png.3c931600648bf7b9d04ff932d1eb71b8.png

 

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 comment
Share on other sites

Sale, je valide ;)

 

                                                                     

                                                                       

                                                                      Développeur c# et java

                                                   

Link to comment
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 comment
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
 Share

×
×
  • Create New...