L'Ile du Coeur
#1
INFOS SUR LA NOUVELLE VERSION : https://www.jeuweb.org/showthread.php?tid=12340

L'Ile du Coeur
Jeu par navigateur

Exploration, craft et conquête
Univers high-fantasy


http://ile-du-coeur.com/


HISTORIQUE
Prévisions deuxième semestre 2018 : Sortie de la version ALPHA 6 et refonte du forum RPG
Prévisions premier semestre 2018 : Sortie des versions ALPHA 4 et ALPHA 5
Août 2017 : Sortie de la version ALPHA 3 ouverte en accès anticipé, ajout de 2 factions, de l'orientation nature, du système de récolte d'essence et d'objets nature à crafter
Juin 2016 : Sortie de la version ALPHA 2 fermée, ajout de trois factions, ajout du système de conquête, ajout d'outils de collecte
Mars 2016 : Sortie de la version ALPHA 1 fermée contenant le système d'exploration, de récolte et de craft
Hivers 2015 : Lancement du développement

VERSION ALPHA 3 ouverte en accès anticipé

Présentation du jeu
Règles du jeu
S'inscrire jeu

[Image: teweet.jpg]

[Image: jeuweb2.jpg]

PREVISIONS ALPHA 4 : Armée et magie
- Les conquêtes de territoires se déroulent par choix d'unités ou de pouvoirs à envoyer sur les territoires, choix parmi 3 types d'unités que l'on peut améliorer et spécialiser
- Ajout de points de défense des territoires au sein des conquêtes, qui augmente ou diminue le coût nécessaire pour attaquer un territoire, les unités / pouvoirs pourront réduire ou consolider cette défense
- Ajout de 15 objets à fabriquer pour les êtres orientés nature
- Ajout d'un système de points de compétition pour départager la faction dominante

PREVISIONS ALPHA 5 : Politique, pardon et coups fourrés
- Un système de politique entièrement personnalisable par les joueurs, qui permette de gérer et d'entretenir une interface de gestion des conquêtes, de créer des alliances et d'améliorer la communication entre les joueurs et bien d'autres choses encore
- Ajout de potions permettant de dédoubler des objets, rendre fous d'autres personnages ou augmenter le boost de puissance

PREVISIONS ALPHA 6 : Pocket world
- Ajout de 3 personnages dans l'exploration, qui vous permettront d'agir autrement avec eux : échange de ressources, QCM sur l'univers et don de ressources en échanges de services
- Version mobile du jeu

A bientôt sur L'Ile du Coeur !
Répondre
#2
Salut,

niveau design/graphisme, bon, c'est pas le style que j'utiliserai sur mes projets, mais c'est homogène, ça se tient, donc c'est plutôt bien 2

En revanche, je regrette deux choses: je ne trouve pas le site très lisible, (des textes sont trop gros? Mal agencés? Je ne saurai pas trop dire pourquoi, mais je trouve que le site manque de lisibilité, de confort de lecture) et la présence d'une iframe géante. Utilise directement le nom de domaine lapp-art.fr plutôt que de vouloir inutilement encapsuler cela dans un *.forumactif.com

Bonne chance 2
Répondre
#3
Salut Xenos !
Merci pour ton message! 34
J'avais une première fois pas mal cherché pour la typographie, la couleur etc. J'ai pas réussi à trouver mieux.
On m'avait largement conseillé l'écriture script, j'avais testé, et n'ayant pas réussi à juger laquelle était plus lisible, j'ai opté pour la plus esthétique :/
Je peux essayer de régler la taille de la typo, mais j'ai peur de rendre les textes encore moins lisibles. Dans tous les cas, le texte de description des fées a un soucis d'opacité trop forte sous Chrome, ce qui le rend très peu lisible, je règlerai ça.

Pour ce qui est de l'iframe, c'est vraiment gênant ? Je sais que c'est pas idéal, mais j'ai fais ça pour homogénéiser les urls, et le problème c'est que lapp-art.fr est une URL pour un autre site... Pour l'instant je l'exploite le temps d'acheter un nouveau nom de domaine, histoire de pas dépenser trop de sous tant que le jeu n'est pas entièrement jouable.

