Skip to content

Commit

Permalink
Write slideshow
Browse files Browse the repository at this point in the history
  • Loading branch information
Merwan Achibet committed Jun 26, 2012
1 parent 372f2ad commit 8f903de
Showing 1 changed file with 84 additions and 152 deletions.
236 changes: 84 additions & 152 deletions doc/presentation.html
View file
Expand Up @@ -75,7 +75,6 @@ <h3>Plan</h3>
<ul>
<li>Automates cellulaires</li>
<li>Systèmes multi-agents</li>
<li>Méthodes procédurales</li>
</ul>
</li>
<li>
Expand Down Expand Up @@ -159,28 +158,7 @@ <h3>Dans le cadre des simulations urbaines</h3>
</article>

<article class='smaller'>
<h3>Exemple cellulaire 1</h3>

<ul>
<li>Teinte de gris : hauteur des bâtiments</li>
<li>Quatre facteurs : couverture initiale, inertie,
interaction et bruit</li>
<li>Une cellule montre si trois seuils sont satisfaits</li>
</ul>

<img class='centered' style='height:350px'
src='images/example_modeling_cities_in_3d.png'>

<div class='source'>
Lucien Benguigui, Daniel Czalanski et Rafael Roth. "Modeling
cities in 3D: a cellular automaton approach". Dans
: <i>Environment and Planning B: Planning and Design</i> 3
(2004).
</div>
</article>

<article class='smaller'>
<h3>Exemple cellulaire 2</h3>
<h3>Exemple cellulaire</h3>

<ul>
<li>Fonctions de base : <i>EV(C,R)</i>, <i>RV(C,R)</i>, <i>ZV(C,R)</i></li>
Expand Down Expand Up @@ -245,7 +223,7 @@ <h3>Autre limitation : la représentation du réseau viaire</h3>
</article>

<article class='smaller'>
<h3>Exemple multi-agent 1</h3>
<h3>Exemple multi-agent</h3>

<ul>
<li>Agents promoteurs : achètent, vendent, changent le
Expand All @@ -264,26 +242,6 @@ <h3>Exemple multi-agent 1</h3>
</div>
</article>

<article class='smaller'>
<h3>Exemple multi-agent 2</h3>

<ul>
<li>Réseau viaire temporaire formé par un jeu de règles empiriques</li>
<li>Bâti créé par subdivision des niches</li>
<li>Trafic des véhicules et des piétons simulé pour
identifier les meilleures voies</li>
</ul>

<img class='centered' style='height:350px'
src='images/example_interactive_geometric_simulation.png'>

<div class='source'>
Basil Weber, Pascal Müller, Perter Wonka and Markus
Gross. "Interactive Geometric Simulation of 4D
Cities". Dans <i>Eurographics</i>. 2009.
</div>
</article>

<article>
<h3>Manque de cohérence historique</h3>

Expand All @@ -307,29 +265,6 @@ <h3>Manque de cohérence historique</h3>
</div>
</article>

<article class='smaller'>
<h3>Exemple procédural</h3>

<ul>
<li>Génération automatique assistée</li>
<li>Un champ de vecteurs par facteur</li>
<li>Pente, foyer de densité, bruit, ...</li>
</ul>

<span class='centered'>
<img style='height:300px'
src='images/example_interactive_procedural_street_modeling_1.png'>
<img style='height:300px'
src='images/example_interactive_procedural_street_modeling_2.png'>
</span>

<div class='source'>
Guoning Chen, Gregory Esch, Peter Wonka, Pascal Müller et
Eugene Zhang. "Interactive Procedural Street Modeling". Dans
: <i>SIGGRAPH '08</i>. 2008.
</div>
</article>

<article class='fill part'>
<h1>Le modèle</h1>

Expand Down Expand Up @@ -479,76 +414,47 @@ <h3>Application à un diagramme de Voronoï</h3>
VIDEO
</article>

<article>
<h3>Mécanisme 2: placement des éléments potentiels</h3>
<article class='smaller'>
<h3>Mécanisme 2 : placement des éléments potentiels</h3>

<ul>
<li>Mécanisme précédent: croissance verticale</li>
<li>Celui-ci: croissance verticale</li>
</ul>
<div class='build'>

<p>Idée principale: guider l'expansion de la ville.</p>
<ul class='build'>
<li>Guide l'expansion de la ville</li>
<li>Un grand nombre de facteurs à considérer...</li>
<li>... Exprimés sous la forme de champs de vecteurs</li>
<li>Combinés et pondérés</li>
</ul>

<p>On se concentre sur le placement des parcelles
potentielles.</p>
</article>
<img class='centered' style='height:300px'
src='images/vf-sum.png'><br/>

<article>
<p>La dynamique urbaine est axée autour des centres denses de
la ville</p>
<p>(Note : On se concentre uniquement sur le placement des
parcelles potentielles.)</p>

