• Tu prends une case de coordonnées aléatoires sur ce tableau ;
  
• Tu crée une entrée dans ta table de galaxies (appelons-la galaxies), tu lui donnes un nom et les coordonnées de son centre ;
  
• Tu choisis quelques autres cases aléatoires autour de ce point et pour chacun de ces points, tu crée une entrée dans ta table de planètes (appelons-la planets) en leur donnant l'identifiant de galaxie précédemment créée et les coordonnées de la case ;
  

class UniversesController < GameController

  

  # Ce code est exécuté quand on envoie une requête HTTP avec la méthode GET aux URL :

  # monjeu.com/universes/:id (équivalent à monjeu.com/universes/:id.html)

  # monjeu.com/universes/:id.css

  def show

    @universe = Universe.find(params[:id])

    

    respond_to do |format|

      format.html # Va rendre le fichier de vue views/universes/show.html.erb et envoyer un MimeType text/html.

      format.css # Va rendre le fichier de vue views/universes/show.css.erb et envoyer un MimeType text/css.

    end

  end

  

end

<link rel="stylesheet"

      href="<%= link_to(@universe, :format => :css) %>"

      type="text/css" 

      media="screen"

      title="Univers <%= h(@universe.name) %>"

      charset="utf-8" />



<div class="universe" id="universe-<%= @universe.id %>">

	<% for galaxy in @universe.galaxies %>

		<div class="galaxy" id="galaxy-<%= galaxy.id %>">

			<% for planet in galaxy.planets %>

				<% 

				ownership = if planet.owner == nil

					'belongs_to_nobody'

				elsif planet.owner == current_player

					'belongs_to_me'

				else

					'belongs_to_ennemy'

				end

				%>

				<div class="planet <%= ownership %>" id="planet-<%= planet.id %>"></div>

			<% end %>

		</div>

	<% end %>

</div>

<link rel="stylesheet"

      href="monjeu.com/universes/1.css"

      type="text/css" 

      media="screen"

      title="Univers Alpha"

      charset="utf-8" />



<div class="universe" id="universe-1">

	<div class="galaxy" id="galaxy-1">

		<div class="planet belongs_to_nobody" id="planet-1"></div>

		<div class="planet belongs_to_ennemy" id="planet-2"></div>

	</div>

	<div class="galaxy" id="galaxy-2">

		<div class="planet belongs_to_me" id="planet-3"></div>

		<div class="planet belongs_to_ennemy" id="planet-4"></div>

		<div class="planet belongs_to_nobody" id="planet-5"></div>

	</div>

</div>

.universe {

	position: absolute;

	background-color: #000;

}



.universe .galaxy {

	position: absolute;

}



.universe .planet {

	position: absolute

	height: 1px;

	width: 1px;

	background-color: #fff;

}



.universe .planet.belongs_to_me {

	background-color: blue;

}



.universe .planet.belongs_to_ennemy {

	background-color: red;

}



.universe .planet.belongs_to_nobody {

	background-color: grey;

}



#universe-<%= @universe.id %> {

	width: <%= @universe.width %>px;

	height: <%= @universe.height %>px;

}



/* On boucle sur les galaxies de l'univers. */

<% for galaxy in @universe.galaxies %>

	#galaxy-<%= galaxy.id %> {

		left: <%= galaxy.x * 10 %>px;

		top: <%= galaxy.y * 10 %>px;

	}

	

	/* On boucle sur les planètes de la galaxie. */

	<% for planet in galaxy.planets %>

		#galaxy-<%= planet.id %> {

			left: <%= galaxy.x * 10 %>px;

			top: <%= galaxy.y * 10 %>px;

		}

	<% end %>

<% end %>

/* Je zappe la partie statique puisqu'elle reste identique. */



#universe-1 {

	width: 500px;

	height: 500px;

	position: relative;

}



#galaxy-1 {

	left: 50px;

	top: 30px;

}



#planet-1 {

	left: -10px;

	top: 20px;

}



/* Etc. */

(15-02-2010, 09:10 PM)theptitprince a écrit : CSS n'est pas forcément suffisent pour positionner les planètes puisque le nombre de planète par viewbox peut varier...
Quoi en passant encore par des DIV positionnées.... (désolé, je réfléchi en écrivant) Mais chaque planète doit avoir un identifiant différent, car renvoi vers des possibilités différentes selon si elles sont: déjà sous l'emprise d'un autre joueur; inutilisées; ou avec un statuts particulier... (Je compte faire afficher des infos pour chaque planète)...
Cela reste donc encore a creuser de mon coté...

Je vais me renseigner aussi a propos de JQuery (bien que je me demande si ce n'est pas griller les étapes puisque mes connaissances en javascript avoisinent le zéro absolu, voir même un zéro négatif si ça existe )