Aller au contenu

Cloudfordream

Bienvenue sur Habbo-Dev !

  • Veuillez ne pas poster de message pour but d'insulter, incitation à la haine, propos sexuels et tout autre qui ne respecte pas nos conditions d'utilisation !
Robinvtnn

 avis Reproduction partielle du client d'Habbo en HTML5

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

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.

Modifié par Robinvtnn
Ajout d'images
  • J'aime 2

Partager ce message


Lien à poster
Partager sur d’autres sites
Designer
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 !

Partager ce message


Lien à poster
Partager sur d’autres sites
VIP

Propre ! ;) 

Partager ce message


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

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)

Modifié par Robinvtnn

Partager ce message


Lien à poster
Partager sur d’autres sites
FireWork

Propre, j'aime bien

Partager ce message


Lien à poster
Partager sur d’autres sites
VIP

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.

Partager ce message


Lien à poster
Partager sur d’autres sites
Donateur

Salut,

 

C'est stylééééé

Partager ce message


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

Partager ce message


Lien à poster
Partager sur d’autres sites
VIP

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

Partager ce message


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 

 

 

Partager ce message


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 :

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Premium
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 

Partager ce message


Lien à poster
Partager sur d’autres sites
Premium
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

Veuillez vous connecter ou vous inscrire pour voir ce contenu.

Partager ce message


Lien à poster
Partager sur d’autres 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 ! 

Partager ce message


Lien à poster
Partager sur d’autres sites
VIP
Il y a 3 heures, Stown a dit :

Veuillez vous connecter ou vous inscrire pour voir ce contenu.

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

Partager ce message


Lien à poster
Partager sur d’autres sites

Nouveautés :

image.thumb.png.54f75bfc763f1ea03cfd713a3d0b9607.png

image.thumb.png.7b34299419ddd18fa145474bad24e3fa.png

image.thumb.png.c9899e1ad0a4a8aacc482909c5ab1d72.png

image.thumb.png.f952d9d3efa05630ea0dcdd742d87a92.png

image.thumb.png.ae215e3807feddbf42dec41db78b3535.png

image.thumb.png.ae171faafdff7d4b1975990bbab2f0a6.png

Modifié par Robinvtnn
  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

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.

Partager ce message


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

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.

 

 

 

Modifié par Robinvtnn
  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites
Premium

Sale, je valide ;)

 

Partager ce message


Lien à poster
Partager sur d’autres sites
Designer
il y a 26 minutes, Android a dit :

Sale, je valide ;)

 

 

Et encore ta rien vue :o !

Partager ce message


Lien à poster
Partager sur d’autres sites
Premium

Franchement, c'est propre pour un début puis ça va pour un début d'hôtel en HTML 5 tu te rapproche de l'original ça rend bien je trouve

Partager ce message


Lien à poster
Partager sur d’autres sites
Modérateur

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

Partager ce message


Lien à poster
Partager sur d’autres sites
Vétéran

Salut, vraiment tu gères c'est propre, tu es d'accord pour partager?

Modifié par Youek

Partager ce message


Lien à poster
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


×
×
  • Créer...