<ol>
<li>La graine est placée sur un centre</li>
<li>Elle se déplace en fonction de variables inhérentes à la
ville</li>
<li>Sa vitesse varie</li>
<li>Quand elle s'arrête, on place une parcelle
potentielle</li>
</ol>

ASPECT PHYSIQUE
</div>
</article>

<article>
<h3>Configuration étudiée</h3>
<h3>Configuration d'exemple</h3>

<img class='centered' style='height:500px'
src='images/vf-base.png'>
</article>

<article>
<h3>Champ de répulsion de la densité</h3>

<img class='centered' style='height:500px'
src='images/vf-density.png'>
</article>

<article>
<h3>Champ d'attraction des routes</h3>

<img class='centered' style='height:500px'
src='images/vf-road.png'>
</article>

<article>
<h3>Champ de répulsion des obstacles</h3>
<h3>Champ de vecteurs associés</h3>

<img class='centered' style='height:500px'
src='images/vf-obstacle.png'>
</article>

<article>
<h3>Combinaison</h3>

<img class='centered' style='height:500px'
src='images/vf-sum.png'>
</article>

<article>
<h3>Vitesse de la graine</h3>

<img class='centered' style='height:500px'
src='images/vf-sum.png'>
<div class='centered build'>
<img style='height:250px'
src='images/vf-density.png'>
<img style='height:250px'
src='images/vf-road.png'>
<img style='height:250px'
src='images/vf-obstacle.png'>
<img style='height:250px'
src='images/vf-sum.png'>
</div>
</article>

<article>
Expand All @@ -567,7 +473,7 @@ <h1>Démonstration</h1>
</article>

<article class='smaller'>
<h3>Le Havre</h3>
<h3>Le Havre (partiel)</h3>

<p>Configuration initiale : une sous-partie du Havre.</p><br/>

Expand All @@ -593,44 +499,70 @@ <h3>titre</h3>
VIDEO
</article>

<article>
<h3>Superficie</h3>

<img class='centered' style='height:500px'
src='images/area.png'>
</article>
<article class='smaller'>
<h3>Évolution de la superficie</h3><br/>

<article>
<h3>Superficie par type de densité</h3>
<img class='centered' style='height:350px'
src='images/area_ALL.png'><br/>

<img class='centered' style='height:500px'
src='images/area_ALL.png'>
<ul>
<li>Augmentation constante</li>
<li>Croissance plus forte des densités faibles</li>
</ul>
</article>

<article>
<h3>Diamètre</h3>
<article class='smaller'>
<h3>Diamètre</h3><br/>

<img class='centered' style='height:500px'
src='images/diameter.png'>
<img class='centered' style='height:350px'
src='images/diameter.png'><br/>

<ul>
<li>Alternance de phases d'expansion et de densification</li>
<li>Opportunisme</li>
</ul>
</article>

<article>
<h3>Degré des carrefours</h3>
<article class='smaller'>
<h3>Degré des carrefours</h3><br/>

<img class='centered' style='height:500px'
src='images/degree.png'>
<img class='centered' style='height:350px'
src='images/degree.png'><br/>

<ul>
<li>Faible au départ à cause d'un défaut d'implémentation</li>
<li>Mais <b>stabilisation</b></li>
</ul>
</article>

<article>
<h3>Degré des carrefours en fonction de la distance</h3>
<article class='smaller'>
<h3>Degré des carrefours en fonction de l'excentration</h3><br/>

<img class='centered' style='height:500px'
src='images/degree_distance.png'>
<img class='centered' style='height:350px'
src='images/degree_distance.png'><br/>

<ul>
<li>Plus on s'éloigne des centres de densité, plus le
réseau routier est diffus</li>
</ul>
</article>

<article>
<h3>Constat</h3>

<p>Qualités</p>
<ul>
<li>Reproduit certaines caractéristiques urbaines</li>
<li></li>
<li></li>
</ul>

<p>Faiblesses</p>
<ul>
<li>Réseau viaire bien trop dense aux centres</li>
<li>Croissance linéaire</li>
<li></li>
</ul>
</article>

<article class='fill part'>
Expand All @@ -640,18 +572,18 @@ <h1>Conclusion</h1>
</article>

<article>
<h3>Bien</h3>
</article>
<h3>Résumé</h3>


<article>
<h3>Pas bien</h3>
</article>

<article>
<h3>Ouverture</h3>


</article>

<article class='fill'>
<article class='fill part'>
<h1>Questions</h1>

<img src='images/cover.png'/>
Expand All @@ -666,8 +598,8 @@ <h1>Questions</h1>

Math.seedrandom('graphstream!');

//new GameOfLife('gameOfLifeCanvas', 60);
//new Schelling('schellingCanvas', 80);
new GameOfLife('gameOfLifeCanvas', 60);
new Schelling('schellingCanvas', 80);
new Density('density1Canvas', 50, false);
new Density('density2Canvas', 50, true);

Expand Down

0 comments on commit 8f903de

Please sign in to comment.