< html >
< img src = "cerema_logo_horizontal.jpg" / >
< h1 > Les effets d'une crue de la Seine a Pont-Audemer< / h1 >
< h2 > Experience par lieu< / h2 >
< center >
< table > < tr >
< td > < a target = "_blank" class = "experiencelinks" href = "https://fabien.benetou.fr/pub/home/CEREMA/?" >
< img src = "ruelle_osm.png" width = "300px" / > < br > < br >
< center > Quai de la Ruelle< / center > < / a > < / td >
< td > < a target = "_blank" class = "experiencelinks" href = "https://fabien.benetou.fr/pub/home/CEREMA/?position=1" >
< img src = "baquet_osm.png" width = "300px" / > < br > < br >
< center > Les Baquets< / center > < / a > < / td >
< / tr > < / table >
< / center >
< h2 > Options< / h2 >
< ul >
< li > Choisir une simulation
< ul >
< li onclick = "forceSimsrc(this)" > 1< / li >
< li onclick = "forceSimsrc(this)" > 2< / li >
< li onclick = "forceSimsrc(this)" > 3< / li >
< li onclick = "forceSimsrc(this)" > 4< / li >
< / ul >
< / li >
< li > Forcer l'affichage des performances
< ul >
< li onclick = "forceStats(this)" > true< / li >
< li onclick = "forceStats(this)" > false< / li >
< / ul >
< / li >
< li > Hauteur des batiments :
< ul >
< li onclick = "adjustHeight(this)" > 10< / li >
< li onclick = "adjustHeight(this)" > 15< / li >
< li onclick = "adjustHeight(this)" > 20< / li >
< / ul >
< / li >
< li > Debug mode :
< ul >
< li onclick = "debugMode(this)" > true< / li >
< li onclick = "debugMode(this)" > false< / li >
< / ul >
< / li >
< / ul >
< h2 > Documentation< / h2 >
Utiliser < a href = "https://www.oculus.com/open_url/?url=https://fabien.benetou.fr/pub/home/CEREMA/" > ouvrir via Quest app< / a > .< br / >
Utiliser < a href = "https://hmd.link" > hmd.link< / a > dans le navigateur Web du casque pour partager le lien genere ou < a href = "https://fabien.benetou.fr/pub/home/CEREMA/portail.html" > ce portail< / a > .
< h2 > Code< / h2 >
Disponible en open-source a < a href = "https://git.benetou.fr/utopiah/CEREMA/" > https://git.benetou.fr/utopiah/CEREMA/< / a >
< br > < br > < hr > < br > < center > Conception immersive< br > < img src = "marelle.png" / > < / center >
< script >
var links = Array.from(document.querySelectorAll(".experiencelinks"))
function adjustHeight(param){
links.map( e => e.href += "& height="+param.textContent)
}
function forceStats(param){
links.map( e => e.href += "& forcestats="+param.textContent)
}
function debugMode(param){
links.map( e => e.href += "& debugmode="+param.textContent)
}
function forceSimsrc(param){
links.map( e => e.href += "& simsrc=simulations/scenario"+param.textContent+"_crops/heure_sim_")
}
< / script >
< html >
