CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • RetourHigh-Tech
    • Actus JVTECH
    • Bons plans
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet : Mon générateur de map en JS

DébutPage précedente
1
Page suivantePage suivante
mrjenkins mrjenkins
MP
Niveau 6
31 mai 2016 à 16:41:13

Bonjour à tous,

je viens vous présenter un modeste générateur de map en Javascript basé sur des tiles.
Pourquoi ce post : si jamais quelqu'un a besoin d'une map, ou d'un générateur, ou d'un algo... ça peut lui être utile. Aussi, j'aimerais recevoir des critques (constructives évidemment) sur le code.

Le lien : https://jsfiddle.net/mrjenkins/6k56coka/17/

Le fonctionnement :
Tout d'abord, il faut instancier une nouvelle map et définir ses caractéristiques :

var map = new Map(taille, taille des tiles);

Puis, générer la map en tant que telle avec un seed, et un "zoom" :

map.generateMap(seed, 16);

Plus le zoom est élevé, plus le terrain est lisse. Plus il est petit, plus il y aura de différences de niveaux. Pour un seed et un zoom donnés, la map générée sera la même.

Et enfin, afficher la map :

map.render();

Vous pouvez également récupérer les valeurs de la map avec :

map.printTiles();

Je me suis amusé à faire ce générateur, et je trouve qu'il rend pas mal. Qu'en pensez-vous ?

Lapintade Lapintade
MP
Niveau 18
31 mai 2016 à 17:23:17

C'est rigolo, et ca fonctionne en ligne. Sympa!
Bravo.

mrjenkins mrjenkins
MP
Niveau 6
01 juin 2016 à 09:02:58

:) Merci

Voici quelques possibilités d'utilisation :
- une simple map avec des tiles différentes
- une heightmap, pour générer un terrain en 3D (il faudrait sûrement affiner les hauteurs puisque j'en ai implémenté que 5)
- une map de température, associée à une map d'humidité pour la création de biomes : http://i.stack.imgur.com/da7Kt.png

Tryall_Officiel Tryall_Officiel
MP
Niveau 10
01 juin 2016 à 14:40:48

C'est cool en effet :noel: , super boulot !

Korback Korback
MP
Niveau 10
01 juin 2016 à 16:47:35

Salut,

C'est cool ce que tu as fait, je vais m'inspirer de ton code ( :hap: ) et essayer de le refaire en C# (ça ne devrait pas être insurmontable), ça fait un certain temps que je voulais implémenter une telle chose, sans résultat.

Donc bravo pour le travail accompli.

mrjenkins mrjenkins
MP
Niveau 6
02 juin 2016 à 11:02:10

Merci à vous.

J'ai mis à jour pour s'assurer d'avoir les différents niveaux d'altitude.
Ainsi on est sur d'avoir à la fois des zones profondes et des zones très hautes.. Tout en gardant une évolution réaliste.

(pour accéder à la version A jour il suffit d'enlever le 17 à la fin de l'url)

A+

DébutPage précedente
1
Page suivantePage suivante
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
La vidéo du moment