En tous cas je suis à fond en ce moment ! :p Ca fait plaisir d'avoir un retour, merci 34
Répondre
#4
Je trouve cela gênant pour l'iframe oui, d'une part à cause de mes propres règles de sécurité (je peux te dire que des "jeux", en fait des projets abandonnés, dont le domaine est une iframe à 100% de la taille de la page, j'en ai vu un paquet; bon ok c'étaient des projets abandonnés dont l'iframe veut nous vendre des maisons ou des trucs en japonais, mais bon, bref), d'autre part car cela perturbe la navigation (clic droit et précédent/suivant de FF, favoris, etc).
A mon avis, autant laisser tout sur lapp-art, avec des URL pas belles ("temporaires"), puis changer toutes les URL par la suite pour un autre domaine, et mettre des redirections 301. Là, ton URL dans la présentation pointe sur forumactif, par la suite certains liens pointent vers lapp-art, d'autres non, bref, c'est déroutant. 2

Essaie de voir à mettre une taille "normale" pour les textes (comme celle des autres sites, aka 1em) et de plus jouer sur les contrastes textes/fond (sans casser les mirettes quand même).
Répondre
#5
ce que je trouve dommage c'est de mettre du css directement dans la page html, directement sur l’élément.

<div class="texte messagedesujet" 
style="width: 300px; float: left; height: 290px; margin-left: 48.5px; margin-right: 34px;margin-top: 15px;
padding: 15px 15px 15px 15px; white-space: normal; overflow: hidden; border-radius: 0 0 0 0;">
<span class="titrecat" style="color: #FFC500; text-align: justify;">
<a href="blog.php?article=20#haut" target="_parent">Forum momentanément indisponible</a>
</span><span style="font-size: 13px;"><br>Rédigé par L'Omniscient le 05/12/15 à 5:25</span>
<br><br>
Bonjour à tous ! [...]
<div style="width: 100%; text-align: center;"><br><img src="http://www.lapp-art.fr/ileducoeur/sabreprot.png"></div><br><br>
A très vite !
</div>
[-tiens pas de coloration syntaxique en html ? ]

dès que tu voudrais faire une modification de style, tu vas avoir autant de fois plus de chose à faire que d'éléments sur toutes tes pages...
De plus j'imagine que c'est pas le seul mais :
Code :
border-radius: 0 0 0 0;
ne sert pas à grand chose... puisque d’après W3 :
Name: border-radius
Value: [ <length> | <percentage> ]{1,4}
Initial: 0

et puis
Code :
margin-left: 48.5px
Faut m'expliquer où se trouve le 0.5 pixel sur un écran ? =)

Peut-être devrais-tu essayer de faire des div de taille dynamique avec des border-images, pour éviter de faire "images" qu'il te faudra peut-être toutes modifier.

Et je te conseille d’éclaircir limage du fond. (trop de contrastes)
Simplement en ajoutant une ligne :
Code :
background-color:rgba(180,180,255,0.2);
ça devrait suffire.
"Somewhere, something incredible is waiting to be known..."
Carl Sagan.
Répondre
#6
Hey @lucard !
Oui je vais petit à petit résumer le CSS dans des class. Quand je travaille je préfère régler directement sur l'HTML, mais je vais petit et petit regrouper les attributs communs en class. (Pas forcément tout de suite, mais je le ferai forcément à un moment).

Pour le radius, c'est pour annuler un radius en place dans une class.
Pour les positionnements en 0.1 je pensais que ça fonctionnait :p Un jour j'ai fais quelque chose en décimal qui a fonctionné, mais quand j'essaie ça sur l'inspecteur firefox ça ne marche pas... Etrange Oo Je regarderai ça 34

Des borders images ? 4 Je savais même pas que ça existait. Je regarderai, merci 34

L'image de fond je l'ai volontairement assombrie, parce que je trouvais que ça faisait mal aux yeux 37 Surtout en restant longtemps (j'avoue que je supporte plus les fonds clairs, j'ai modifié toutes mes configs pour plus avoir de blanc sur mes pages de travail, sinon mes yeux meurent ><). Avant ça ressemblait à ça :
http://ile-du-coeur.forumactif.org/h1-l-ile-du-coeur (ATTENTION YA DU SON)

Je vais voir ce que ça donne avec ta réduction.
Répondre
#7
Dommage que ça ne fonctionne pas bien sur Mobiles.
[Image: small_Screenshot_2015-12-13-11-14-06.png]

Click to enlarge.
"Somewhere, something incredible is waiting to be known..."
Carl Sagan.
Répondre
#8
Thx pour le screen @lucard !
Je compte bien adapter tout ça aux mobiles plus tard, mais pour le moment ya énoooormément de choses à faire 37
Donc je m'attarde pas spécialement là dessus pour l'insant (je jetterai quand même un coup d'oeil à ça, c'est étrange).

En attendant :

Nouvel article, ré-ouverture du forum !
http://www.lapp-art.fr/ileducoeur/blog.p...le=24#haut
Répondre
#9
En fait @alucard, le bug ne provenait pas du mobile, mais de tout sauf Firefox :p
Je m'en suis seulement rendu compte.

padding-box ne fonctionne que sur Firefox, il faut utiliser border-box pour que ça marche partout, et avec un webkit ! Si vous ne le saviez pas, maintenant vous le savez :p Merci pour avoir remonté ce bug 34
Répondre
#10
Où as-tu trouvé "padding-box"? Je ne l'ai vu ni dans le draft CSS3 du W3C ni sur le MDN.
Répondre




Utilisateur(s) parcourant ce sujet : 2 visiteur(s)