Versió 2025
This commit is contained in:
@@ -0,0 +1,664 @@
|
||||
body {
|
||||
background: #555555;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 10px;
|
||||
font-family: Tahoma;
|
||||
color: #dddddd;
|
||||
background-image: url("/static/public/fondu.png");
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
#logo {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 16px;
|
||||
z-index: 100;
|
||||
}
|
||||
#titreLogo {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
left: 700px;
|
||||
z-index: 100;
|
||||
}
|
||||
#medaille {
|
||||
position: absolute;
|
||||
top: 55px;
|
||||
left: 53px;
|
||||
z-index: 100;
|
||||
}
|
||||
.barreTitre {
|
||||
font-family: Georgia;
|
||||
height: 5px;
|
||||
width: 100%;
|
||||
|
||||
position: absolute;
|
||||
color: #99ddff;
|
||||
padding-left: 80px;
|
||||
font-size: 20px;
|
||||
z-index: 10;
|
||||
}
|
||||
.titleText {
|
||||
float: left;
|
||||
font-size: 20px;
|
||||
}
|
||||
.subtitle {
|
||||
float: left;
|
||||
font-size: 10px;
|
||||
}
|
||||
.barreOptions {
|
||||
height: 61px;
|
||||
/*width: 900px;*/
|
||||
width: 830px;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0px;
|
||||
padding-left: 120px;
|
||||
top: 26px;
|
||||
font-size: 11px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#blocOParam {
|
||||
text-align: center;
|
||||
}
|
||||
#contentBlocOParam {
|
||||
margin-top: -3px;
|
||||
text-align: center;
|
||||
}
|
||||
#blocOObst {
|
||||
text-align: center;
|
||||
}
|
||||
#contentBlocOObst {
|
||||
margin-top: -3px;
|
||||
text-align: center;
|
||||
}
|
||||
#blocOTrj {
|
||||
text-align: center;
|
||||
}
|
||||
#contentBlocOTrj {
|
||||
margin-top: -3px;
|
||||
text-align: center;
|
||||
}
|
||||
#blocOCon {
|
||||
text-align: center;
|
||||
}
|
||||
#contentBlocOCon {
|
||||
margin-top: -3px;
|
||||
text-align: center;
|
||||
}
|
||||
#blocOCou {
|
||||
text-align: center;
|
||||
}
|
||||
#contentBlocOColor {
|
||||
margin-top: -3px;
|
||||
text-align: center;
|
||||
}
|
||||
#blocOSav {
|
||||
text-align: center;
|
||||
}
|
||||
#contentBlocOSav {
|
||||
margin-top: -3px;
|
||||
text-align: center;
|
||||
}
|
||||
#blocOImp {
|
||||
text-align: center;
|
||||
}
|
||||
#contentBlocOImp {
|
||||
margin-top: -3px;
|
||||
text-align: center;
|
||||
}
|
||||
#blocOLangue {
|
||||
text-align: center;
|
||||
}
|
||||
#contentBlocOLangue {
|
||||
margin-top: -3px;
|
||||
text-align: center;
|
||||
}
|
||||
.blocOptions:hover,
|
||||
.blocOptionsSel {
|
||||
color: #99ddff;
|
||||
border-left: solid #444444 1px;
|
||||
border-right: solid #444444 1px;
|
||||
border-top: solid #444444 1px;
|
||||
float: left;
|
||||
position: relative;
|
||||
height: 55px;
|
||||
margin-top: -5px;
|
||||
padding-top: 5px;
|
||||
width: 85px;
|
||||
background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #727272 100%);
|
||||
background-image: -moz-linear-gradient(top, #aaaaaa 0%, #727272 100%);
|
||||
background-image: -ms-linear-gradient(top, #aaaaaa 0%, #727272 100%);
|
||||
background-image: -o-linear-gradient(top, #aaaaaa 0%, #727272 100%);
|
||||
background-image: linear-gradient(top, #aaaaaa 0%, #727272 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAAAAA',endColorstr='#777777', GradientType=0);
|
||||
}
|
||||
.blocOptions {
|
||||
border-left: solid #444444 1px;
|
||||
border-right: solid #444444 1px;
|
||||
border-top: solid #444444 1px;
|
||||
float: left;
|
||||
position: relative;
|
||||
height: 55px;
|
||||
width: 85px;
|
||||
padding-top: 5px;
|
||||
background-image: -webkit-linear-gradient(top, #888888 0%, #555555 100%);
|
||||
background-image: -moz-linear-gradient(top, #888888 0%, #555555 100%);
|
||||
background-image: -ms-linear-gradient(top, #888888 0%, #555555 100%);
|
||||
background-image: -o-linear-gradient(top, #888888 0%, #555555 100%);
|
||||
background-image: linear-gradient(top, #888888 0%, #555555 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#888888', GradientType=0);
|
||||
}
|
||||
.barreInfo {
|
||||
height: 30px;
|
||||
width: 900px;
|
||||
background: #777777;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0px;
|
||||
top: 58px;
|
||||
z-index: 12;
|
||||
padding-left: 120px;
|
||||
background-image: -webkit-linear-gradient(top, #777777 0%, #555555 100%);
|
||||
background-image: -moz-linear-gradient(top, #777777 0%, #555555 100%);
|
||||
background-image: -ms-linear-gradient(top, #777777 0%, #555555 100%);
|
||||
background-image: -o-linear-gradient(top, #777777 0%, #555555 100%);
|
||||
background-image: linear-gradient(top, #777777 0%, #555555 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#727272', GradientType=0);
|
||||
}
|
||||
.barreOutil {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
top: 88px;
|
||||
width: 120px;
|
||||
left: 0px;
|
||||
background: #777777;
|
||||
height: 600px;
|
||||
z-index: 8;
|
||||
|
||||
background-image: -webkit-linear-gradient(
|
||||
right top,
|
||||
#555555 0%,
|
||||
#727272 100%
|
||||
);
|
||||
background-image: -moz-linear-gradient(right top, #555555 0%, #727272 100%);
|
||||
background-image: -ms-linear-gradient(right top, #555555 0%, #727272 100%);
|
||||
background-image: -o-linear-gradient(right top, #555555 0%, #727272 100%);
|
||||
background-image: linear-gradient(right top, #555555 0%, #727272 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727272',endColorstr='#555555', GradientType=1);
|
||||
}
|
||||
|
||||
#barreOutilCache {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
top: 88px;
|
||||
width: 15px;
|
||||
left: 95px;
|
||||
background: #777777;
|
||||
|
||||
z-index: 8;
|
||||
|
||||
color: white;
|
||||
background-image: -webkit-linear-gradient(
|
||||
right top,
|
||||
#555555 0%,
|
||||
#727272 100%
|
||||
);
|
||||
background-image: -moz-linear-gradient(right top, #555555 0%, #727272 100%);
|
||||
background-image: -ms-linear-gradient(right top, #555555 0%, #727272 100%);
|
||||
background-image: -o-linear-gradient(right top, #555555 0%, #727272 100%);
|
||||
background-image: linear-gradient(right top, #555555 0%, #727272 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727272',endColorstr='#555555', GradientType=1);
|
||||
}
|
||||
|
||||
#barreTitreCache {
|
||||
height: 15px;
|
||||
width: 100%;
|
||||
background: #777777;
|
||||
position: absolute;
|
||||
float: left;
|
||||
left: 0px;
|
||||
top: 88px;
|
||||
z-index: 1000;
|
||||
background-image: -webkit-linear-gradient(top, #777777 0%, #555555 100%);
|
||||
background-image: -moz-linear-gradient(top, #777777 0%, #555555 100%);
|
||||
background-image: -ms-linear-gradient(top, #777777 0%, #555555 100%);
|
||||
background-image: -o-linear-gradient(top, #777777 0%, #555555 100%);
|
||||
background-image: linear-gradient(top, #777777 0%, #555555 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555',endColorstr='#727272', GradientType=0);
|
||||
}
|
||||
|
||||
.blocOutil {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.blocInfo {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: solid #444444 1px;
|
||||
float: top;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.blocInfo:hover {
|
||||
background: #999999;
|
||||
}
|
||||
.titreBloc {
|
||||
width: 100%;
|
||||
float: top;
|
||||
text-align: center;
|
||||
border-top: solid #444444 1px;
|
||||
}
|
||||
.contenu {
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.boutonOutil {
|
||||
-webkit-border-radius: 4;
|
||||
-moz-border-radius: 4;
|
||||
border-radius: 4px;
|
||||
color: white;
|
||||
font-size: 10px;
|
||||
background: #999999;
|
||||
border: solid #444444 1px;
|
||||
/*text-decoration: none;*/
|
||||
margin: 1px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
.ligneBarreOutil {
|
||||
width: 100%;
|
||||
}
|
||||
.checkboxTable {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.boutonOutil:hover {
|
||||
border: solid #99ddff 1px;
|
||||
}
|
||||
.haie {
|
||||
background-image: url("/static/public/icons/obstacles/jump.png");
|
||||
}
|
||||
.poubelle {
|
||||
background-image: url("/static/public/icons/trash.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.num {
|
||||
background-image: url("/static/public/icons/numbers/num1.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.num2 {
|
||||
background-image: url("/static/public/icons/numbers/num2.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.num3 {
|
||||
background-image: url("/static/public/icons/numbers/num3.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.oxer {
|
||||
background-image: url("/static/public/icons/obstacles/double-jump.png");
|
||||
}
|
||||
|
||||
.mur {
|
||||
background-image: url("/static/public/icons/obstacles/wall.png");
|
||||
}
|
||||
|
||||
.longueur {
|
||||
background-image: url("/static/public/icons/obstacles/long-jump.png");
|
||||
}
|
||||
.table {
|
||||
background-image: url("/static/public/icons/obstacles/table.png");
|
||||
}
|
||||
.tunnel {
|
||||
background-image: url("/static/public/icons/obstacles/tunnel.png");
|
||||
}
|
||||
.tunnel3 {
|
||||
background-image: url("/static/public/icons/obstacles/tunnel3.png");
|
||||
}
|
||||
.cho {
|
||||
background-image: url("/static/public/icons/obstacles/sock.png");
|
||||
}
|
||||
.slalom {
|
||||
background-image: url("/static/public/icons/obstacles/slalom.png");
|
||||
}
|
||||
.slalom6 {
|
||||
background-image: url("/static/public/icons/obstacles/slalom6.png");
|
||||
}
|
||||
.pne {
|
||||
background-image: url("/static/public/icons/obstacles/tire.png");
|
||||
}
|
||||
.pal {
|
||||
background-image: url("/static/public/icons/obstacles/A.png");
|
||||
}
|
||||
.bal {
|
||||
background-image: url("/static/public/icons/obstacles/balance.png");
|
||||
}
|
||||
.pas {
|
||||
background-image: url("/static/public/icons/obstacles/run.png");
|
||||
}
|
||||
|
||||
.zoomP {
|
||||
background-image: url("/static/public/icons/zoom/plus.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.zoomM {
|
||||
background-image: url("/static/public/icons/zoom/minus.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.newTrj {
|
||||
background-image: url("/static/public/icons/newtrj.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.dMilieu {
|
||||
background-image: url("/static/public/icons/driver/mr.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.gMilieu {
|
||||
background-image: url("/static/public/icons/driver/ml.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.dLong {
|
||||
background-image: url("/static/public/icons/driver/lr.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.gLong {
|
||||
background-image: url("/static/public/icons/driver/ll.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.dAvant {
|
||||
background-image: url("/static/public/icons/driver/fr.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.gAvant {
|
||||
background-image: url("/static/public/icons/driver/fl.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.neutre {
|
||||
background-image: url("/static/public/icons/driver/neutral.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.chien {
|
||||
background-image: url("/static/public/icons/driver/dog.png");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
option {
|
||||
font-size: 12px;
|
||||
font-family: Tahoma;
|
||||
background-color: #666666;
|
||||
border: solid #444444 1px;
|
||||
color: #dddddd;
|
||||
}
|
||||
select {
|
||||
font-size: 12px;
|
||||
font-family: Tahoma;
|
||||
background-color: #666666;
|
||||
border: solid #444444 1px;
|
||||
color: #dddddd;
|
||||
width: 105px;
|
||||
}
|
||||
input {
|
||||
font-size: 12px;
|
||||
font-family: Tahoma;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
background-color: #666666;
|
||||
border: solid #111111 1px;
|
||||
color: #dddddd;
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 100px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.ligneCheckboxTable:hover {
|
||||
background-color: grey;
|
||||
}
|
||||
.txtOption {
|
||||
font-size: 10px;
|
||||
font-family: Tahoma;
|
||||
float: top;
|
||||
position: relative;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
.txtCheckbox {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.boutonImage {
|
||||
font-size: 10px;
|
||||
font-family: Tahoma;
|
||||
float: top;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 4px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.txtFb {
|
||||
background-color: #ccc;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
border: solid #444444 1px;
|
||||
color: #dddddd;
|
||||
}
|
||||
#blocInfoLangueFr {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLanguePt {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLangueEn {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLangueEs {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLangueDe {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLangueIt {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLanguePl {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLangueCt {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLangueJp {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLangueSe {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLangueFi {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLangueDa {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLangueNo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#blocInfoLangueHu {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoLangueRu {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoColor {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#blocInfoColorPerso {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#blocInfoTraj {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#blocInfoParam {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#blocInfoDim2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#blocInfoDim1 {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoSauvegarde {
|
||||
display: none;
|
||||
}
|
||||
#blocInfoCon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.noStyle {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#contentCanvas {
|
||||
position: absolute;
|
||||
top: 90px;
|
||||
left: 120px;
|
||||
z-index: 340;
|
||||
/*padding-top: 90px;
|
||||
padding-left: 120px;*/
|
||||
}
|
||||
|
||||
#canvas {
|
||||
background: #ffffff;
|
||||
z-index: 350;
|
||||
}
|
||||
.imageExport {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
|
||||
visibility: visible;
|
||||
z-index: 200;
|
||||
}
|
||||
#canvasimg {
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 40px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.imageNotExport {
|
||||
display: none;
|
||||
}
|
||||
.fondExport {
|
||||
color: white;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
visibility: visible;
|
||||
/* z-index: 400; */
|
||||
z-index: 150;
|
||||
}
|
||||
.fondNoExport {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.exempleCouleur {
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
background-color: white;
|
||||
float: left;
|
||||
display: block;
|
||||
position: relative;
|
||||
margin-left: 6px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
#texte {
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.colorSample {
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
margin-left: 5px;
|
||||
border: solid black 1px;
|
||||
}
|
||||
.miniColorSample {
|
||||
width: 10px;
|
||||
height: 15px;
|
||||
float: left;
|
||||
}
|
||||
#color-white, #color-white-2 {
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
#color-blue, #color-blue-2 {
|
||||
background-color: rgba(211, 228, 240, 1);
|
||||
}
|
||||
#color-green, #color-green-2 {
|
||||
background-color: rgba(204, 255, 204, 1);
|
||||
}
|
||||
|
||||
#color-blueObst {
|
||||
background-color: rgba(34, 170, 255, 1);
|
||||
}
|
||||
#color-redObst {
|
||||
background-color: rgba(204, 51, 0, 1);
|
||||
}
|
||||
#color-greyObst {
|
||||
background-color: rgba(221, 221, 221, 1);
|
||||
}
|
||||
#color-black {
|
||||
background-color: rgba(30, 30, 30, 1);
|
||||
}
|
||||
#color-pink {
|
||||
background-color: rgba(249, 141, 228, 1);
|
||||
}
|
||||
#color-grey-con {
|
||||
background-color: rgba(221, 221, 221, 1);
|
||||
}
|
||||
#color-red-con {
|
||||
background-color: rgba(204, 51, 0, 1);
|
||||
}
|
||||
#color-blue-con {
|
||||
background-color: rgba(34, 170, 255, 1);
|
||||
}
|
||||
|
||||
#outils {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#contentCanvas-col1 {
|
||||
float:left;
|
||||
}
|
||||
|
||||
#contentCanvas-col2 {
|
||||
/* position: absolute; */
|
||||
/* top: 0px; */
|
||||
/* left: 870px; */
|
||||
/* z-index: 340; */
|
||||
width: 150px;
|
||||
/*border: 1px solid white;*/
|
||||
padding-left:10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
body {
|
||||
background: #fff;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#canvasTxt {
|
||||
display: none;
|
||||
}
|
||||
#canvasimg {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
display: block;
|
||||
}
|
||||
.imageExport {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.imageNotExport {
|
||||
display: none;
|
||||
}
|
||||
.fondExport {
|
||||
color: white;
|
||||
display: block;
|
||||
}
|
||||
.fondNoExport {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,459 @@
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
////////////////////////////////////////////////////////////////////AJOUT DES OBSTACLES////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
function createItem(id) {
|
||||
if (suppression) {
|
||||
supprimerObstacle();
|
||||
}
|
||||
decalX = 0;
|
||||
decalY = 0;
|
||||
if (overTunnelId != -1) {
|
||||
decalX = canvas_x - tbTunnels[id][nbArticulationTunnel * 2 + 1];
|
||||
decalY = canvas_y - tbTunnels[id][nbArticulationTunnel * 2 + 2];
|
||||
document.body.style.cursor = "pointer";
|
||||
|
||||
selTunnel = overTunnelId;
|
||||
selPointTunnel = overPointTunnel;
|
||||
} else if (overObject != -1) {
|
||||
document.body.style.cursor = "move";
|
||||
selObst = overObject;
|
||||
|
||||
decalX = getXCliquable(selObst) / 2;
|
||||
decalY = getYCliquable(selObst) / 2;
|
||||
setCanvasX(selObst, canvas_x - decalX);
|
||||
setCanvasY(selObst, canvas_y - decalY);
|
||||
genererParcours();
|
||||
}
|
||||
}
|
||||
function ajouterHaie() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id; // id
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[3] = "IMG"; // Image affiché à l'écran
|
||||
obstacle[4] = (144 + 50 + 50) / pixel; //largeur X cliquable
|
||||
obstacle[5] = 1; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "haie"; //type
|
||||
obstacle[8] = obstacle[4]; // modif sur X pour trajectoires d'entrée
|
||||
obstacle[9] = obstacle[5]; // modif sur Y pour trajectoires d'entrée
|
||||
obstacle[10] = obstacle[4]; // modif sur X pour trajectoires de sortie
|
||||
obstacle[11] = obstacle[5]; // modif sur Y pour trajectoires de sortie
|
||||
obstacle[12] = 90; // modif sur angle pour trajectoires de sortie
|
||||
obstacle[13] = obstacle[5]; // longueur pour trajectoires (X ou Y selon obstacle)
|
||||
obstacle[14] = distObstTrajectoire; // distance de la trajectoire
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
function ajouterPasserelle() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id;
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[3] = "IMG"; // Image affiché à l'écran
|
||||
obstacle[4] = 1140 / pixel; //largeur X cliquable
|
||||
obstacle[5] = 30 / pixel; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "passerelle"; //type
|
||||
obstacle[8] = obstacle[4]; // modif sur X pour trajectoires d'entrée
|
||||
obstacle[9] = obstacle[5]; // modif sur Y pour trajectoires d'entrée
|
||||
obstacle[10] = obstacle[4]; // modif sur X pour trajectoires de sortie
|
||||
obstacle[11] = obstacle[5]; // modif sur Y pour trajectoires de sortie
|
||||
obstacle[12] = 0; // modif sur angle pour trajectoires de sortie
|
||||
obstacle[13] = obstacle[4]; // longueur pour trajectoires (X ou Y selon obstacle)
|
||||
obstacle[14] = distObstTrajectoire; // distance de la trajectoire
|
||||
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
function ajouterBalancoire() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id;
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[3] = "IMG"; // Image affiché à l'écran
|
||||
obstacle[4] = 380 / pixel; //largeur X cliquable
|
||||
obstacle[5] = 30 / pixel; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "balancoire"; //type
|
||||
obstacle[8] = obstacle[4]; // modif sur X pour trajectoires d'entrée
|
||||
obstacle[9] = obstacle[5]; // modif sur Y pour trajectoires d'entrée
|
||||
obstacle[10] = obstacle[4]; // modif sur X pour trajectoires de sortie
|
||||
obstacle[11] = obstacle[5]; // modif sur Y pour trajectoires de sortie
|
||||
obstacle[12] = 0; // modif sur angle pour trajectoires de sortie
|
||||
obstacle[13] = obstacle[4]; // longueur pour trajectoires (X ou Y selon obstacle)
|
||||
obstacle[14] = distObstTrajectoire; // distance de la trajectoire
|
||||
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
function ajouterSlalom() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id;
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[3] = "IMG"; // Image affiché à l'écran
|
||||
obstacle[4] = (11 * 60) / pixel; //largeur X cliquable
|
||||
obstacle[5] = 1; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "slalom"; //type
|
||||
obstacle[8] = obstacle[4]; // modif sur X pour trajectoires d'entrée
|
||||
obstacle[9] = obstacle[5]; // modif sur Y pour trajectoires d'entrée
|
||||
obstacle[10] = obstacle[4]; // modif sur X pour trajectoires de sortie
|
||||
obstacle[11] = obstacle[5]; // modif sur Y pour trajectoires de sortie
|
||||
obstacle[12] = 0; // modif sur angle pour trajectoires de sortie
|
||||
obstacle[13] = obstacle[4]; // longueur pour trajectoires (X ou Y selon obstacle)
|
||||
obstacle[14] = distObstTrajectoire; // distance de la trajectoire
|
||||
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
|
||||
function ajouterSlalom6() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id;
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[3] = "IMG"; // Image affiché à l'écran
|
||||
obstacle[4] = (11 * 28) / pixel; //largeur X cliquable
|
||||
obstacle[5] = 1; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "slalom6"; //type
|
||||
obstacle[8] = obstacle[4]; // modif sur X pour trajectoires d'entrée
|
||||
obstacle[9] = obstacle[5]; // modif sur Y pour trajectoires d'entrée
|
||||
obstacle[10] = obstacle[4]; // modif sur X pour trajectoires de sortie
|
||||
obstacle[11] = obstacle[5]; // modif sur Y pour trajectoires de sortie
|
||||
obstacle[12] = 0; // modif sur angle pour trajectoires de sortie
|
||||
obstacle[13] = obstacle[4]; // longueur pour trajectoires (X ou Y selon obstacle)
|
||||
obstacle[14] = distObstTrajectoire; // distance de la trajectoire
|
||||
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
|
||||
function ajouterPalissade() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id;
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[3] = "IMG"; // Image affiché à l'écran
|
||||
obstacle[4] = 390 / pixel; //largeur X cliquable
|
||||
obstacle[5] = 102 / pixel; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "palissade"; //type
|
||||
obstacle[8] = obstacle[4]; // modif sur X pour trajectoires d'entrée
|
||||
obstacle[9] = obstacle[5]; // modif sur Y pour trajectoires d'entrée
|
||||
obstacle[10] = obstacle[4]; // modif sur X pour trajectoires de sortie
|
||||
obstacle[11] = obstacle[5]; // modif sur Y pour trajectoires de sortie
|
||||
obstacle[12] = 0; // modif sur angle pour trajectoires de sortie
|
||||
obstacle[13] = obstacle[4]; // longueur pour trajectoires (X ou Y selon obstacle)
|
||||
obstacle[14] = distObstTrajectoire; // distance de la trajectoire
|
||||
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
function ajouterChaussette() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id;
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[3] = "IMG"; // Image affiché à l'écran
|
||||
obstacle[4] = 73; //largeur X cliquable
|
||||
obstacle[5] = 10; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "chaussette"; //type
|
||||
obstacle[8] = obstacle[4]; // modif sur X pour trajectoires d'entrée
|
||||
obstacle[9] = obstacle[5]; // modif sur Y pour trajectoires d'entrée
|
||||
obstacle[10] = obstacle[4]; // modif sur X pour trajectoires de sortie
|
||||
obstacle[11] = obstacle[5]; // modif sur Y pour trajectoires de sortie
|
||||
obstacle[12] = 0; // modif sur angle pour trajectoires de sortie
|
||||
obstacle[13] = obstacle[4]; // longueur pour trajectoires (X ou Y selon obstacle)
|
||||
obstacle[14] = distObstTrajectoire; // distance de la trajectoire
|
||||
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
function ajouterLongueur() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id;
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[3] = "IMG"; // Image affiché à l'écran
|
||||
obstacle[4] = 150 / pixel; //largeur X cliquable
|
||||
obstacle[5] = 150 / pixel; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "longueur"; //type
|
||||
obstacle[8] = obstacle[4]; // modif sur X pour trajectoires d'entrée
|
||||
obstacle[9] = obstacle[5]; // modif sur Y pour trajectoires d'entrée
|
||||
obstacle[10] = obstacle[4]; // modif sur X pour trajectoires de sortie
|
||||
obstacle[11] = obstacle[5]; // modif sur Y pour trajectoires de sortie
|
||||
obstacle[12] = 90; // modif sur angle pour trajectoires de sortie
|
||||
obstacle[13] = obstacle[5]; // longueur pour trajectoires (X ou Y selon obstacle)
|
||||
obstacle[14] = distObstTrajectoire; // distance de la trajectoire
|
||||
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
function ajouterMur() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id; // id
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[3] = "IMG"; // Image affiché à l'écran
|
||||
obstacle[4] = (144 + LARGEUR_MUR_TOUR + LARGEUR_MUR_TOUR) / pixel; //largeur X cliquable
|
||||
obstacle[5] = 4; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "mur"; //type
|
||||
obstacle[8] = obstacle[4]; // modif sur X pour trajectoires d'entrée
|
||||
obstacle[9] = obstacle[5]; // modif sur Y pour trajectoires d'entrée
|
||||
obstacle[10] = obstacle[4]; // modif sur X pour trajectoires de sortie
|
||||
obstacle[11] = obstacle[5]; // modif sur Y pour trajectoires de sortie
|
||||
obstacle[12] = 90; // modif sur angle pour trajectoires de sortie
|
||||
obstacle[13] = obstacle[5]; // longueur pour trajectoires (X ou Y selon obstacle)
|
||||
obstacle[14] = distObstTrajectoire; // distance de la trajectoire
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
function ajouterTable() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id; // id
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[3] = "IMG"; // Image affiché à l'écran
|
||||
obstacle[4] = DIM_TABLE; //largeur X cliquable
|
||||
obstacle[5] = DIM_TABLE; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "table"; //type
|
||||
obstacle[8] = obstacle[4]; // modif sur X pour trajectoires d'entrée
|
||||
obstacle[9] = obstacle[4]; // modif sur Y pour trajectoires d'entrée
|
||||
obstacle[10] = obstacle[4]; // modif sur X pour trajectoires de sortie
|
||||
obstacle[11] = obstacle[4]; // modif sur Y pour trajectoires de sortie
|
||||
obstacle[12] = 0; // modif sur angle pour trajectoires de sortie
|
||||
obstacle[13] = obstacle[4]; // longueur pour trajectoires (X ou Y selon obstacle)
|
||||
obstacle[14] = distObstTrajectoire; // distance de la trajectoire
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
function ajouterOxer() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id; // id
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[3] = "IMG"; // Image affiché à l'écran
|
||||
obstacle[4] = (144 + 50 + 50) / pixel; //largeur X cliquable
|
||||
obstacle[5] = 55 / pixel; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "oxer"; //type
|
||||
obstacle[8] = obstacle[4]; // modif sur X pour trajectoires d'entrée
|
||||
obstacle[9] = obstacle[5]; // modif sur Y pour trajectoires d'entrée
|
||||
obstacle[10] = obstacle[4]; // modif sur X pour trajectoires de sortie
|
||||
obstacle[11] = obstacle[5]; // modif sur Y pour trajectoires de sortie
|
||||
obstacle[12] = -90; // modif sur angle pour trajectoires de sortie
|
||||
obstacle[13] = obstacle[5]; // longueur pour trajectoires (X ou Y selon obstacle)
|
||||
obstacle[14] = distObstTrajectoire; // distance de la trajectoire
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
function ajouterPneu() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id; // id
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[3] = "IMG"; // Image affiché à l'écran
|
||||
obstacle[4] = 150 / pixel; //largeur X cliquable
|
||||
obstacle[5] = 150 / pixel; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "pneu"; //type
|
||||
obstacle[8] = obstacle[4]; // modif sur X pour trajectoires d'entrée
|
||||
obstacle[9] = obstacle[5]; // modif sur Y pour trajectoires d'entrée
|
||||
obstacle[10] = obstacle[4]; // modif sur X pour trajectoires de sortie
|
||||
obstacle[11] = obstacle[5]; // modif sur Y pour trajectoires de sortie
|
||||
obstacle[12] = 90; // modif sur angle pour trajectoires de sortie
|
||||
obstacle[13] = obstacle[5]; // longueur pour trajectoires (X ou Y selon obstacle)
|
||||
obstacle[14] = distObstTrajectoire; // distance de la trajectoire
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
|
||||
function ajouterConducteur(sens) {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id; // id
|
||||
obstacle[3] = sens; // sens
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[4] = 30; //largeur X cliquable
|
||||
obstacle[5] = 30; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "conducteur"; //type
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
|
||||
function ajouterChien() {
|
||||
var obstacle = new Array();
|
||||
obstacle[0] = id; // id
|
||||
obstacle[3] = 0; // sens
|
||||
overObject = id;
|
||||
obstacle[1] = canvas_x; // position X
|
||||
obstacle[2] = canvas_y; // position Y
|
||||
obstacle[4] = 30; //largeur X cliquable
|
||||
obstacle[5] = 25; //hauteur Y cliquable
|
||||
obstacle[6] = 0; //angle en degré
|
||||
obstacle[7] = "chien"; //type
|
||||
tbObst[id] = obstacle;
|
||||
createItem(id);
|
||||
id++;
|
||||
genererParcours();
|
||||
}
|
||||
|
||||
function ajouterTunnel(type) {
|
||||
if (type == 3) {
|
||||
var distMax = distMaxTunnel3;
|
||||
} else {
|
||||
var distMax = distMaxTunnel;
|
||||
}
|
||||
var tunnel = new Array();
|
||||
tunnel[0] = idTunnel;
|
||||
tunnel[nbArticulationTunnel * 2 + 3] = type;
|
||||
overPointTunnel = nbArticulationTunnel;
|
||||
overTunnelId = idTunnel;
|
||||
|
||||
for (var art = 0; art < nbArticulationTunnel; art++) {
|
||||
tunnel[art * 2 + 1] = canvas_x + art * distMax; // position X premier point
|
||||
tunnel[art * 2 + 2] = canvas_y; // position Y premier point
|
||||
}
|
||||
|
||||
tbTunnels[idTunnel] = tunnel;
|
||||
createItem(idTunnel);
|
||||
idTunnel++;
|
||||
genererParcours();
|
||||
}
|
||||
function ajouterNumero(type) {
|
||||
if (suppression) {
|
||||
supprimerObstacle();
|
||||
}
|
||||
var numero = new Array();
|
||||
|
||||
if (type == 1) {
|
||||
if (id == 0 && idTunnel == 0) {
|
||||
return;
|
||||
}
|
||||
var newNumber = nextNumber;
|
||||
} else if (type == 2) {
|
||||
var newNumber = nextNumber2;
|
||||
} else if (type == 3) {
|
||||
var newNumber = nextNumber3;
|
||||
}
|
||||
|
||||
if (type == 1) {
|
||||
for (var i = 1; i < nextNumber && newNumber != i - 1; i++) {
|
||||
if (listeNumero[i] == "") {
|
||||
newNumber = i;
|
||||
}
|
||||
}
|
||||
} else if (type == 2) {
|
||||
for (var i = 1; i < nextNumber2 && newNumber != i - 1; i++) {
|
||||
if (listeNumero2[i] == "") {
|
||||
newNumber = i;
|
||||
}
|
||||
}
|
||||
} else if (type == 3) {
|
||||
for (var i = 1; i < nextNumber3 && newNumber != i - 1; i++) {
|
||||
if (listeNumero3[i] == "") {
|
||||
newNumber = i;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
decalX = LARGEUR_NUMERO / 2;
|
||||
decalY = HAUTEUR_NUMERO / 2;
|
||||
document.body.style.cursor = "move";
|
||||
numero[0] = newNumber;
|
||||
|
||||
//if(canvas_x==null || canvas_x<0){
|
||||
numero[1] = MARGE; //X
|
||||
numero[2] = MARGE; //Y
|
||||
//}
|
||||
//numero[1]=canvas_x;//X
|
||||
//numero[2]=canvas_y;//Y
|
||||
if (type == 1) {
|
||||
listeNumero[newNumber] = numero;
|
||||
selNumeroId = newNumber;
|
||||
if (newNumber == nextNumber) {
|
||||
nextNumber++;
|
||||
}
|
||||
} else if (type == 2) {
|
||||
listeNumero2[newNumber] = numero;
|
||||
selNumeroId2 = newNumber;
|
||||
if (newNumber == nextNumber2) {
|
||||
nextNumber2++;
|
||||
}
|
||||
} else if (type == 3) {
|
||||
listeNumero3[newNumber] = numero;
|
||||
selNumeroId3 = newNumber;
|
||||
if (newNumber == nextNumber3) {
|
||||
nextNumber3++;
|
||||
}
|
||||
}
|
||||
|
||||
doMove();
|
||||
genererParcours();
|
||||
}
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
////////////////////////////////////////////////////////////////////SUPPRESSION DES OBSTACLES//////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
function supprimerObstacle() {
|
||||
suppression = !suppression;
|
||||
if (suppression) {
|
||||
document.body.style.cursor = "no-drop";
|
||||
} else {
|
||||
document.body.style.cursor = "default";
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,340 @@
|
||||
function changeColor(e, couleur) {
|
||||
if (!color) {
|
||||
document.getElementById(couleur).style.width = "256px";
|
||||
document.getElementById(couleur).style.backgroundImage =
|
||||
"url('palette.jpg')";
|
||||
} else {
|
||||
myFunction(e, couleur);
|
||||
changeCouleurObstacle(couleur);
|
||||
document.getElementById(couleur).style.width = "20px";
|
||||
document.getElementById(couleur).style.backgroundImage = "";
|
||||
}
|
||||
color = !color;
|
||||
}
|
||||
|
||||
function colorOut(couleur) {
|
||||
document.getElementById(couleur).style.width = "20px";
|
||||
document.getElementById(couleur).style.backgroundImage = "";
|
||||
color = false;
|
||||
}
|
||||
|
||||
var DECALX0 = 170;
|
||||
var DECALY0 = 65;
|
||||
|
||||
var DECALX1 = 259;
|
||||
var DECALY1 = 65;
|
||||
|
||||
var DECALX2 = 348;
|
||||
var DECALY2 = 65;
|
||||
|
||||
var DECALX3 = 437;
|
||||
var DECALY3 = 65;
|
||||
|
||||
var TAILLE_X = 256; // couleurs
|
||||
var TAILLE_Y = 15; // luminosité
|
||||
|
||||
var rouge = 0;
|
||||
var vert = TAILLE_X / 3;
|
||||
var jaune = TAILLE_X / 6;
|
||||
var bleu = TAILLE_X / 3 + TAILLE_X / 3;
|
||||
var cyan = TAILLE_X / 6 + TAILLE_X / 3;
|
||||
var majenta = TAILLE_X - TAILLE_X / 6;
|
||||
var rouge2 = TAILLE_X;
|
||||
|
||||
var MaxColor = 255;
|
||||
var r = 0;
|
||||
var v = 0;
|
||||
var b = 0;
|
||||
function myFunction(e, couleur) {
|
||||
if (couleur == "Couleur1") {
|
||||
x = e.clientX - DECALX1;
|
||||
y = e.clientY - DECALY1;
|
||||
} else if (couleur == "Couleur2") {
|
||||
x = e.clientX - DECALX2;
|
||||
y = e.clientY - DECALY2;
|
||||
} else if (couleur == "Couleur3") {
|
||||
x = e.clientX - DECALX3;
|
||||
y = e.clientY - DECALY3;
|
||||
} else if (couleur == "Couleur0") {
|
||||
x = e.clientX - DECALX0;
|
||||
y = e.clientY - DECALY0;
|
||||
}
|
||||
|
||||
r = 0;
|
||||
v = 0;
|
||||
b = 0;
|
||||
|
||||
if (x < jaune) {
|
||||
r = MaxColor;
|
||||
v = (x / jaune) * MaxColor;
|
||||
b = 0;
|
||||
} else if (x > jaune && x < vert) {
|
||||
r = MaxColor - ((x - jaune) / jaune) * MaxColor;
|
||||
v = MaxColor;
|
||||
b = 0;
|
||||
} else if (x > vert && x < cyan) {
|
||||
r = 0;
|
||||
b = ((x - jaune * 2) / jaune) * MaxColor;
|
||||
v = MaxColor;
|
||||
} else if (x > cyan && x < bleu) {
|
||||
r = 0;
|
||||
v = MaxColor - ((x - jaune * 3) / jaune) * MaxColor;
|
||||
b = MaxColor;
|
||||
} else if (x > bleu && x < majenta) {
|
||||
r = ((x - jaune * 4) / jaune) * MaxColor;
|
||||
v = 0;
|
||||
b = MaxColor;
|
||||
} else if (x > majenta && x < rouge2) {
|
||||
r = MaxColor;
|
||||
v = 0;
|
||||
b = MaxColor - ((x - jaune * 5) / jaune) * MaxColor;
|
||||
}
|
||||
|
||||
r = Math.round(r, 0);
|
||||
v = Math.round(v, 0);
|
||||
b = Math.round(b, 0);
|
||||
|
||||
r = r + 70;
|
||||
v = v + 70;
|
||||
b = b + 70;
|
||||
if (r > MaxColor) {
|
||||
r = MaxColor;
|
||||
}
|
||||
if (v > MaxColor) {
|
||||
v = MaxColor;
|
||||
}
|
||||
if (b > MaxColor) {
|
||||
b = MaxColor;
|
||||
}
|
||||
|
||||
if (r > MaxColor) {
|
||||
r = MaxColor;
|
||||
}
|
||||
if (v > MaxColor) {
|
||||
v = MaxColor;
|
||||
}
|
||||
if (b > MaxColor) {
|
||||
b = MaxColor;
|
||||
}
|
||||
document.getElementById(couleur).style.backgroundColor =
|
||||
"rgba(" + r + ", " + v + ", " + b + ", 1)";
|
||||
}
|
||||
|
||||
function changeCouleurObstacle(couleur) {
|
||||
var r2 = r - 32;
|
||||
var v2 = v - 32;
|
||||
var b2 = b - 32;
|
||||
if (r2 < 0) {
|
||||
r2 = 0;
|
||||
}
|
||||
if (v2 < 0) {
|
||||
v2 = 0;
|
||||
}
|
||||
if (b2 < 0) {
|
||||
b2 = 0;
|
||||
}
|
||||
|
||||
//var colorb= color
|
||||
color = "#" + toHexa(r) + "" + toHexa(v) + "" + toHexa(b);
|
||||
colorb = "#" + toHexa(r2) + "" + toHexa(v2) + "" + toHexa(b2);
|
||||
if (couleur == "Couleur1") {
|
||||
COLOR_1 = color;
|
||||
COLOR_1b = colorb;
|
||||
} else if (couleur == "Couleur2") {
|
||||
COLOR_2 = color;
|
||||
COLOR_2b = colorb;
|
||||
} else if (couleur == "Couleur3") {
|
||||
COLOR_3 = color;
|
||||
} else if (couleur == "Couleur0") {
|
||||
//fond
|
||||
r = r + 140;
|
||||
v = v + 140;
|
||||
b = b + 140;
|
||||
if (r > MaxColor) {
|
||||
r = MaxColor;
|
||||
}
|
||||
if (v > MaxColor) {
|
||||
v = MaxColor;
|
||||
}
|
||||
if (b > MaxColor) {
|
||||
b = MaxColor;
|
||||
}
|
||||
color = "#" + toHexa(r) + "" + toHexa(v) + "" + toHexa(b);
|
||||
colorb = "#" + toHexa(r2) + "" + toHexa(v2) + "" + toHexa(b2);
|
||||
COLOR_TERRAIN = color;
|
||||
COLOR_TEXT_UNDER =
|
||||
"rgba(" +
|
||||
toDec("r") +
|
||||
", " +
|
||||
toDec("v") +
|
||||
", " +
|
||||
toDec("b") +
|
||||
", 0.7)"; // grilles
|
||||
}
|
||||
genererParcours();
|
||||
}
|
||||
|
||||
function toHexa(initial) {
|
||||
var regDec = /^\d+$/;
|
||||
var converti = (converti = parseInt(initial, 10)
|
||||
.toString(16)
|
||||
.toUpperCase());
|
||||
if (converti.length < 2) {
|
||||
converti = "0" + converti;
|
||||
}
|
||||
return converti;
|
||||
}
|
||||
function toDec(initial) {
|
||||
var regHexa = /^[a-f\d]+$/i;
|
||||
var converti = parseInt(initial, 16);
|
||||
return converti;
|
||||
}
|
||||
|
||||
function setColorPredef(id) {
|
||||
if (id == 1) {
|
||||
//standard
|
||||
COLOR_1 = "#22AAFF"; // principale
|
||||
COLOR_1b = "#028ADF"; // principale sombre
|
||||
COLOR_2 = "#CC3300"; // zones
|
||||
COLOR_2b = "#AC1300"; // zones sombre
|
||||
COLOR_3 = "#EEEEEE"; // couleur barre 2
|
||||
COLOR_TEXT_UNDER = "rgba(211, 228, 240, 0.7)"; // grilles
|
||||
COLOR_TERRAIN = "#d3e4f0"; // terrain CCFFCC
|
||||
} else if (id == 2) {
|
||||
//noir & blanc
|
||||
COLOR_1 = "#555555"; // principale
|
||||
COLOR_1b = "#353535"; // principale sombre
|
||||
COLOR_2 = "#aaaaaa"; // zones
|
||||
COLOR_2b = "#8a8a8a"; // zones sombre
|
||||
COLOR_3 = "#ffffff"; // couleur barre 2
|
||||
COLOR_TEXT_UNDER =
|
||||
"rgba(" +
|
||||
toDec("ee") +
|
||||
", " +
|
||||
toDec("ee") +
|
||||
", " +
|
||||
toDec("ee") +
|
||||
", 0.7)"; // grilles
|
||||
COLOR_TERRAIN = "#eeeeee"; // terrain CCFFCC
|
||||
} else if (id == 3) {
|
||||
//noir & rouge
|
||||
COLOR_1 = "#555555"; // principale
|
||||
COLOR_1b = "#353535"; // principale sombre
|
||||
COLOR_2 = "#CC3300"; // zones
|
||||
COLOR_2b = "#AC1300"; // zones sombre
|
||||
COLOR_3 = "#ffffff"; // couleur barre 2
|
||||
COLOR_TEXT_UNDER = "rgba(211, 228, 240, 0.7)"; // grilles
|
||||
COLOR_TERRAIN = "#d3e4f0"; // terrain CCFFCC
|
||||
} else if (id == 4) {
|
||||
//eco color
|
||||
COLOR_1 = "#99DDFF"; // principale
|
||||
COLOR_1b = "#79BDDF"; // principale sombre
|
||||
COLOR_2 = "#ff6666"; // zones
|
||||
COLOR_2b = "#DF4646"; // zones sombre
|
||||
COLOR_3 = "#EEEEEE"; // couleur barre 2
|
||||
COLOR_TEXT_UNDER = "rgba(255, 255, 255, 0.7)"; // grilles
|
||||
COLOR_TERRAIN = "#ffffff"; // terrain CCFFCC
|
||||
} else if (id == 5) {
|
||||
//eco noir & blanc
|
||||
COLOR_1 = "#dddddd"; // principale
|
||||
COLOR_1b = "#bdbdbd"; // principale sombre
|
||||
COLOR_2 = "#bbbbbb"; // zones
|
||||
COLOR_2b = "#9b9b9b"; // zones sombre
|
||||
COLOR_3 = "#ffffff"; // couleur barre 2
|
||||
COLOR_TEXT_UNDER =
|
||||
"rgba(" +
|
||||
toDec("ff") +
|
||||
", " +
|
||||
toDec("ff") +
|
||||
", " +
|
||||
toDec("ff") +
|
||||
", 0.7)"; // grilles
|
||||
COLOR_TERRAIN = "#ffffff"; // terrain CCFFCC
|
||||
} else if (id == 6) {
|
||||
//standard
|
||||
COLOR_1 = "#dddddd"; // principale
|
||||
COLOR_1b = "#bdbdbd"; // principale sombre
|
||||
COLOR_2 = "#CC3300"; // zones
|
||||
COLOR_2b = "#AC1300"; // zones sombre
|
||||
COLOR_3 = "#EEEEEE"; // couleur barre 2
|
||||
COLOR_TEXT_UNDER = "rgba(211, 228, 240, 0.7)"; // grilles
|
||||
COLOR_TERRAIN = "#CCFFCC"; // terrain CCFFCC
|
||||
}
|
||||
genererParcours();
|
||||
}
|
||||
|
||||
function setBackgroundColor(id) {
|
||||
if (id == 1) {
|
||||
COLOR_TEXT_UNDER = "rgba(255, 255,255, 0.7)";
|
||||
COLOR_TERRAIN = "#ffffff";
|
||||
COLOR_GRILLE = "#cccccc"; // grilles
|
||||
} else if (id == 2) {
|
||||
COLOR_TEXT_UNDER = "rgba(211, 228, 240, 0.7)";
|
||||
COLOR_TERRAIN = "rgba(211, 228, 240, 1)";
|
||||
COLOR_GRILLE = "#bdcdd8"; // grilles
|
||||
} else if (id == 3) {
|
||||
COLOR_TEXT_UNDER = "rgba(211, 228, 240, 0.7)";
|
||||
COLOR_TERRAIN = "rgba(204, 255, 204, 1)";
|
||||
COLOR_GRILLE = "#b2e0b2"; // grilles
|
||||
}
|
||||
genererParcours();
|
||||
}
|
||||
|
||||
function setDriverColor(id) {
|
||||
if (id == 1) {
|
||||
COLOR_VETEMENTS = "#bbbbbb";
|
||||
} else if (id == 2) {
|
||||
COLOR_VETEMENTS = "#CC3300";
|
||||
} else if (id == 3) {
|
||||
COLOR_VETEMENTS = "#22AAFF";
|
||||
}
|
||||
genererParcours();
|
||||
}
|
||||
|
||||
function setObstacleColor(id) {
|
||||
if (id == 1) {
|
||||
//eco noir & blanc
|
||||
COLOR_1 = "#dddddd"; // principale
|
||||
COLOR_1b = "#bdbdbd"; // principale sombre
|
||||
COLOR_2 = "#bbbbbb"; // zones
|
||||
COLOR_2b = "#9b9b9b"; // zones sombre
|
||||
COLOR_3 = "#ffffff"; // couleur barre 2
|
||||
} else if (id == 2) {
|
||||
//standard
|
||||
COLOR_1 = "#22AAFF"; // principale
|
||||
COLOR_1b = "#028ADF"; // principale sombre
|
||||
COLOR_2 = "#CC3300"; // zones
|
||||
COLOR_2b = "#AC1300"; // zones sombre
|
||||
COLOR_3 = "#EEEEEE"; // couleur barre 2
|
||||
} else if (id == 3) {
|
||||
//noir & rouge
|
||||
COLOR_1 = "#555555"; // principale
|
||||
COLOR_1b = "#353535"; // principale sombre
|
||||
COLOR_2 = "#CC3300"; // zones
|
||||
COLOR_2b = "#AC1300"; // zones sombre
|
||||
COLOR_3 = "#ffffff"; // couleur barre 2
|
||||
} else if (id == 4) {
|
||||
//blanc rouge
|
||||
COLOR_1 = "#dddddd"; // principale
|
||||
COLOR_1b = "#bdbdbd"; // principale sombre
|
||||
COLOR_2 = "#CC3300"; // zones
|
||||
COLOR_2b = "#AC1300"; // zones sombre
|
||||
COLOR_3 = "#EEEEEE"; // couleur barre 2
|
||||
} else if (id == 5) {
|
||||
//noir & rouge
|
||||
COLOR_1 = "#555555"; // principale
|
||||
COLOR_1b = "#353535"; // principale sombre
|
||||
COLOR_2 = "#e07ecd "; // zones
|
||||
COLOR_2b = "#ae629f"; // zones sombre
|
||||
COLOR_3 = "#ffffff"; // couleur barre 2
|
||||
}
|
||||
genererParcours();
|
||||
}
|
||||
|
||||
/*
|
||||
var COLOR_1="#22AAFF";// principale
|
||||
var COLOR_1b="#0088DD";// principale sombre
|
||||
var COLOR_2="#CC3300";// zones
|
||||
var COLOR_2b="#AA1100";// zones sombre
|
||||
var COLOR_3="#EEEEEE";// couleur barre 2
|
||||
*/
|
||||
@@ -0,0 +1,746 @@
|
||||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
////////////////////////////////////////////////////////////////LISTENER D EVENEMENTS/////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
function doTouchStart(event) {
|
||||
isTactil = true;
|
||||
setMargeSelect();
|
||||
|
||||
//document.getElementById('outils').style.overflow="scroll";
|
||||
//document.getElementById('trajMaitre').style.overflow="scroll";
|
||||
window.removeEventListener("mousemove", doMouseMove, false);
|
||||
window.removeEventListener("mouseup", doMouseUp, false);
|
||||
canvas.removeEventListener("mousedown", doMouseDown, false);
|
||||
canvas.addEventListener("touchmove", doTouchMove, false);
|
||||
canvas.addEventListener("touchend", doTouchEnd, false);
|
||||
canvas.addEventListener("touchleave", doTouchEnd, false);
|
||||
canvas.addEventListener("touchcancel", doTouchEnd, false);
|
||||
|
||||
//event.preventDefault();
|
||||
|
||||
doTouchMove(event);
|
||||
|
||||
doMouseDown(event);
|
||||
}
|
||||
function doTouchEnd(event) {
|
||||
//event.preventDefault();
|
||||
doMouseUp(event);
|
||||
doTouchMove(event);
|
||||
}
|
||||
function doTouchMove(event) {
|
||||
var touches = event.changedTouches;
|
||||
oldx = canvas_x;
|
||||
canvas_x = touches[0].pageX - DECAL_X_INTERFACE;
|
||||
canvas_x = canvas_x / scale;
|
||||
|
||||
diffx = oldx - canvas_x;
|
||||
if (canvas_x > canvasSizeX - MARGE) {
|
||||
canvas_x = canvasSizeX - MARGE;
|
||||
} else if (canvas_x < MARGE) {
|
||||
canvas_x = MARGE;
|
||||
}
|
||||
oldy = canvas_y;
|
||||
canvas_y = touches[0].pageY - DECAL_Y_INTERFACE;
|
||||
canvas_y = canvas_y / scale;
|
||||
diffy = oldy - canvas_y;
|
||||
if (canvas_y > canvasSizeY - MARGE * 2) {
|
||||
canvas_y = canvasSizeY - MARGE * 2;
|
||||
} else if (canvas_y < MARGE) {
|
||||
canvas_y = MARGE;
|
||||
}
|
||||
doMove();
|
||||
|
||||
if (isOverObstacle()) {
|
||||
log("over obstacle");
|
||||
event.preventDefault();
|
||||
} else {
|
||||
log("not over obstacle");
|
||||
}
|
||||
}
|
||||
function isOverObstacle() {
|
||||
if (
|
||||
overObject == -1 &&
|
||||
overTunnelId == -1 &&
|
||||
overPointTunnel == -1 &&
|
||||
overTunnelComplet == -1 &&
|
||||
overModifTrajId == -1 &&
|
||||
overModifTrajDepArr == -1 &&
|
||||
overNumeroId == -1 &&
|
||||
overNumeroId2 == -1 &&
|
||||
overNumeroId3 == -1 &&
|
||||
overObject == -1
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
function doMouseDown(event) {
|
||||
window.addEventListener("mouseup", doMouseUp, false);
|
||||
canvas.removeEventListener("mousedown", doMouseDown, false);
|
||||
if (suppression == true) {
|
||||
if (overNumeroId != -1) {
|
||||
listeNumero[overNumeroId] = "";
|
||||
// fix path when last number is deleted
|
||||
if (overNumeroId+1==nextNumber) {
|
||||
nextNumber--;
|
||||
listeNumero.pop();
|
||||
}
|
||||
} else if (overNumeroId2 != -1) {
|
||||
listeNumero2[overNumeroId2] = "";
|
||||
} else if (overNumeroId3 != -1) {
|
||||
listeNumero3[overNumeroId3] = "";
|
||||
} else if (overTunnelId != -1) {
|
||||
tbTunnels[overTunnelId] = "";
|
||||
} else if (overTunnelComplet != -1) {
|
||||
tbTunnels[overTunnelComplet] = "";
|
||||
} else if (overObject != -1) {
|
||||
tbObst[overObject] = "";
|
||||
}
|
||||
} else if (overNumeroId != -1) {
|
||||
selNumeroId = overNumeroId;
|
||||
} else if (overNumeroId2 != -1) {
|
||||
selNumeroId2 = overNumeroId2;
|
||||
} else if (overNumeroId3 != -1) {
|
||||
selNumeroId3 = overNumeroId3;
|
||||
} else if (overModifTrajId != -1) {
|
||||
modifTrajId = overModifTrajId;
|
||||
modifTrajDepArr = overModifTrajDepArr;
|
||||
} else if (overTunnelId != -1) {
|
||||
selTunnel = overTunnelId;
|
||||
selPointTunnel = overPointTunnel;
|
||||
} else if (overTunnelComplet != -1) {
|
||||
selTunnelComplet = overTunnelComplet;
|
||||
} else if (overObject != -1) {
|
||||
selObst = overObject;
|
||||
setCanvasX(selObst, canvas_x - decalX);
|
||||
setCanvasY(selObst, canvas_y - decalY);
|
||||
genererParcours();
|
||||
}
|
||||
}
|
||||
function doMouseUp(event) {
|
||||
//window.removeEventListener("mousemove", doMouseMove, false);
|
||||
window.removeEventListener("mouseup", doMouseUp, false);
|
||||
canvas.addEventListener("mousedown", doMouseDown, false);
|
||||
selObst = -1;
|
||||
selTunnel = -1;
|
||||
selPointTunnel = -1;
|
||||
selTunnelComplet = -1;
|
||||
rotate = false;
|
||||
moveTunnelComplet = -1;
|
||||
selNumeroId = -1;
|
||||
selNumeroId2 = -1;
|
||||
selNumeroId3 = -1;
|
||||
modifTrajId = -1;
|
||||
modifTrajDepArr = -1;
|
||||
genererParcours();
|
||||
}
|
||||
function doMouseMove(event) {
|
||||
oldx = canvas_x;
|
||||
canvas_x = event.pageX - DECAL_X_INTERFACE;
|
||||
canvas_x = canvas_x / scale;
|
||||
|
||||
diffx = oldx - canvas_x;
|
||||
if (canvas_x > canvasSizeX - MARGE) {
|
||||
canvas_x = canvasSizeX - MARGE;
|
||||
} else if (canvas_x < MARGE) {
|
||||
canvas_x = MARGE;
|
||||
}
|
||||
oldy = canvas_y;
|
||||
canvas_y = event.pageY - DECAL_Y_INTERFACE;
|
||||
canvas_y = canvas_y / scale;
|
||||
diffy = oldy - canvas_y;
|
||||
if (canvas_y > canvasSizeY - MARGE * 2) {
|
||||
canvas_y = canvasSizeY - MARGE * 2;
|
||||
} else if (canvas_y < MARGE) {
|
||||
canvas_y = MARGE;
|
||||
}
|
||||
doMove();
|
||||
}
|
||||
///////////////////////////////////////////////////////////////////////MOUVEMENT///////////////////////////////////////////////////////////
|
||||
function rchObstacleProche(xProche, yProche, numero) {
|
||||
var idPlusProche = 0;
|
||||
var xPlusProche = 1000;
|
||||
var yPlusProche = 1000;
|
||||
var distanceHypoPlusProche = 1000;
|
||||
var sens = 1;
|
||||
var type = "classique";
|
||||
for (var i = 0; i < id; i++) {
|
||||
var x = getCanvasX(i);
|
||||
var y = getCanvasY(i);
|
||||
var nom = getSens(i);
|
||||
var largx = getXCliquable(i);
|
||||
var hauty = getYCliquable(i);
|
||||
var angle = getAngle(i);
|
||||
var type = "classique";
|
||||
var modifXDep = getModXTrajEntree(i);
|
||||
var modifYDep = getModYTrajEntree(i);
|
||||
var modifXArr = getModXTrajSortie(i);
|
||||
var modifYArr = getModYTrajSortie(i);
|
||||
var angleSens2 = getAngleTrajSortie(i);
|
||||
var longTraj = getDistTrajCentre(i);
|
||||
var distanceSup = 3;
|
||||
var departX =
|
||||
x +
|
||||
modifXDep / 2 +
|
||||
Math.cos(((angle + angleSens2) / 180) * Math.PI) *
|
||||
(longTraj / 2 + distanceSup);
|
||||
var departY =
|
||||
y +
|
||||
modifYDep / 2 +
|
||||
Math.sin(((angle + angleSens2) / 180) * Math.PI) *
|
||||
(longTraj / 2 + distanceSup);
|
||||
|
||||
var xDist = Math.abs(departX - xProche);
|
||||
var yDist = Math.abs(departY - yProche);
|
||||
var distanceHypo = Math.sqrt(Math.pow(xDist, 2) + Math.pow(yDist, 2));
|
||||
|
||||
if (distanceHypo < distanceHypoPlusProche) {
|
||||
idPlusProche = i;
|
||||
xPlusProche = xDist;
|
||||
yPlusProche = yDist;
|
||||
distanceHypoPlusProche = distanceHypo;
|
||||
sens = 1;
|
||||
xpp = departX;
|
||||
ypp = departY;
|
||||
type = "classique";
|
||||
}
|
||||
|
||||
var arriveX =
|
||||
x +
|
||||
modifXArr / 2 +
|
||||
Math.cos(((angle + angleSens2) / 180) * Math.PI) *
|
||||
(-longTraj / 2 - distanceSup);
|
||||
var arriveY =
|
||||
y +
|
||||
modifYArr / 2 +
|
||||
Math.sin(((angle + angleSens2) / 180) * Math.PI) *
|
||||
(-longTraj / 2 - distanceSup);
|
||||
|
||||
var xDistArr = Math.abs(arriveX - xProche);
|
||||
var yDistArr = Math.abs(arriveY - yProche);
|
||||
var distanceHypoFin = Math.sqrt(
|
||||
Math.pow(xDistArr, 2) + Math.pow(yDistArr, 2)
|
||||
);
|
||||
|
||||
if (distanceHypoFin < distanceHypoPlusProche) {
|
||||
idPlusProche = i;
|
||||
xPlusProche = xDistArr;
|
||||
yPlusProche = yDistArr;
|
||||
distanceHypoPlusProche = distanceHypoFin;
|
||||
sens = 0;
|
||||
xpp = arriveX;
|
||||
ypp = arriveY;
|
||||
type = "classique";
|
||||
}
|
||||
}
|
||||
for (var j = 0; j < idTunnel; j++) {
|
||||
var xTun = tbTunnels[j][1];
|
||||
var yTun = tbTunnels[j][2];
|
||||
var xTunFin = tbTunnels[j][(nbArticulationTunnel - 1) * 2 + 1];
|
||||
var yTunFin = tbTunnels[j][(nbArticulationTunnel - 1) * 2 + 2];
|
||||
//var x2Tun=tbTunnels[j][3];// pour le premier angle
|
||||
//var y2Tun=tbTunnels[j][4];// pour le premier angle
|
||||
|
||||
var largXTun = 0;
|
||||
var largYTun = 0;
|
||||
var angleTun = 90;
|
||||
var modifXDepTun = 0;
|
||||
var modifYDepTun = 0;
|
||||
var modifXArrTun = 0;
|
||||
var modifYArrTun = 0;
|
||||
|
||||
//var distXTun = xTun - x2Tun;
|
||||
//var distYTun = yTun - y2Tun;
|
||||
//var modifAngleArrTun = Math.atan2(distYTun,distXTun)/Math.PI*180-90;
|
||||
var longTrajTun = 0;
|
||||
|
||||
var xDist = Math.abs(xProche - xTun);
|
||||
var yDist = Math.abs(yProche - yTun);
|
||||
var distanceHypo = Math.sqrt(Math.pow(xDist, 2) + Math.pow(yDist, 2));
|
||||
if (distanceHypo < distanceHypoPlusProche) {
|
||||
idPlusProche = j;
|
||||
xPlusProche = xDist;
|
||||
yPlusProche = yDist;
|
||||
distanceHypoPlusProche = distanceHypo;
|
||||
sens = 1;
|
||||
xpp = xTun;
|
||||
ypp = yTun;
|
||||
type = "tunnel";
|
||||
}
|
||||
var xDistFin = Math.abs(xProche - xTunFin);
|
||||
var yDistFin = Math.abs(yProche - yTunFin);
|
||||
var distanceHypoFin = Math.sqrt(
|
||||
Math.pow(xDistFin, 2) + Math.pow(yDistFin, 2)
|
||||
);
|
||||
|
||||
if (distanceHypoFin < distanceHypoPlusProche) {
|
||||
idPlusProche = j;
|
||||
xPlusProche = xDistFin;
|
||||
yPlusProche = yDistFin;
|
||||
distanceHypoPlusProche = distanceHypoFin;
|
||||
sens = 0;
|
||||
xpp = xTunFin;
|
||||
ypp = yTunFin;
|
||||
type = "tunnel";
|
||||
}
|
||||
}
|
||||
xp = xProche;
|
||||
yp = yProche;
|
||||
var ordreObstacle = new Array();
|
||||
ordreObstacle[0] = idPlusProche;
|
||||
ordreObstacle[1] = type; //type
|
||||
var xNumProche;
|
||||
var yNumProche;
|
||||
var angleProche;
|
||||
var modXProche;
|
||||
var modYProche;
|
||||
if (ordreObst[numero] != null && ordreObst[numero][0] == idPlusProche) {
|
||||
if (type == "tunnel") {
|
||||
ordreObstacle[7] = 90;
|
||||
ordreObstacle[8] = 50;
|
||||
ordreObstacle[9] = 90;
|
||||
ordreObstacle[10] = 50;
|
||||
xNumProche = 0;
|
||||
yNumProche = 0;
|
||||
modXProche = 0;
|
||||
modYProche = 0;
|
||||
angleProche = 0;
|
||||
} else if (ordreObst[numero][1] == "tunnel") {
|
||||
xNumProche = getCanvasX(idPlusProche);
|
||||
yNumProche = getCanvasY(idPlusProche);
|
||||
ordreObstacle[7] = getAngleTrajSortie(idPlusProche);
|
||||
ordreObstacle[8] = getLongTraj(idPlusProche);
|
||||
ordreObstacle[9] = getAngleTrajSortie(idPlusProche);
|
||||
ordreObstacle[10] = getLongTraj(idPlusProche);
|
||||
modXProche = getModXTrajSortie(idPlusProche);
|
||||
modYProche = getModYTrajSortie(idPlusProche);
|
||||
angleProche = getAngle(idPlusProche);
|
||||
} else {
|
||||
if (ordreObst[numero][2] != sens) {
|
||||
xNumProche = getCanvasX(idPlusProche);
|
||||
yNumProche = getCanvasY(idPlusProche);
|
||||
ordreObstacle[7] = getAngleTrajSortie(idPlusProche);
|
||||
ordreObstacle[8] = getLongTraj(idPlusProche);
|
||||
ordreObstacle[9] = getAngleTrajSortie(idPlusProche);
|
||||
ordreObstacle[10] = getLongTraj(idPlusProche);
|
||||
modXProche = getModXTrajSortie(idPlusProche);
|
||||
modYProche = getModYTrajSortie(idPlusProche);
|
||||
angleProche = getAngle(idPlusProche);
|
||||
} else {
|
||||
xNumProche = getCanvasX(idPlusProche);
|
||||
yNumProche = getCanvasY(idPlusProche);
|
||||
ordreObstacle[7] = ordreObst[numero][7];
|
||||
ordreObstacle[8] = ordreObst[numero][8];
|
||||
ordreObstacle[9] = ordreObst[numero][9];
|
||||
ordreObstacle[10] = ordreObst[numero][10];
|
||||
modXProche = getModXTrajSortie(idPlusProche);
|
||||
modYProche = getModYTrajSortie(idPlusProche);
|
||||
angleProche = getAngle(idPlusProche);
|
||||
//log(ordreObstacle[7]+"_"+ordreObstacle[8]+"_"+ordreObstacle[9]+"_"+ordreObstacle[10]);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (type == "tunnel") {
|
||||
ordreObstacle[7] = 90;
|
||||
ordreObstacle[8] = 50;
|
||||
ordreObstacle[9] = 90;
|
||||
ordreObstacle[10] = 50;
|
||||
xNumProche = 0;
|
||||
yNumProche = 0;
|
||||
modXProche = 0;
|
||||
modYProche = 0;
|
||||
angleProche = 0;
|
||||
} else {
|
||||
ordreObstacle[7] = getAngleTrajSortie(idPlusProche);
|
||||
ordreObstacle[8] = getLongTraj(idPlusProche);
|
||||
ordreObstacle[9] = getAngleTrajSortie(idPlusProche);
|
||||
ordreObstacle[10] = getLongTraj(idPlusProche);
|
||||
xNumProche = getCanvasX(idPlusProche);
|
||||
yNumProche = getCanvasY(idPlusProche);
|
||||
modXProche = getModXTrajSortie(idPlusProche);
|
||||
modYProche = getModYTrajSortie(idPlusProche);
|
||||
angleProche = getAngle(idPlusProche);
|
||||
}
|
||||
}
|
||||
|
||||
ordreObstacle[2] = sens; //sens
|
||||
var xComp = listeNumero[numero][1] - xNumProche - modXProche / 2;
|
||||
var yComp = listeNumero[numero][2] - yNumProche - modYProche / 2;
|
||||
// calcul de l'angle par rapport au centre.
|
||||
|
||||
var dist = Math.sqrt(Math.pow(xComp, 2) + Math.pow(yComp, 2));
|
||||
|
||||
var angleNumero = (Math.atan2(yComp, xComp) / Math.PI) * 180 - angleProche;
|
||||
|
||||
listeNumero[numero][3] = angleNumero;
|
||||
listeNumero[numero][4] = dist;
|
||||
|
||||
// calcul de l'angle avec le centre de l'obstacle qui lui est lié
|
||||
|
||||
ordreObst[numero] = ordreObstacle;
|
||||
}
|
||||
var xp = 0;
|
||||
var yp = 0;
|
||||
var xpp = 0;
|
||||
var ypp = 0;
|
||||
|
||||
var xTst = 0;
|
||||
var yTst = 0;
|
||||
var xTst2 = 0;
|
||||
var yTst2 = 0;
|
||||
var xTst3 = 0;
|
||||
var yTst3 = 0;
|
||||
/*
|
||||
function afficherTest(){
|
||||
context.fillStyle="#ff0000";
|
||||
rect(xTst,yTst,1,1);
|
||||
//jaune
|
||||
context.fillStyle="#ffFF00";
|
||||
rect(xTst2,yTst2,1,1);
|
||||
context.fillStyle="#00FF00";
|
||||
rect(xTst3,yTst3,1,1);
|
||||
}*/
|
||||
function recupereListeNumero(id, type) {
|
||||
// récupère la liste des numéros qui sont liés à un obstacle.
|
||||
for (var i = 1; i < nextNumber; i++) {
|
||||
if (ordreObst[i][0] == id && ordreObst[i][1] == type) {
|
||||
listeNumero[i][1] = listeNumero[i][1] - diffx;
|
||||
listeNumero[i][2] = listeNumero[i][2] - diffy;
|
||||
}
|
||||
}
|
||||
}
|
||||
function recupereListeNumeroAngle(id, type, angle) {
|
||||
// déplace le numéro lors d'une rotation
|
||||
// récupère la liste des numéros qui sont liés à un obstacle.
|
||||
for (var i = 1; i < nextNumber; i++) {
|
||||
if (ordreObst[i][0] == id && ordreObst[i][1] == type) {
|
||||
if (type == "tunnel") {
|
||||
} else {
|
||||
// calcul de l'angle par rapport au centre.
|
||||
|
||||
var distance = listeNumero[i][4];
|
||||
var newAngle = getAngle(id) + listeNumero[i][3];
|
||||
var newX =
|
||||
getCanvasX(id) +
|
||||
getModXTrajSortie(id) / 2 +
|
||||
Math.cos((newAngle / 180) * Math.PI) * distance;
|
||||
var newY =
|
||||
getCanvasY(id) +
|
||||
getModYTrajSortie(id) / 2 +
|
||||
Math.sin((newAngle / 180) * Math.PI) * distance;
|
||||
listeNumero[i][1] = newX;
|
||||
listeNumero[i][2] = newY;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
function doMove() {
|
||||
movingJump = false;
|
||||
if (
|
||||
overObject == -1 &&
|
||||
selTunnel == -1 &&
|
||||
selTunnelComplet == -1 &&
|
||||
!suppression &&
|
||||
!color &&
|
||||
overModifTrajId == -1
|
||||
) {
|
||||
document.body.style.cursor = "default";
|
||||
} else if (color) {
|
||||
document.body.style.cursor = "crosshair";
|
||||
}
|
||||
if (
|
||||
selNumeroId == -1 &&
|
||||
selObst == -1 &&
|
||||
selTunnel == -1 &&
|
||||
selTunnelComplet == -1 &&
|
||||
modifTrajId == -1 &&
|
||||
selNumeroId2 == -1 &&
|
||||
selNumeroId3 == -1
|
||||
) {
|
||||
overObject = -1;
|
||||
overTunnelId = -1;
|
||||
overPointTunnel = -1;
|
||||
overTunnelComplet = -1;
|
||||
overModifTrajId = -1;
|
||||
overModifTrajDepArr = -1;
|
||||
|
||||
overNumero(canvas_x, canvas_y);
|
||||
overNumero2(canvas_x, canvas_y);
|
||||
overNumero3(canvas_x, canvas_y);
|
||||
overObstacle(canvas_x, canvas_y);
|
||||
overRotate(canvas_x, canvas_y);
|
||||
overTunnel(canvas_x, canvas_y);
|
||||
if (document.getElementById("ModifierTrajectoires").checked) {
|
||||
overModifTraj(canvas_x, canvas_y);
|
||||
}
|
||||
genererParcours();
|
||||
} else {
|
||||
movingJump = true;
|
||||
if (modifTrajId != -1) {
|
||||
var idObst = ordreObst[modifTrajId][0];
|
||||
} else if (selNumeroId != -1) {
|
||||
listeNumero[selNumeroId][1] = canvas_x - decalX;
|
||||
listeNumero[selNumeroId][2] = canvas_y - decalY;
|
||||
if (listeNumero[selNumeroId][1] - LARGEUR_NUMERO / 2 < MARGE) {
|
||||
listeNumero[selNumeroId][1] = MARGE + LARGEUR_NUMERO / 2;
|
||||
} else if (
|
||||
listeNumero[selNumeroId][1] + LARGEUR_NUMERO / 2 >
|
||||
canvasSizeX - MARGE
|
||||
) {
|
||||
listeNumero[selNumeroId][1] =
|
||||
canvasSizeX - MARGE - LARGEUR_NUMERO / 2;
|
||||
}
|
||||
if (listeNumero[selNumeroId][2] - HAUTEUR_NUMERO / 2 < MARGE) {
|
||||
listeNumero[selNumeroId][2] = MARGE + HAUTEUR_NUMERO / 2;
|
||||
} else if (
|
||||
listeNumero[selNumeroId][2] + HAUTEUR_NUMERO / 2 >
|
||||
canvasSizeY - MARGE * 2
|
||||
) {
|
||||
listeNumero[selNumeroId][2] =
|
||||
canvasSizeY - MARGE * 2 - HAUTEUR_NUMERO / 2;
|
||||
}
|
||||
rchObstacleProche(
|
||||
listeNumero[selNumeroId][1],
|
||||
listeNumero[selNumeroId][2],
|
||||
selNumeroId
|
||||
);
|
||||
// calcul de l'angle
|
||||
} else if (selNumeroId2 != -1) {
|
||||
listeNumero2[selNumeroId2][1] = canvas_x - decalX;
|
||||
listeNumero2[selNumeroId2][2] = canvas_y - decalY;
|
||||
|
||||
if (listeNumero2[selNumeroId2][1] - LARGEUR_NUMERO / 2 < MARGE) {
|
||||
listeNumero2[selNumeroId2][1] = MARGE + LARGEUR_NUMERO / 2;
|
||||
} else if (
|
||||
listeNumero2[selNumeroId2][1] + LARGEUR_NUMERO / 2 >
|
||||
canvasSizeX - MARGE
|
||||
) {
|
||||
listeNumero2[selNumeroId2][1] =
|
||||
canvasSizeX - MARGE - LARGEUR_NUMERO / 2;
|
||||
}
|
||||
if (listeNumero2[selNumeroId2][2] - HAUTEUR_NUMERO / 2 < MARGE) {
|
||||
listeNumero2[selNumeroId2][2] = MARGE + HAUTEUR_NUMERO / 2;
|
||||
} else if (
|
||||
listeNumero2[selNumeroId2][2] + HAUTEUR_NUMERO / 2 >
|
||||
canvasSizeY - MARGE * 2
|
||||
) {
|
||||
listeNumero2[selNumeroId2][2] =
|
||||
canvasSizeY - MARGE * 2 - HAUTEUR_NUMERO / 2;
|
||||
}
|
||||
} else if (selNumeroId3 != -1) {
|
||||
listeNumero3[selNumeroId3][1] = canvas_x - decalX;
|
||||
listeNumero3[selNumeroId3][2] = canvas_y - decalY;
|
||||
if (listeNumero3[selNumeroId3][1] - LARGEUR_NUMERO / 2 < MARGE) {
|
||||
listeNumero3[selNumeroId3][1] = MARGE + LARGEUR_NUMERO / 2;
|
||||
} else if (
|
||||
listeNumero3[selNumeroId3][1] + LARGEUR_NUMERO / 2 >
|
||||
canvasSizeX - MARGE
|
||||
) {
|
||||
listeNumero3[selNumeroId3][1] =
|
||||
canvasSizeX - MARGE - LARGEUR_NUMERO / 2;
|
||||
}
|
||||
if (listeNumero3[selNumeroId3][2] - HAUTEUR_NUMERO / 2 < MARGE) {
|
||||
listeNumero3[selNumeroId3][2] = MARGE + HAUTEUR_NUMERO / 2;
|
||||
} else if (
|
||||
listeNumero3[selNumeroId3][2] + HAUTEUR_NUMERO / 2 >
|
||||
canvasSizeY - MARGE * 2
|
||||
) {
|
||||
listeNumero3[selNumeroId3][2] =
|
||||
canvasSizeY - MARGE * 2 - HAUTEUR_NUMERO / 2;
|
||||
}
|
||||
} else if (selTunnelComplet != -1) {
|
||||
//déplace le tunnel complet
|
||||
var decallageReelX =
|
||||
tbTunnels[selTunnelComplet][1] - canvas_x + decalX;
|
||||
var decallageReelY =
|
||||
tbTunnels[selTunnelComplet][2] - canvas_y + decalY;
|
||||
for (var art = 0; art < nbArticulationTunnel; art++) {
|
||||
tbTunnels[selTunnelComplet][art * 2 + 1] =
|
||||
tbTunnels[selTunnelComplet][art * 2 + 1] - decallageReelX;
|
||||
tbTunnels[selTunnelComplet][art * 2 + 2] =
|
||||
tbTunnels[selTunnelComplet][art * 2 + 2] - decallageReelY;
|
||||
}
|
||||
recupereListeNumero(selTunnelComplet, "tunnel");
|
||||
} else if (selTunnel != -1) {
|
||||
// déplace une articulation
|
||||
moveTunnel(selTunnel, selPointTunnel, canvas_x, canvas_y, -1);
|
||||
recupereListeNumero(selTunnel, "tunnel");
|
||||
} else if (moveTunnelComplet != -1) {
|
||||
for (var art = 0; art < nbArticulationTunnel; art++) {
|
||||
if (art == 1 || art == 3 || art == 5 || art == 6) {
|
||||
tbObst[selObst][art] = tbObst[selObst][art] + moveTunnelX;
|
||||
} else {
|
||||
tbObst[selObst][art] = tbObst[selObst][art] + moveTunnelY;
|
||||
}
|
||||
}
|
||||
recupereListeNumero(moveTunnelComplet, "tunnel");
|
||||
} else if (!rotate) {
|
||||
setCanvasX(selObst, canvas_x - decalX);
|
||||
setCanvasY(selObst, canvas_y - decalY);
|
||||
recupereListeNumero(selObst, "classique");
|
||||
} else {
|
||||
// calcul de l'angle par rapport au centre.
|
||||
var distX =
|
||||
canvas_x - getCanvasX(selObst) - getXCliquable(selObst) / 2;
|
||||
var distY =
|
||||
canvas_y - getCanvasY(selObst) - getYCliquable(selObst) / 2;
|
||||
var angle = (Math.atan2(distY, distX) / Math.PI) * 180;
|
||||
if (rotateCote == "gauche") {
|
||||
setAngle(selObst, angle);
|
||||
} else {
|
||||
if (angle > 0) {
|
||||
setAngle(selObst, angle - 180);
|
||||
} else {
|
||||
setAngle(selObst, angle + 180);
|
||||
}
|
||||
}
|
||||
recupereListeNumeroAngle(selObst, "classique", getAngle(selObst));
|
||||
}
|
||||
genererParcours();
|
||||
}
|
||||
}
|
||||
function moveTunnel(idTunnel, idPointTunnel, X, Y, idPointTunnelPrecedent) {
|
||||
var newX;
|
||||
var newY;
|
||||
var oldX = tbTunnels[idTunnel][idPointTunnel * 2 + 1];
|
||||
var oldY = tbTunnels[idTunnel][idPointTunnel * 2 + 2];
|
||||
var type = tbTunnels[idTunnel][nbArticulationTunnel * 2 + 3];
|
||||
var dist;
|
||||
var angle;
|
||||
|
||||
newX = X;
|
||||
newY = Y;
|
||||
if (idPointTunnel - 1 >= 0) {
|
||||
var xPre = tbTunnels[idTunnel][(idPointTunnel - 1) * 2 + 1];
|
||||
var yPre = tbTunnels[idTunnel][(idPointTunnel - 1) * 2 + 2];
|
||||
var anglePrecedent =
|
||||
180 + (Math.atan2(yPre - newY, xPre - newX) / Math.PI) * 180;
|
||||
}
|
||||
|
||||
if (idPointTunnel + 1 < nbArticulationTunnel) {
|
||||
var xSui = tbTunnels[idTunnel][(idPointTunnel + 1) * 2 + 1];
|
||||
var ySui = tbTunnels[idTunnel][(idPointTunnel + 1) * 2 + 2];
|
||||
var angleSuivant =
|
||||
180 + (Math.atan2(ySui - newY, xSui - newX) / Math.PI) * 180;
|
||||
}
|
||||
|
||||
if (idPointTunnel - 1 >= 0 && idPointTunnel + 1 < nbArticulationTunnel) {
|
||||
angleSurplus = 0;
|
||||
if (
|
||||
!(
|
||||
Math.abs(anglePrecedent - angleSuivant) > ANGLE_MIN &&
|
||||
Math.abs(anglePrecedent - angleSuivant) < 360 - ANGLE_MIN
|
||||
)
|
||||
) {
|
||||
angleSurplus = diffAngle(angleSuivant, anglePrecedent);
|
||||
}
|
||||
}
|
||||
|
||||
// si aucun point n'a été bougé précédement on bouge l point actuel
|
||||
if (idPointTunnelPrecedent == -1) {
|
||||
tbTunnels[idTunnel][idPointTunnel * 2 + 1] = newX;
|
||||
tbTunnels[idTunnel][idPointTunnel * 2 + 2] = newY;
|
||||
}
|
||||
|
||||
// Effectuer le déplacement des point dans les cotés
|
||||
//if(idPointTunnelPrecedent!=-1){
|
||||
// point suivant
|
||||
if (idPointTunnel - 1 >= 0 && idPointTunnel - 1 != idPointTunnelPrecedent) {
|
||||
var distPre = Math.sqrt(
|
||||
Math.pow(xPre - newX, 2) + Math.pow(yPre - newY, 2)
|
||||
);
|
||||
var anglePreced =
|
||||
(Math.atan2(yPre - newY, xPre - newX) / Math.PI) * 180;
|
||||
anglePreced = anglePreced - angleSurplus;
|
||||
|
||||
//anglePreced=anglePreced-angleSurplus;
|
||||
|
||||
var newXPre = 0;
|
||||
var newYPre = 0;
|
||||
if (type == 3) {
|
||||
var distMax = distMaxTunnel3;
|
||||
var distMin = distMinTunnel3;
|
||||
} else {
|
||||
var distMax = distMaxTunnel;
|
||||
var distMin = distMinTunnel;
|
||||
}
|
||||
if (distPre > distMax) {
|
||||
newXPre = Math.cos((anglePreced / 180) * Math.PI) * distMax + X;
|
||||
newYPre = Math.sin((anglePreced / 180) * Math.PI) * distMax + Y;
|
||||
} else if (distPre < distMin) {
|
||||
newXPre = Math.cos((anglePreced / 180) * Math.PI) * distMin + X;
|
||||
newYPre = Math.sin((anglePreced / 180) * Math.PI) * distMin + Y;
|
||||
} else {
|
||||
// pas de transmission de mouvement si les écarts sont respectés.
|
||||
newXPre = Math.cos((anglePreced / 180) * Math.PI) * distPre + X;
|
||||
newYPre = Math.sin((anglePreced / 180) * Math.PI) * distPre + Y;
|
||||
|
||||
//return;
|
||||
}
|
||||
tbTunnels[idTunnel][(idPointTunnel - 1) * 2 + 1] = newXPre;
|
||||
tbTunnels[idTunnel][(idPointTunnel - 1) * 2 + 2] = newYPre;
|
||||
//moveTunnel(idTunnel,idPointTunnel-1, newX, newY, idPointTunnel)
|
||||
}
|
||||
// transmission du mouvement vers suivants
|
||||
if (
|
||||
idPointTunnel + 1 < nbArticulationTunnel &&
|
||||
idPointTunnel + 1 != idPointTunnelPrecedent
|
||||
) {
|
||||
var distSui = Math.sqrt(
|
||||
Math.pow(xSui - newX, 2) + Math.pow(ySui - newY, 2)
|
||||
);
|
||||
var angleSuiv = (Math.atan2(ySui - newY, xSui - newX) / Math.PI) * 180;
|
||||
angleSuiv = angleSuiv + angleSurplus;
|
||||
var newXSui = 0;
|
||||
var newYSui = 0;
|
||||
if (type == 3) {
|
||||
var distMax = distMaxTunnel3;
|
||||
var distMin = distMinTunnel3;
|
||||
} else {
|
||||
var distMax = distMaxTunnel;
|
||||
var distMin = distMinTunnel;
|
||||
}
|
||||
if (distSui > distMax) {
|
||||
newXSui = Math.cos((angleSuiv / 180) * Math.PI) * distMax + X;
|
||||
newYSui = Math.sin((angleSuiv / 180) * Math.PI) * distMax + Y;
|
||||
} else if (distSui < distMin) {
|
||||
newXSui = Math.cos((angleSuiv / 180) * Math.PI) * distMin + X;
|
||||
newYSui = Math.sin((angleSuiv / 180) * Math.PI) * distMin + Y;
|
||||
} else {
|
||||
newXSui = Math.cos((angleSuiv / 180) * Math.PI) * distSui + X;
|
||||
newYSui = Math.sin((angleSuiv / 180) * Math.PI) * distSui + Y;
|
||||
}
|
||||
tbTunnels[idTunnel][(idPointTunnel + 1) * 2 + 1] = newXSui;
|
||||
tbTunnels[idTunnel][(idPointTunnel + 1) * 2 + 2] = newYSui;
|
||||
}
|
||||
|
||||
// on transmet le mouvement aux autres points
|
||||
|
||||
// transmission du mouvement vers précédents
|
||||
if (idPointTunnel - 1 >= 0 && idPointTunnel - 1 != idPointTunnelPrecedent) {
|
||||
moveTunnel(
|
||||
idTunnel,
|
||||
idPointTunnel - 1,
|
||||
newXPre,
|
||||
newYPre,
|
||||
idPointTunnel
|
||||
);
|
||||
}
|
||||
// transmission du mouvement vers suivants
|
||||
if (
|
||||
idPointTunnel + 1 < nbArticulationTunnel &&
|
||||
idPointTunnel + 1 != idPointTunnelPrecedent
|
||||
) {
|
||||
moveTunnel(
|
||||
idTunnel,
|
||||
idPointTunnel + 1,
|
||||
newXSui,
|
||||
newYSui,
|
||||
idPointTunnel
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,166 @@
|
||||
// GETTERS
|
||||
|
||||
function getId(idObstacle){
|
||||
return tbObst[idObstacle][0];
|
||||
}
|
||||
function getCanvasX(idObstacle){
|
||||
return tbObst[idObstacle][1];
|
||||
}
|
||||
function getCanvasY(idObstacle){
|
||||
return tbObst[idObstacle][2];
|
||||
}
|
||||
function getSens(idObstacle){// aussi le nom et l'image
|
||||
return tbObst[idObstacle][3];;
|
||||
}
|
||||
function getXCliquable(idObstacle){
|
||||
return tbObst[idObstacle][4];
|
||||
}
|
||||
function getYCliquable(idObstacle){
|
||||
return tbObst[idObstacle][5];
|
||||
}
|
||||
function getAngle(idObstacle){
|
||||
return tbObst[idObstacle][6];
|
||||
}
|
||||
function getType(idObstacle){
|
||||
return tbObst[idObstacle][7];
|
||||
}
|
||||
function getModXTrajEntree(idObstacle){
|
||||
return tbObst[idObstacle][8];
|
||||
}
|
||||
function getModYTrajEntree(idObstacle){
|
||||
return tbObst[idObstacle][9];
|
||||
}
|
||||
function getModXTrajSortie(idObstacle){
|
||||
return tbObst[idObstacle][10];
|
||||
}
|
||||
function getModYTrajSortie(idObstacle){
|
||||
return tbObst[idObstacle][11];
|
||||
}
|
||||
function getAngleTrajSortie(idObstacle){
|
||||
return tbObst[idObstacle][12];
|
||||
}
|
||||
function getDistTrajCentre(idObstacle){
|
||||
return tbObst[idObstacle][13];
|
||||
}
|
||||
function getLongTraj(idObstacle){
|
||||
return tbObst[idObstacle][14];
|
||||
}
|
||||
|
||||
// SETTERS
|
||||
|
||||
function setId(idObstacle,valeur){
|
||||
tbObst[idObstacle][0] = valeur;
|
||||
}
|
||||
function setCanvasX(idObstacle,valeur){
|
||||
tbObst[idObstacle][1] = valeur;
|
||||
}
|
||||
function setCanvasY(idObstacle,valeur){
|
||||
tbObst[idObstacle][2] = valeur;
|
||||
}
|
||||
function setImg(idObstacle,valeur){
|
||||
tbObst[idObstacle][3] = valeur;
|
||||
}
|
||||
function setXCliquable(idObstacle,valeur){
|
||||
tbObst[idObstacle][4] = valeur;
|
||||
}
|
||||
function setYCliquable(idObstacle,valeur){
|
||||
tbObst[idObstacle][5] = valeur;
|
||||
}
|
||||
function setAngle(idObstacle,valeur){
|
||||
tbObst[idObstacle][6] = valeur;
|
||||
}
|
||||
function setType(idObstacle,valeur){
|
||||
tbObst[idObstacle][7] = valeur;
|
||||
}
|
||||
function setModXTrajEntree(idObstacle,valeur){
|
||||
tbObst[idObstacle][8] = valeur;
|
||||
}
|
||||
function setModYTrajEntree(idObstacle,valeur){
|
||||
tbObst[idObstacle][9] = valeur;
|
||||
}
|
||||
function setModXTrajSortie(idObstacle,valeur){
|
||||
tbObst[idObstacle][10] = valeur;
|
||||
}
|
||||
function setModYTrajSortie(idObstacle,valeur){
|
||||
tbObst[idObstacle][11] = valeur;
|
||||
}
|
||||
function setAngleTrajSortie(idObstacle,valeur){
|
||||
tbObst[idObstacle][12] = valeur;
|
||||
}
|
||||
function setDistTrajCentre(idObstacle,valeur){
|
||||
tbObst[idObstacle][13] = valeur;
|
||||
}
|
||||
function setLongTraj(idObstacle,valeur){
|
||||
tbObst[idObstacle][14] = valeur;
|
||||
}
|
||||
|
||||
// TUNNELS
|
||||
|
||||
|
||||
|
||||
function getIdTunnel(idTunnel){
|
||||
return tbTunnels[idTunnel][0];
|
||||
}
|
||||
|
||||
function setIdTunnel(idTunnel,valeur){
|
||||
tbTunnels[idTunnel][0] = valeur;
|
||||
}
|
||||
|
||||
//NUMEROS
|
||||
|
||||
function getIdNumero(idNum, numListe){
|
||||
switch(numListe){
|
||||
case 1:
|
||||
return listeNumero[idNum][0];
|
||||
case 2:
|
||||
return listeNumero2[idNum][0];
|
||||
case 3:
|
||||
return listeNumero3[idNum][0];
|
||||
}
|
||||
}
|
||||
function getXNumero(idNum, numListe){
|
||||
return listeNumero[idNum][1];
|
||||
}
|
||||
function getYNumero(idNum, numListe){
|
||||
return listeNumero[idNum][2];
|
||||
}
|
||||
|
||||
function setIdNumero(idNum,valeur, numListe){
|
||||
switch(numListe){
|
||||
case 1:
|
||||
listeNumero[idNum][0]=valeur;
|
||||
break;
|
||||
case 2:
|
||||
listeNumero2[idNum][0]=valeur;
|
||||
break;
|
||||
case 3:
|
||||
listeNumero3[idNum][0]=valeur;
|
||||
break;
|
||||
}
|
||||
}
|
||||
function setXNumero(idNum,valeur, numListe){
|
||||
switch(numListe){
|
||||
case 1:
|
||||
listeNumero[idNum][1]=valeur;
|
||||
break;
|
||||
case 2:
|
||||
listeNumero2[idNum][1]=valeur;
|
||||
break;
|
||||
case 3:
|
||||
listeNumero3[idNum][1]=valeur;
|
||||
break;
|
||||
}
|
||||
}
|
||||
function setYNumero(idNum,valeur, numListe){
|
||||
switch(numListe){
|
||||
case 1:
|
||||
listeNumero[idNum][2]=valeur;
|
||||
break;
|
||||
case 2:
|
||||
listeNumero2[idNum][2]=valeur;
|
||||
break;
|
||||
case 3:
|
||||
listeNumero3[idNum][2]=valeur;
|
||||
break;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,519 @@
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
////////////////////////////////////////////////////////FONCTIONS//////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
var isOpenBarreOutil = true;
|
||||
var isOpenBarreTitre = true;
|
||||
function switchBarreOutil() {
|
||||
if (isOpenBarreOutil) {
|
||||
//fermeture
|
||||
DECAL_X_INTERFACE = 15;
|
||||
document.getElementById("barreOutilCache").style.left = "0px";
|
||||
document.getElementById("contentCanvas").style.left = "15px";
|
||||
document.getElementById("outils").style.visibility = "hidden";
|
||||
document.getElementById("trajMaitre").style.visibility = "hidden";
|
||||
} else {
|
||||
//ouverture
|
||||
DECAL_X_INTERFACE = 110;
|
||||
document.getElementById("barreOutilCache").style.left = "95px";
|
||||
document.getElementById("contentCanvas").style.left = "110px";
|
||||
document.getElementById("outils").style.visibility = "visible";
|
||||
document.getElementById("trajMaitre").style.visibility = "visible";
|
||||
}
|
||||
isOpenBarreOutil = !isOpenBarreOutil;
|
||||
}
|
||||
|
||||
function switchBarreTitre() {
|
||||
if (isOpenBarreTitre) {
|
||||
//fermeture
|
||||
DECAL_Y_INTERFACE = 15;
|
||||
document.getElementById("barreOutilCache").style.top = "15px";
|
||||
document.getElementById("outils").style.top = "15px";
|
||||
document.getElementById("trajMaitre").style.top = "15px";
|
||||
|
||||
document.getElementById("barreTitreCache").style.top = "0px";
|
||||
document.getElementById("contentCanvas").style.top = "15px";
|
||||
document.getElementById("titre").style.visibility = "hidden";
|
||||
document.getElementById("options").style.visibility = "hidden";
|
||||
document.getElementById("logo").style.visibility = "hidden";
|
||||
document.getElementById("medaille").style.visibility = "hidden";
|
||||
document.getElementById("barreInfo").style.visibility = "hidden";
|
||||
document.getElementById("titreLogo").style.visibility = "hidden";
|
||||
} else {
|
||||
//ouverture
|
||||
DECAL_Y_INTERFACE = 88;
|
||||
document.getElementById("barreOutilCache").style.top = "103px";
|
||||
document.getElementById("outils").style.top = "103px";
|
||||
document.getElementById("trajMaitre").style.top = "103px";
|
||||
document.getElementById("barreTitreCache").style.top = "88px";
|
||||
document.getElementById("contentCanvas").style.top = "103px";
|
||||
document.getElementById("titre").style.visibility = "visible";
|
||||
document.getElementById("options").style.visibility = "visible";
|
||||
document.getElementById("logo").style.visibility = "visible";
|
||||
document.getElementById("medaille").style.visibility = "visible";
|
||||
document.getElementById("barreInfo").style.visibility = "visible";
|
||||
document.getElementById("titreLogo").style.visibility = "visible";
|
||||
}
|
||||
isOpenBarreTitre = !isOpenBarreTitre;
|
||||
}
|
||||
function toDegrees(angle) {
|
||||
return (angle * Math.PI) / 180;
|
||||
}
|
||||
function ajouterSupprimerTrajectoires() {
|
||||
trajectoire = !trajectoire;
|
||||
updateDuplicatedElements();
|
||||
genererParcours();
|
||||
}
|
||||
function toggleConducteur() {
|
||||
showconducteur = !showconducteur;
|
||||
updateDuplicatedElements();
|
||||
genererParcours();
|
||||
}
|
||||
function updateDuplicatedElements() {
|
||||
document.getElementById("Traj").checked = trajectoire;
|
||||
document.getElementById("Traj-2").checked = trajectoire;
|
||||
document.getElementById("AfficherConducteur").checked = showconducteur;
|
||||
document.getElementById("AfficherConducteur-2").checked = showconducteur;
|
||||
document.getElementById("showNumero").checked = shownumbers;
|
||||
document.getElementById("showNumero-2").checked = shownumbers;
|
||||
}
|
||||
function changeLargeur() {
|
||||
var largeurP = document.getElementById("largeurParcours").value;
|
||||
// Enlever tous les charactères sauf les chiffres
|
||||
largeurP = largeurP.replace(/[^0-9]/g, "");
|
||||
if (largeurP != 0) {
|
||||
canvas.width = ((largeurP * 100) / pixel / unite + MARGE * 2) * scale;
|
||||
canvasSizeX = canvas.width / scale;
|
||||
context.scale(scale, scale);
|
||||
genererParcours();
|
||||
}
|
||||
}
|
||||
function changeLongueur() {
|
||||
var longueurP = document.getElementById("longueurParcours").value;
|
||||
// Enlever tous les charactères sauf les chiffres
|
||||
longueurP = longueurP.replace(/[^0-9]/g, "");
|
||||
if (longueurP != 0) {
|
||||
canvas.height = ((longueurP * 100) / pixel / unite + MARGE * 3) * scale;
|
||||
canvasSizeY = canvas.height / scale;
|
||||
context.scale(scale, scale);
|
||||
genererParcours();
|
||||
}
|
||||
}
|
||||
|
||||
function changeEchelle() {
|
||||
var echelle = document.getElementById("echelle").value;
|
||||
if (echelle > 0) {
|
||||
TAILLE_GRILLAGE = ((100 / pixel) * echelle) / unite;
|
||||
genererParcours();
|
||||
}
|
||||
}
|
||||
function changeInfos() {
|
||||
titre = document.getElementById("titreParcours").value;
|
||||
auteur = document.getElementById("auteurParcours").value;
|
||||
genererParcours();
|
||||
}
|
||||
function log(valeur) {
|
||||
document.getElementById("texte").innerHTML = valeur;
|
||||
}
|
||||
function exportToPNG2() {
|
||||
//window.open(canvas.toDataURL('image/png'));
|
||||
var d = canvas.toDataURL("image/png");
|
||||
var w = window.open("about:blank", "image from canvas");
|
||||
w.document.write("<img src='" + d + "' alt='from canvas'/>");
|
||||
}
|
||||
function exportToPNG(qualite) {
|
||||
document.getElementById("globalContent").style.display = "none";
|
||||
|
||||
var oldScale = scale;
|
||||
if (qualite == 0) {
|
||||
// on ne fait rien car on utilise les paramètres par defaut
|
||||
} else if (qualite == 4) {
|
||||
zoom(4);
|
||||
} else if (qualite == 8) {
|
||||
zoom(8);
|
||||
}
|
||||
|
||||
var canvasimg = document.getElementById("canvasimg");
|
||||
|
||||
var fond = document.getElementById("fondImage");
|
||||
canvasimg.src = canvas.toDataURL("img/png");
|
||||
|
||||
canvasimg.style.visibility = "visible";
|
||||
var conteneurImg = document.getElementById("conteneurImgExport");
|
||||
conteneurImg.className = "imageExport";
|
||||
|
||||
fond.className = "fondExport";
|
||||
zoom(oldScale);
|
||||
}
|
||||
function fermerExport() {
|
||||
document.getElementById("globalContent").style.display = "block";
|
||||
//var fond = document.getElementById('fondImage');
|
||||
var conteneurImg = document.getElementById("conteneurImgExport");
|
||||
conteneurImg.className = "imageNotExport";
|
||||
//fond.className ="fondNotExport";
|
||||
var canvasimg = document.getElementById("canvasimg");
|
||||
canvasimg.style.visibility = "hidden";
|
||||
// zoom(1);
|
||||
zoom(scale);
|
||||
//canvasimg.style.display='none';
|
||||
var fond = document.getElementById("fondImage");
|
||||
fond.className = "fondNoExport";
|
||||
}
|
||||
|
||||
function zoom(niveau) {
|
||||
if (niveau == "p") {
|
||||
scale = scale + 0.2;
|
||||
} else if (niveau == "m") {
|
||||
scale = scale - 0.2;
|
||||
} else {
|
||||
scale = niveau;
|
||||
}
|
||||
|
||||
changeLongueur();
|
||||
changeLargeur();
|
||||
genererParcours();
|
||||
}
|
||||
|
||||
function changeUniteMesure() {
|
||||
var oldUnit = unite;
|
||||
|
||||
unite = document.getElementById("uniteMesure").value;
|
||||
var convertion = unite / oldUnit;
|
||||
// convertion des longueurs/largeurs
|
||||
var longueurP =
|
||||
document.getElementById("longueurParcours").value * convertion;
|
||||
document.getElementById("longueurParcours").value = Math.round(longueurP);
|
||||
var largeurP =
|
||||
document.getElementById("largeurParcours").value * convertion;
|
||||
document.getElementById("largeurParcours").value = Math.round(largeurP);
|
||||
changeEchelle();
|
||||
}
|
||||
|
||||
var xBz;
|
||||
var yBz;
|
||||
var vitesseTraj = 20;
|
||||
var vitMax = 100;
|
||||
function customBez(t, x0, y0, x1, y1, x2, y2, x3, y3) {
|
||||
var cX = 3 * (x1 - x0),
|
||||
bX = 3 * (x2 - x1) - cX,
|
||||
aX = x3 - x0 - cX - bX;
|
||||
|
||||
var cY = 3 * (y1 - y0),
|
||||
bY = 3 * (y2 - y1) - cY,
|
||||
aY = y3 - y0 - cY - bY;
|
||||
|
||||
xBz = aX * Math.pow(t, 3) + bX * Math.pow(t, 2) + cX * t + x0;
|
||||
yBz = aY * Math.pow(t, 3) + bY * Math.pow(t, 2) + cY * t + y0;
|
||||
}
|
||||
|
||||
function customBezier(x1, y1, x1b, y1b, x2b, y2b, x2, y2) {
|
||||
var accuracy = 0.01;
|
||||
|
||||
context.strokeStyle = "rgba(255, 0, 0, 1)"; // grilles
|
||||
|
||||
var newX = x1;
|
||||
var newY = y1;
|
||||
var i = 0;
|
||||
var avance = ((longueurMetre / 100) * accuracy * vitMax) / 13;
|
||||
var oldX;
|
||||
var oldY;
|
||||
var oldX2;
|
||||
var oldY2;
|
||||
var oldAngle;
|
||||
for (i = 0; i <= 1 + accuracy; i += accuracy) {
|
||||
context.beginPath();
|
||||
context.moveTo(newX, newY);
|
||||
|
||||
if (document.getElementById("VitesseTrajectoires").checked) {
|
||||
context.lineWidth = 1.5;
|
||||
context.strokeStyle = getColor(vitesseTraj); // grilles
|
||||
} else {
|
||||
context.lineWidth = 1;
|
||||
context.strokeStyle = "black"; // grilles
|
||||
}
|
||||
customBez(i, x1, y1, x1b, y1b, x2b, y2b, x2, y2);
|
||||
context.lineTo(xBz, yBz);
|
||||
context.stroke();
|
||||
if (document.getElementById("VitesseTrajectoires").checked) {
|
||||
if (i > 0) {
|
||||
//calcul de l'angle actuel
|
||||
newAngle = (Math.atan2(newY - yBz, newX - xBz) / Math.PI) * 180;
|
||||
var diffAngle = oldAngle - newAngle;
|
||||
if (diffAngle >= 0) {
|
||||
if (diffAngle > 6) {
|
||||
vitesseTraj -= avance * 5; // cas d'un virage séré
|
||||
} else if (diffAngle > 5) {
|
||||
vitesseTraj -= avance * 3; // cas d'un virage séré
|
||||
} else if (diffAngle > 4) {
|
||||
vitesseTraj -= avance * 2; // cas d'un virage séré
|
||||
} else if (diffAngle > 3) {
|
||||
vitesseTraj -= avance * 1; // cas d'un virage séré
|
||||
} else if (diffAngle > 2) {
|
||||
//vitesseTraj+=avance*0.2;// cas d'un virage séré
|
||||
} else if (diffAngle > 1.5) {
|
||||
vitesseTraj += avance * 0.4; // cas d'un virage séré
|
||||
} else if (diffAngle > 1) {
|
||||
vitesseTraj += avance * 0.6; // cas d'un virage séré
|
||||
} else if (diffAngle > 0.5) {
|
||||
vitesseTraj += avance * 0.8; // cas d'un virage peu séré
|
||||
} else {
|
||||
vitesseTraj += avance; // cas d'une ligne a peu pres droite
|
||||
}
|
||||
}
|
||||
if (diffAngle < 0) {
|
||||
if (diffAngle < -6) {
|
||||
vitesseTraj -= avance * 5; // cas d'un virage séré
|
||||
} else if (diffAngle < -5) {
|
||||
vitesseTraj -= avance * 3; // cas d'un virage séré
|
||||
} else if (diffAngle < -4) {
|
||||
vitesseTraj -= avance * 2; // cas d'un virage séré
|
||||
} else if (diffAngle < -3) {
|
||||
vitesseTraj -= avance * 1; // cas d'un virage séré
|
||||
} else if (diffAngle < -2) {
|
||||
//vitesseTraj+=avance*0.2;// cas d'un virage séré
|
||||
} else if (diffAngle < -1.5) {
|
||||
vitesseTraj += avance * 0.4; // cas d'un virage peu séré
|
||||
} else if (diffAngle < -1) {
|
||||
vitesseTraj += avance * 0.6; // cas d'un virage peu séré
|
||||
} else if (diffAngle < -0.5) {
|
||||
vitesseTraj += avance * 0.8; // cas d'un virage peu séré
|
||||
} else {
|
||||
vitesseTraj += avance; // cas d'une ligne a peu pres droite
|
||||
}
|
||||
}
|
||||
oldAngle = newAngle;
|
||||
} else {
|
||||
vitesseTraj += avance; // cas d'une ligne droite
|
||||
}
|
||||
if (vitesseTraj > vitMax) {
|
||||
vitesseTraj = vitMax;
|
||||
}
|
||||
if (vitesseTraj < 0) {
|
||||
vitesseTraj = 0;
|
||||
}
|
||||
}
|
||||
|
||||
newX = xBz;
|
||||
newY = yBz;
|
||||
}
|
||||
|
||||
context.lineWidth = 1;
|
||||
}
|
||||
|
||||
function getColor(vitesseTraj) {
|
||||
var colorV = 0;
|
||||
var colorR = 255;
|
||||
if (vitesseTraj <= vitMax / 2) {
|
||||
colorR = 255;
|
||||
} else {
|
||||
colorR = 255 - ((vitesseTraj - vitMax / 2) / vitMax) * 255;
|
||||
}
|
||||
if (vitesseTraj >= vitMax / 2) {
|
||||
colorV = 255;
|
||||
} else {
|
||||
colorV = (vitesseTraj / vitMax) * 2 * 255;
|
||||
}
|
||||
|
||||
if (colorV > 255) {
|
||||
colorV = 255;
|
||||
} else if (colorV < 0) {
|
||||
colorV = 0;
|
||||
}
|
||||
if (colorR > 255) {
|
||||
colorR = 255;
|
||||
} else if (colorR < 0) {
|
||||
colorR = 0;
|
||||
}
|
||||
return "rgba(" + Math.round(colorR) + ", " + Math.round(colorV) + ", 0, 1)";
|
||||
}
|
||||
function toggleShowNumbers() {
|
||||
// Function don't get the value from check button, only uses it to change variable value calling this function
|
||||
shownumbers = !shownumbers;
|
||||
updateDuplicatedElements();
|
||||
genererParcours();
|
||||
}
|
||||
function exportData(){
|
||||
var data = saveFileVersion+"\n";
|
||||
data += JSON.stringify(document.getElementById("titreParcours").value);
|
||||
data += "\n";
|
||||
data += JSON.stringify(document.getElementById("auteurParcours").value);
|
||||
data += "\n";
|
||||
data += JSON.stringify(nextNumber);
|
||||
data += "\n";
|
||||
data += JSON.stringify(listeNumero);
|
||||
data += "\n";
|
||||
data += JSON.stringify(nextNumber2);
|
||||
data += "\n";
|
||||
data += JSON.stringify(listeNumero2);
|
||||
data += "\n";
|
||||
data += JSON.stringify(nextNumber3);
|
||||
data += "\n";
|
||||
data += JSON.stringify(listeNumero3);
|
||||
data += "\n";
|
||||
data += JSON.stringify(idTunnel);
|
||||
data += "\n";
|
||||
data += JSON.stringify(tbTunnels);
|
||||
data += "\n";
|
||||
data += JSON.stringify(id);
|
||||
data += "\n";
|
||||
data += JSON.stringify(tbObst);
|
||||
data += "\n";
|
||||
data += JSON.stringify(idOrdre);
|
||||
data += "\n";
|
||||
data += JSON.stringify(ordreObst);
|
||||
data += "\n";
|
||||
data += JSON.stringify(document.getElementById("longueurParcours").value);
|
||||
data += "\n";
|
||||
data += JSON.stringify(document.getElementById("largeurParcours").value);
|
||||
data += "\n";
|
||||
data += JSON.stringify(document.getElementById("echelle").value);
|
||||
var t = new Blob([data], {type: "text/plain"});
|
||||
var c = document.createElement("a");
|
||||
var title = document.getElementById("titreParcours").value;
|
||||
var author = document.getElementById("auteurParcours").value;
|
||||
var fname = "course"
|
||||
if ( title!="" ) {
|
||||
fname = title;
|
||||
} else {
|
||||
var now = new Date();
|
||||
fname += "_"+now.getFullYear()+(now.getMonth()+1)+now.getDate()+now.getHours()+now.getMinutes()+now.getSeconds();
|
||||
}
|
||||
if ( author!="" ) { fname += " ("+author+")"; }
|
||||
c.download = fname+".amc";
|
||||
c.href = window.URL.createObjectURL(t);
|
||||
c.click();
|
||||
}
|
||||
|
||||
function importFile(){
|
||||
var input = document.createElement('input');
|
||||
input.type = 'file';
|
||||
input.accept = '.amc,*';
|
||||
|
||||
input.onchange = e => {
|
||||
// getting a hold of the file reference
|
||||
var file = e.target.files[0];
|
||||
var file = e.target.files[0];
|
||||
|
||||
// setting up the reader
|
||||
var reader = new FileReader();
|
||||
reader.readAsText(file,'UTF-8');
|
||||
|
||||
// here we tell the reader what to do when it's done reading...
|
||||
reader.onload = readerEvent => {
|
||||
var content = readerEvent.target.result; // this is the content!
|
||||
const myArray = content.split("\n");
|
||||
var fileVersion = JSON.parse(myArray[0]);
|
||||
|
||||
if (fileVersion=="1") {
|
||||
title = JSON.parse(myArray[1]);
|
||||
author = JSON.parse(myArray[2]);
|
||||
nextNumber = JSON.parse(myArray[3]);
|
||||
listeNumero = JSON.parse(myArray[4]);
|
||||
nextNumber2 = JSON.parse(myArray[5]);
|
||||
listeNumero2 = JSON.parse(myArray[6]);
|
||||
nextNumber3 = JSON.parse(myArray[7]);
|
||||
listeNumero3 = JSON.parse(myArray[8]);
|
||||
idTunnel = JSON.parse(myArray[9]);
|
||||
tbTunnels = JSON.parse(myArray[10]);
|
||||
id = JSON.parse(myArray[11]);
|
||||
tbObst = JSON.parse(myArray[12]);
|
||||
idOrdre = JSON.parse(myArray[13]);
|
||||
ordreObst = JSON.parse(myArray[14]);
|
||||
width = JSON.parse(myArray[15]);
|
||||
height = JSON.parse(myArray[16]);
|
||||
grid = JSON.parse(myArray[17]);
|
||||
}
|
||||
|
||||
// Update content
|
||||
document.getElementById("titreParcours").value = title;
|
||||
document.getElementById("auteurParcours").value = author;
|
||||
document.getElementById("longueurParcours").value = width;
|
||||
document.getElementById("largeurParcours").value = height;
|
||||
document.getElementById("echelle").value = grid;
|
||||
changeInfos();
|
||||
changeLargeur();
|
||||
changeLongueur();
|
||||
changeEchelle();
|
||||
genererParcours();
|
||||
}
|
||||
}
|
||||
|
||||
input.click();
|
||||
}
|
||||
|
||||
function shortcutAction( event ) {
|
||||
if (lastDownTarget!=canvas) return;
|
||||
|
||||
switch (event.key) {
|
||||
case "m":
|
||||
document.getElementById("ModifierTrajectoires").checked = !document.getElementById("ModifierTrajectoires").checked;
|
||||
break;
|
||||
}
|
||||
|
||||
// formas de tunel
|
||||
if (overTunnelComplet>=0 || overTunnelId>=0) {
|
||||
var tunnelid = overTunnelComplet;
|
||||
if ( tunnelid<0 ) { tunnelid = overTunnelId; }
|
||||
switch (event.key) {
|
||||
case "1":
|
||||
// suponemos y comprobamos que el indice del vector coincide con el id del tunel
|
||||
if ( tbTunnels[tunnelid][0] == tunnelid ) {
|
||||
tbTunnels[tunnelid][4] = tbTunnels[tunnelid][2];
|
||||
tbTunnels[tunnelid][6] = tbTunnels[tunnelid][2];
|
||||
tbTunnels[tunnelid][8] = tbTunnels[tunnelid][2];
|
||||
tbTunnels[tunnelid][10] = tbTunnels[tunnelid][2];
|
||||
tbTunnels[tunnelid][12] = tbTunnels[tunnelid][2];
|
||||
tbTunnels[tunnelid][14] = tbTunnels[tunnelid][2];
|
||||
tbTunnels[tunnelid][16] = tbTunnels[tunnelid][2];
|
||||
tbTunnels[tunnelid][18] = tbTunnels[tunnelid][2];
|
||||
tbTunnels[tunnelid][20] = tbTunnels[tunnelid][2];
|
||||
}
|
||||
break;
|
||||
case "2":
|
||||
// suponemos y comprobamos que el indice del vector coincide con el id del tunel
|
||||
if ( tbTunnels[tunnelid][0] == tunnelid ) {
|
||||
tbTunnels[tunnelid][3] = tbTunnels[tunnelid][1];
|
||||
tbTunnels[tunnelid][5] = tbTunnels[tunnelid][1];
|
||||
tbTunnels[tunnelid][7] = tbTunnels[tunnelid][1];
|
||||
tbTunnels[tunnelid][9] = tbTunnels[tunnelid][1];
|
||||
tbTunnels[tunnelid][11] = tbTunnels[tunnelid][1];
|
||||
tbTunnels[tunnelid][13] = tbTunnels[tunnelid][1];
|
||||
tbTunnels[tunnelid][15] = tbTunnels[tunnelid][1];
|
||||
tbTunnels[tunnelid][17] = tbTunnels[tunnelid][1];
|
||||
tbTunnels[tunnelid][19] = tbTunnels[tunnelid][1];
|
||||
}
|
||||
break;
|
||||
}
|
||||
genererParcours();
|
||||
}
|
||||
|
||||
// temporalmente, si se está encima de un obstaculo no se permite el atajo porque si no se mueven el nuevo elemento y
|
||||
// sobre el que se encuentra el ratón al definir la posición del nuevo elemento
|
||||
if (isOverObstacle()) return;
|
||||
|
||||
switch (event.key) {
|
||||
case "j":
|
||||
ajouterHaie();
|
||||
break;
|
||||
case "n":
|
||||
ajouterNumero(1);
|
||||
break;
|
||||
case "t":
|
||||
ajouterTunnel(6);
|
||||
break;
|
||||
case "T":
|
||||
ajouterTunnel(3);
|
||||
break;
|
||||
case "+":
|
||||
zoom('p')
|
||||
break;
|
||||
case "-":
|
||||
zoom('m')
|
||||
break;
|
||||
}
|
||||
// console.log(event.key);
|
||||
}
|
||||
@@ -0,0 +1,169 @@
|
||||
var canvas;
|
||||
var pixel = 6; //taille en centimetre d'un pixel
|
||||
var TPS = 0;
|
||||
var distObstTrajectoire = 40;
|
||||
var tbObst = new Array();
|
||||
var tbTunnels = new Array();
|
||||
var id = 0;
|
||||
var idTunnel = 0;
|
||||
var selObst = -1;
|
||||
var rotate = false;
|
||||
var rotateCote = "";
|
||||
var decalX = 0;
|
||||
var decalY = 0;
|
||||
var afficheCercle = false;
|
||||
var DIAM_ROND_SELECTION = 7;
|
||||
var DIAM_BARRE_SLALOM = 1.5;
|
||||
var DIAM_ROND_SELECTION_TUNNEL = 3;
|
||||
var overNumeroId = -1;
|
||||
var overNumeroId2 = -1;
|
||||
var overNumeroId3 = -1;
|
||||
var overObject = -1;
|
||||
var canvas_x;
|
||||
var canvas_y;
|
||||
|
||||
var longueurMetre;
|
||||
|
||||
//COULEURS
|
||||
var COLOR_1 = "#22AAFF"; // principale
|
||||
var COLOR_1b = "#0088DD"; // principale sombre
|
||||
|
||||
var COLOR_2 = "#CC3300"; // zones
|
||||
var COLOR_2b = "#AA1100"; // zones sombre
|
||||
|
||||
var COLOR_3 = "#EEEEEE"; // couleur barre 2
|
||||
|
||||
var color = false;
|
||||
|
||||
var COLOR_CONTOURS = "#000000"; // contours
|
||||
var COLOR_JOINTURES = "#444444"; // jointures entre éléments
|
||||
var COLOR_TERRAIN = "#d3e4f0"; // terrain CCFFCC
|
||||
|
||||
var COLOR_GRILLE = "#bbbbbb"; // grilles
|
||||
var COLOR_METAL = "#999999"; // grilles
|
||||
var COLOR_BLANC = "#ffffff"; // grilles
|
||||
|
||||
var COLOR_TEXT = "#000000"; // grilles
|
||||
var COLOR_TEXT_UNDER = "rgba(211, 228, 240, 0.7)"; // grilles
|
||||
var COLOR_SPECIAL = "rgba(255, 255, 255, 1)"; // grilles
|
||||
var COLOR_TRACE_MAUVAIS = "#DD0000";
|
||||
var COLOR_TRACE_OK = "#555555";
|
||||
var COLOR_JAUNE = "#ffff00";
|
||||
var COLOR_TRACE_TRANSPARENT = "rgba(44, 44, 44, 0.3)"; // grilles
|
||||
var COLOR_PEAU = "#ffff88";
|
||||
var COLOR_CHEVEUX = "black";
|
||||
var COLOR_VETEMENTS = "#CC3300";
|
||||
|
||||
////////////////////////////////////////////////
|
||||
var LARGEUR_MUR_TOUR = 40;
|
||||
var unite = 1;
|
||||
var TAILLE_GRILLAGE = ((100 / pixel) * 2) / unite;
|
||||
var MARGE = 25;
|
||||
var ANGLE_MIN = 145;
|
||||
var DIAM_BARRE = 1.5;
|
||||
var nbArticulationTunnel = 9;
|
||||
var distMaxTunnel = 600 / (nbArticulationTunnel - 1) / pixel;
|
||||
var distMinTunnel = 400 / (nbArticulationTunnel - 1) / pixel;
|
||||
var distMinTunnel3 = 300 / (nbArticulationTunnel - 1) / pixel;
|
||||
var distMaxTunnel3 = 400 / (nbArticulationTunnel - 1) / pixel;
|
||||
var largeurTunnel = 63 / pixel;
|
||||
var selTunnel = -1;
|
||||
var selPointTunnel = -1;
|
||||
var overTunnelId = -1;
|
||||
var overPointTunnel = -1;
|
||||
var overTunnelComplet = -1;
|
||||
var selTunnelComplet = -1;
|
||||
var angleSurplus = 0;
|
||||
var trajectoire = true;
|
||||
// dimension des obstacles
|
||||
var moveTunnelComplet = -1;
|
||||
var suppression = false;
|
||||
var DIM_TABLE = 120 / pixel;
|
||||
var ordreObst = new Array();
|
||||
var idOrdre = 0;
|
||||
var longueurTotal = 0;
|
||||
|
||||
var auteur = "";
|
||||
var titre = "";
|
||||
var shownumbers = true;
|
||||
var listeNumero = new Array();
|
||||
var listeNumero2 = new Array();
|
||||
var listeNumero3 = new Array();
|
||||
var nextNumber = 1;
|
||||
var nextNumber2 = 1;
|
||||
var nextNumber3 = 1;
|
||||
var selNumeroId = -1;
|
||||
var selNumeroId2 = -1;
|
||||
var selNumeroId3 = -1;
|
||||
var idLg = 0;
|
||||
var LARGEUR_NUMERO = 13;
|
||||
var HAUTEUR_NUMERO = 9;
|
||||
var oldx = 0;
|
||||
var oldy = 0;
|
||||
var diffx = 0;
|
||||
var diffy = 0;
|
||||
var DECAL_X_INTERFACE = 120;
|
||||
var DECAL_Y_INTERFACE = 90;
|
||||
|
||||
var modifTrajId = -1;
|
||||
var modifTrajDepArr = -1;
|
||||
|
||||
var overModifTrajId = -1;
|
||||
var overModifTrajDepArr = -1;
|
||||
|
||||
var langues = new Array();
|
||||
var scale = 1.2;
|
||||
//var scale=3;//PROVISOIRE
|
||||
|
||||
var canvasSizeX = 0;
|
||||
var canvasSizeY = 0;
|
||||
|
||||
var isTactil = false;
|
||||
var RECT_MARGE_SELECTION = 0;
|
||||
var movingJump = false;
|
||||
var saveFileVersion = 1;
|
||||
var DIAM_ROND_SELECTION_TUNNEL_MOVE;
|
||||
var LARGEUR_NUMERO_SELECT;
|
||||
var HAUTEUR_NUMERO_SELECT;
|
||||
var ROTATE_MARGE_SELECTION;
|
||||
var showconducteur = true;
|
||||
var lastDownTarget = "";
|
||||
function init() {
|
||||
document.getElementById("longueurParcours").value = "22";
|
||||
document.getElementById("largeurParcours").value = "40";
|
||||
document.getElementById("echelle").value = "2";
|
||||
canvas = document.getElementById("canvas");
|
||||
unite = document.getElementById("uniteMesure").value;
|
||||
context = canvas.getContext("2d");
|
||||
context.scale(scale, scale);
|
||||
changeUniteMesure();
|
||||
changeLargeur();
|
||||
changeLongueur();
|
||||
setMargeSelect();
|
||||
/*
|
||||
COLOR_TERRAIN=context.createLinearGradient(0,0,canvasSizeX,0);
|
||||
COLOR_TERRAIN.addColorStop(0,"#d3e4f0");
|
||||
COLOR_TERRAIN.addColorStop(1,"#c3d4e0");
|
||||
COLOR_BLANC=context.createLinearGradient(0,0,canvasSizeX,0);
|
||||
COLOR_BLANC.addColorStop(0,"#eeeeff");
|
||||
COLOR_BLANC.addColorStop(1,"white");*/
|
||||
//canvasSizeX= canvas.width;
|
||||
//canvasSizeY= canvas.height;
|
||||
// Attach the mousemove event handler
|
||||
context.font = "8pt Calibri";
|
||||
genererParcours();
|
||||
window.addEventListener("mousemove", doMouseMove, false);
|
||||
canvas.addEventListener("mousedown", doMouseDown, false);
|
||||
|
||||
canvas.addEventListener("touchstart", doTouchStart, false);
|
||||
|
||||
// listener para que se procesen los atajos de teclado solo si se está en el canvas
|
||||
document.addEventListener('mousedown', function(event) { lastDownTarget = event.target; }, false);
|
||||
// Added keyboard shortcuts
|
||||
document.addEventListener("keyup", shortcutAction, false);
|
||||
|
||||
initLangue();
|
||||
|
||||
updateDuplicatedElements();
|
||||
genererParcours();
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
function masquerTout() {
|
||||
document.getElementById("blocOSav").className = "blocOptions";
|
||||
document.getElementById("blocOObst").className = "blocOptions";
|
||||
document.getElementById("blocOTrj").className = "blocOptions";
|
||||
document.getElementById("blocOParam").className = "blocOptions";
|
||||
document.getElementById("blocOLangue").className = "blocOptions";
|
||||
document.getElementById("blocOCon").className = "blocOptions";
|
||||
document.getElementById("imgParam").src =
|
||||
"/static/public/tabs/unfocused/param.png";
|
||||
document.getElementById("imgTrj").src =
|
||||
"/static/public/tabs/unfocused/trj.png";
|
||||
document.getElementById("imgSav").src =
|
||||
"/static/public/tabs/unfocused/sav.png";
|
||||
document.getElementById("imgObs").src =
|
||||
"/static/public/tabs/unfocused/obstacles.png";
|
||||
document.getElementById("imgCon").src =
|
||||
"/static/public/tabs/unfocused/conducteur.png";
|
||||
|
||||
// barre d'outils
|
||||
document.getElementById("outils").style.display = "none";
|
||||
document.getElementById("barreOConduct").style.display = "none";
|
||||
document.getElementById("barreOParam").style.display = "none";
|
||||
document.getElementById("barreOTraj").style.display = "none";
|
||||
document.getElementById("barreOSav").style.display = "none";
|
||||
document.getElementById("barreOLangue").style.display = "none";
|
||||
|
||||
document.getElementById("blocInfoDim2").style.display = "none";
|
||||
masquerLangue();
|
||||
}
|
||||
function setInfoSauvegarde() {
|
||||
masquerTout();
|
||||
document.getElementById("barreOSav").style.display = "block";
|
||||
//document.getElementById("blocOSav").className="blocOptionsSel";
|
||||
document.getElementById("imgSav").src =
|
||||
"/static/public/tabs/focused/sav.png";
|
||||
}
|
||||
|
||||
function setInfoTrajectoires() {
|
||||
masquerTout();
|
||||
//document.getElementById("blocOTrj").className="blocOptionsSel";
|
||||
document.getElementById("imgTrj").src =
|
||||
"/static/public/tabs/focused/trj.png";
|
||||
document.getElementById("barreOTraj").style.display = "block";
|
||||
}
|
||||
|
||||
function setInfoConducteur() {
|
||||
masquerTout();
|
||||
document.getElementById("barreOConduct").style.display = "block";
|
||||
document.getElementById("imgCon").src =
|
||||
"/static/public/tabs/focused/conducteur.png";
|
||||
//document.getElementById("blocOCon").className="blocOptionsSel";
|
||||
}
|
||||
function setInfoObstacles() {
|
||||
masquerTout();
|
||||
//document.getElementById("outils").className="blocOptionsSel";
|
||||
document.getElementById("outils").style.display = "block";
|
||||
document.getElementById("imgObs").src =
|
||||
"/static/public/tabs/focused/obstacles.png";
|
||||
}
|
||||
function setInfoParam() {
|
||||
masquerTout();
|
||||
//document.getElementById("blocOParam").className="blocOptionsSel";
|
||||
document.getElementById("imgParam").src =
|
||||
"/static/public/tabs/focused/param.png";
|
||||
document.getElementById("barreOParam").style.display = "block";
|
||||
document.getElementById("blocInfoDim2").style.display = "block";
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,320 @@
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
////////////////////////////////////////////////////PASSAGE AU DESSUS DES OBSTACLES////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
/*
|
||||
retourne la marge de tolérence pour la séléction d'un objet
|
||||
*/
|
||||
function setMargeSelect() {
|
||||
if (isTactil) {
|
||||
DIAM_ROND_SELECTION = 14;
|
||||
DIAM_ROND_SELECTION_TUNNEL = 6;
|
||||
DIAM_ROND_SELECTION_TUNNEL_MOVE = DIAM_ROND_SELECTION_TUNNEL + 15;
|
||||
RECT_MARGE_SELECTION = 25;
|
||||
ROTATE_MARGE_SELECTION = 25;
|
||||
LARGEUR_NUMERO_SELECT = LARGEUR_NUMERO + RECT_MARGE_SELECTION;
|
||||
HAUTEUR_NUMERO_SELECT = HAUTEUR_NUMERO + RECT_MARGE_SELECTION;
|
||||
} else {
|
||||
DIAM_ROND_SELECTION = 7;
|
||||
DIAM_ROND_SELECTION_TUNNEL = 3;
|
||||
DIAM_ROND_SELECTION_TUNNEL_MOVE = DIAM_ROND_SELECTION_TUNNEL + 10;
|
||||
RECT_MARGE_SELECTION = 15;
|
||||
ROTATE_MARGE_SELECTION = 0;
|
||||
LARGEUR_NUMERO_SELECT = LARGEUR_NUMERO;
|
||||
HAUTEUR_NUMERO_SELECT = HAUTEUR_NUMERO;
|
||||
}
|
||||
}
|
||||
|
||||
function overObstacle(posX, posY) {
|
||||
var x;
|
||||
var y;
|
||||
var xlarg;
|
||||
var ylarg;
|
||||
var angle;
|
||||
var xRotateGauche;
|
||||
var xRotateDroit;
|
||||
var yRotateGauche;
|
||||
var yRotateDroit;
|
||||
for (var i = 0; i < id; i++) {
|
||||
x = getCanvasX(i);
|
||||
y = getCanvasY(i);
|
||||
xlarg = getXCliquable(i) + RECT_MARGE_SELECTION;
|
||||
ylarg = getYCliquable(i) + RECT_MARGE_SELECTION;
|
||||
angle = getAngle(i);
|
||||
if (
|
||||
checkPointInRect(
|
||||
x + xlarg / 2,
|
||||
y + ylarg / 2 - RECT_MARGE_SELECTION / 2,
|
||||
xlarg,
|
||||
ylarg,
|
||||
angle,
|
||||
posX,
|
||||
posY
|
||||
)
|
||||
) {
|
||||
overObject = i;
|
||||
decalX = posX - x;
|
||||
decalY = posY - y;
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "move";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
function overTunnel(posX, posY) {
|
||||
moveTunnelComplet = -1;
|
||||
for (var j = 0; j < idTunnel; j++) {
|
||||
//Déplacement d'un point du tunnel
|
||||
for (var art = 0; art < nbArticulationTunnel; art++) {
|
||||
if (
|
||||
posX > tbTunnels[j][art * 2 + 1] - DIAM_ROND_SELECTION_TUNNEL &&
|
||||
posX < tbTunnels[j][art * 2 + 1] + DIAM_ROND_SELECTION_TUNNEL &&
|
||||
posY > tbTunnels[j][art * 2 + 2] - DIAM_ROND_SELECTION_TUNNEL &&
|
||||
posY < tbTunnels[j][art * 2 + 2] + DIAM_ROND_SELECTION_TUNNEL
|
||||
) {
|
||||
decalX = posX - tbTunnels[j][art * 2 + 1];
|
||||
decalY = posY - tbTunnels[j][art * 2 + 2];
|
||||
overTunnelId = j;
|
||||
overPointTunnel = art;
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "pointer";
|
||||
}
|
||||
}
|
||||
}
|
||||
// déplacement du tunnel complet
|
||||
if (overPointTunnel == -1) {
|
||||
for (var art = 0; art < nbArticulationTunnel; art++) {
|
||||
if (
|
||||
posX >
|
||||
tbTunnels[j][art * 2 + 1] -
|
||||
DIAM_ROND_SELECTION_TUNNEL_MOVE &&
|
||||
posX <
|
||||
tbTunnels[j][art * 2 + 1] +
|
||||
DIAM_ROND_SELECTION_TUNNEL_MOVE &&
|
||||
posY >
|
||||
tbTunnels[j][art * 2 + 2] -
|
||||
DIAM_ROND_SELECTION_TUNNEL_MOVE &&
|
||||
posY <
|
||||
tbTunnels[j][art * 2 + 2] +
|
||||
DIAM_ROND_SELECTION_TUNNEL_MOVE
|
||||
) {
|
||||
decalX = posX - tbTunnels[j][1];
|
||||
decalY = posY - tbTunnels[j][2];
|
||||
overTunnelComplet = j;
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "move";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// permet de définir quel objet est sous la souris
|
||||
function overRotate(posX, posY) {
|
||||
var x;
|
||||
var y;
|
||||
var xlarg;
|
||||
var ylarg;
|
||||
var angle;
|
||||
var xRotateGauche;
|
||||
var xRotateDroit;
|
||||
var yRotateGauche;
|
||||
var yRotateDroit;
|
||||
rotate = false;
|
||||
for (var i = 0; i < id; i++) {
|
||||
x = getCanvasX(i);
|
||||
y = getCanvasY(i);
|
||||
xlarg = getXCliquable(i);
|
||||
ylarg = getYCliquable(i);
|
||||
angle = getAngle(i);
|
||||
|
||||
// bouton des cotés pour rotation
|
||||
|
||||
xRotateGauche =
|
||||
(Math.round(Math.cos(toDegrees(angle)) * 100) / 100) *
|
||||
((xlarg + ROTATE_MARGE_SELECTION) / 2) +
|
||||
x +
|
||||
xlarg / 2;
|
||||
yRotateGauche =
|
||||
(Math.round(Math.sin(toDegrees(angle)) * 100) / 100) *
|
||||
((xlarg + ROTATE_MARGE_SELECTION) / 2) +
|
||||
y +
|
||||
ylarg / 2;
|
||||
if (
|
||||
posX > xRotateGauche - DIAM_ROND_SELECTION &&
|
||||
posX < xRotateGauche + DIAM_ROND_SELECTION &&
|
||||
posY > yRotateGauche - DIAM_ROND_SELECTION &&
|
||||
posY < yRotateGauche + DIAM_ROND_SELECTION
|
||||
) {
|
||||
//selObst=i;
|
||||
overObject = i;
|
||||
decalX = posX - x;
|
||||
decalY = posY - y;
|
||||
rotate = true;
|
||||
rotateCote = "gauche";
|
||||
}
|
||||
xRotateDroit =
|
||||
x +
|
||||
xlarg / 2 -
|
||||
(Math.round(Math.cos(toDegrees(angle)) * 100) / 100) *
|
||||
((xlarg + ROTATE_MARGE_SELECTION) / 2);
|
||||
yRotateDroit =
|
||||
y +
|
||||
ylarg / 2 -
|
||||
(Math.round(Math.sin(toDegrees(angle)) * 100) / 100) *
|
||||
((xlarg + ROTATE_MARGE_SELECTION) / 2);
|
||||
if (
|
||||
posX > xRotateDroit - DIAM_ROND_SELECTION &&
|
||||
posX < xRotateDroit + DIAM_ROND_SELECTION &&
|
||||
posY > yRotateDroit - DIAM_ROND_SELECTION &&
|
||||
posY < yRotateDroit + DIAM_ROND_SELECTION
|
||||
) {
|
||||
//selObst=i;
|
||||
overObject = i;
|
||||
decalX = posX - x;
|
||||
decalY = posY - y;
|
||||
rotate = true;
|
||||
rotateCote = "droit";
|
||||
}
|
||||
|
||||
if (rotate) {
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "pointer";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
function checkPointInRect(
|
||||
rectCentreX,
|
||||
rectCentreY,
|
||||
rectWidth,
|
||||
rectHeight,
|
||||
rot,
|
||||
px,
|
||||
py
|
||||
) {
|
||||
// rotation in radians, because flash likes to be a pain and use them instead.
|
||||
var rotRad = (Math.PI * rot) / 180;
|
||||
var dx = px - rectCentreX;
|
||||
var dy = py - rectCentreY;
|
||||
// distance between point and centre of rectangle.
|
||||
var h1 = Math.sqrt(dx * dx + dy * dy);
|
||||
var currA = Math.atan2(dy, dx);
|
||||
// angle of point rotated by the rectangle amount around the centre of rectangle.
|
||||
var newA = currA - rotRad;
|
||||
// x2 and y2 are the new positions of the point when rotated to offset the rectangles orientation.
|
||||
var x2 = Math.cos(newA) * h1;
|
||||
var y2 = Math.sin(newA) * h1;
|
||||
// the above points are relative to the centre of the rectangle, so the check is simple.
|
||||
|
||||
if (
|
||||
x2 > -0.5 * rectWidth &&
|
||||
x2 < 0.5 * rectWidth &&
|
||||
y2 > -0.5 * rectHeight &&
|
||||
y2 < 0.5 * rectHeight
|
||||
) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function overNumero(x, y) {
|
||||
overNumeroId = -1;
|
||||
for (var i = 1; i < nextNumber; i++) {
|
||||
if (
|
||||
checkPointInRect(
|
||||
listeNumero[i][1] + 7 - LARGEUR_NUMERO / 2,
|
||||
listeNumero[i][2] + 6 - HAUTEUR_NUMERO / 2,
|
||||
LARGEUR_NUMERO_SELECT,
|
||||
HAUTEUR_NUMERO_SELECT,
|
||||
0,
|
||||
x,
|
||||
y
|
||||
)
|
||||
) {
|
||||
overNumeroId = i;
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "move";
|
||||
}
|
||||
decalX = x - listeNumero[i][1];
|
||||
decalY = y - listeNumero[i][2];
|
||||
}
|
||||
}
|
||||
}
|
||||
function overNumero2(x, y) {
|
||||
overNumeroId2 = -1;
|
||||
for (var i = 1; i < nextNumber2; i++) {
|
||||
if (
|
||||
checkPointInRect(
|
||||
listeNumero2[i][1] + 7 - LARGEUR_NUMERO / 2,
|
||||
listeNumero2[i][2] + 6 - HAUTEUR_NUMERO / 2,
|
||||
LARGEUR_NUMERO_SELECT,
|
||||
HAUTEUR_NUMERO_SELECT,
|
||||
0,
|
||||
x,
|
||||
y
|
||||
)
|
||||
) {
|
||||
overNumeroId2 = i;
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "move";
|
||||
}
|
||||
decalX = x - listeNumero2[i][1];
|
||||
decalY = y - listeNumero2[i][2];
|
||||
}
|
||||
}
|
||||
}
|
||||
function overNumero3(x, y) {
|
||||
overNumeroId3 = -1;
|
||||
for (var i = 1; i < nextNumber3; i++) {
|
||||
if (
|
||||
checkPointInRect(
|
||||
listeNumero3[i][1] + 7 - LARGEUR_NUMERO / 2,
|
||||
listeNumero3[i][2] + 6 - HAUTEUR_NUMERO / 2,
|
||||
LARGEUR_NUMERO_SELECT,
|
||||
HAUTEUR_NUMERO_SELECT,
|
||||
0,
|
||||
x,
|
||||
y
|
||||
)
|
||||
) {
|
||||
overNumeroId3 = i;
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "move";
|
||||
}
|
||||
decalX = x - listeNumero3[i][1];
|
||||
decalY = y - listeNumero3[i][2];
|
||||
}
|
||||
}
|
||||
}
|
||||
function overModifTraj(x, y) {
|
||||
for (var i = 1; i < nextNumber; i++) {
|
||||
var xDep = ordreObst[i][3];
|
||||
var yDep = ordreObst[i][4];
|
||||
var xArr = ordreObst[i][5];
|
||||
var yArr = ordreObst[i][6];
|
||||
if (checkPointInRect(xDep, yDep, 8, 8, 0, x, y)) {
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "pointer";
|
||||
overModifTrajId = i;
|
||||
overModifTrajDepArr = "dep";
|
||||
decalX = x - xDep;
|
||||
decalY = y - yDep;
|
||||
}
|
||||
}
|
||||
if (checkPointInRect(xArr, yArr, 8, 8, 0, x, y)) {
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "pointer";
|
||||
overModifTrajId = i;
|
||||
overModifTrajDepArr = "arr";
|
||||
decalX = x - xArr;
|
||||
decalY = y - yArr;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,320 @@
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
////////////////////////////////////////////////////PASSAGE AU DESSUS DES OBSTACLES////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
/*
|
||||
retourne la marge de tol�rence pour la s�l�ction d'un objet
|
||||
*/
|
||||
function setMargeSelect() {
|
||||
if (isTactil) {
|
||||
DIAM_ROND_SELECTION = 14;
|
||||
DIAM_ROND_SELECTION_TUNNEL = 6;
|
||||
DIAM_ROND_SELECTION_TUNNEL_MOVE = DIAM_ROND_SELECTION_TUNNEL + 15;
|
||||
RECT_MARGE_SELECTION = 25;
|
||||
ROTATE_MARGE_SELECTION = 25;
|
||||
LARGEUR_NUMERO_SELECT = LARGEUR_NUMERO + RECT_MARGE_SELECTION;
|
||||
HAUTEUR_NUMERO_SELECT = HAUTEUR_NUMERO + RECT_MARGE_SELECTION;
|
||||
} else {
|
||||
DIAM_ROND_SELECTION = 7;
|
||||
DIAM_ROND_SELECTION_TUNNEL = 3;
|
||||
DIAM_ROND_SELECTION_TUNNEL_MOVE = DIAM_ROND_SELECTION_TUNNEL + 10;
|
||||
RECT_MARGE_SELECTION = 15;
|
||||
ROTATE_MARGE_SELECTION = 0;
|
||||
LARGEUR_NUMERO_SELECT = LARGEUR_NUMERO;
|
||||
HAUTEUR_NUMERO_SELECT = HAUTEUR_NUMERO;
|
||||
}
|
||||
}
|
||||
|
||||
function overObstacle(posX, posY) {
|
||||
var x;
|
||||
var y;
|
||||
var xlarg;
|
||||
var ylarg;
|
||||
var angle;
|
||||
var xRotateGauche;
|
||||
var xRotateDroit;
|
||||
var yRotateGauche;
|
||||
var yRotateDroit;
|
||||
for (var i = 0; i < id; i++) {
|
||||
x = getCanvasX(i);
|
||||
y = getCanvasY(i);
|
||||
xlarg = getXCliquable(i) + RECT_MARGE_SELECTION;
|
||||
ylarg = getYCliquable(i) + RECT_MARGE_SELECTION;
|
||||
angle = getAngle(i);
|
||||
if (
|
||||
checkPointInRect(
|
||||
x + xlarg / 2,
|
||||
y + ylarg / 2 - RECT_MARGE_SELECTION / 2,
|
||||
xlarg,
|
||||
ylarg,
|
||||
angle,
|
||||
posX,
|
||||
posY
|
||||
)
|
||||
) {
|
||||
overObject = i;
|
||||
decalX = posX - x;
|
||||
decalY = posY - y;
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "move";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
function overTunnel(posX, posY) {
|
||||
moveTunnelComplet = -1;
|
||||
for (var j = 0; j < idTunnel; j++) {
|
||||
//D�placement d'un point du tunnel
|
||||
for (var art = 0; art < nbArticulationTunnel; art++) {
|
||||
if (
|
||||
posX > tbTunnels[j][art * 2 + 1] - DIAM_ROND_SELECTION_TUNNEL &&
|
||||
posX < tbTunnels[j][art * 2 + 1] + DIAM_ROND_SELECTION_TUNNEL &&
|
||||
posY > tbTunnels[j][art * 2 + 2] - DIAM_ROND_SELECTION_TUNNEL &&
|
||||
posY < tbTunnels[j][art * 2 + 2] + DIAM_ROND_SELECTION_TUNNEL
|
||||
) {
|
||||
decalX = posX - tbTunnels[j][art * 2 + 1];
|
||||
decalY = posY - tbTunnels[j][art * 2 + 2];
|
||||
overTunnelId = j;
|
||||
overPointTunnel = art;
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "pointer";
|
||||
}
|
||||
}
|
||||
}
|
||||
// d�placement du tunnel complet
|
||||
if (overPointTunnel == -1) {
|
||||
for (var art = 0; art < nbArticulationTunnel; art++) {
|
||||
if (
|
||||
posX >
|
||||
tbTunnels[j][art * 2 + 1] -
|
||||
DIAM_ROND_SELECTION_TUNNEL_MOVE &&
|
||||
posX <
|
||||
tbTunnels[j][art * 2 + 1] +
|
||||
DIAM_ROND_SELECTION_TUNNEL_MOVE &&
|
||||
posY >
|
||||
tbTunnels[j][art * 2 + 2] -
|
||||
DIAM_ROND_SELECTION_TUNNEL_MOVE &&
|
||||
posY <
|
||||
tbTunnels[j][art * 2 + 2] +
|
||||
DIAM_ROND_SELECTION_TUNNEL_MOVE
|
||||
) {
|
||||
decalX = posX - tbTunnels[j][1];
|
||||
decalY = posY - tbTunnels[j][2];
|
||||
overTunnelComplet = j;
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "move";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// permet de d�finir quel objet est sous la souris
|
||||
function overRotate(posX, posY) {
|
||||
var x;
|
||||
var y;
|
||||
var xlarg;
|
||||
var ylarg;
|
||||
var angle;
|
||||
var xRotateGauche;
|
||||
var xRotateDroit;
|
||||
var yRotateGauche;
|
||||
var yRotateDroit;
|
||||
rotate = false;
|
||||
for (var i = 0; i < id; i++) {
|
||||
x = getCanvasX(i);
|
||||
y = getCanvasY(i);
|
||||
xlarg = getXCliquable(i);
|
||||
ylarg = getYCliquable(i);
|
||||
angle = getAngle(i);
|
||||
|
||||
// bouton des cot�s pour rotation
|
||||
|
||||
xRotateGauche =
|
||||
(Math.round(Math.cos(toDegrees(angle)) * 100) / 100) *
|
||||
((xlarg + ROTATE_MARGE_SELECTION) / 2) +
|
||||
x +
|
||||
xlarg / 2;
|
||||
yRotateGauche =
|
||||
(Math.round(Math.sin(toDegrees(angle)) * 100) / 100) *
|
||||
((xlarg + ROTATE_MARGE_SELECTION) / 2) +
|
||||
y +
|
||||
ylarg / 2;
|
||||
if (
|
||||
posX > xRotateGauche - DIAM_ROND_SELECTION &&
|
||||
posX < xRotateGauche + DIAM_ROND_SELECTION &&
|
||||
posY > yRotateGauche - DIAM_ROND_SELECTION &&
|
||||
posY < yRotateGauche + DIAM_ROND_SELECTION
|
||||
) {
|
||||
//selObst=i;
|
||||
overObject = i;
|
||||
decalX = posX - x;
|
||||
decalY = posY - y;
|
||||
rotate = true;
|
||||
rotateCote = "gauche";
|
||||
}
|
||||
xRotateDroit =
|
||||
x +
|
||||
xlarg / 2 -
|
||||
(Math.round(Math.cos(toDegrees(angle)) * 100) / 100) *
|
||||
((xlarg + ROTATE_MARGE_SELECTION) / 2);
|
||||
yRotateDroit =
|
||||
y +
|
||||
ylarg / 2 -
|
||||
(Math.round(Math.sin(toDegrees(angle)) * 100) / 100) *
|
||||
((xlarg + ROTATE_MARGE_SELECTION) / 2);
|
||||
if (
|
||||
posX > xRotateDroit - DIAM_ROND_SELECTION &&
|
||||
posX < xRotateDroit + DIAM_ROND_SELECTION &&
|
||||
posY > yRotateDroit - DIAM_ROND_SELECTION &&
|
||||
posY < yRotateDroit + DIAM_ROND_SELECTION
|
||||
) {
|
||||
//selObst=i;
|
||||
overObject = i;
|
||||
decalX = posX - x;
|
||||
decalY = posY - y;
|
||||
rotate = true;
|
||||
rotateCote = "droit";
|
||||
}
|
||||
|
||||
if (rotate) {
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "pointer";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
function checkPointInRect(
|
||||
rectCentreX,
|
||||
rectCentreY,
|
||||
rectWidth,
|
||||
rectHeight,
|
||||
rot,
|
||||
px,
|
||||
py
|
||||
) {
|
||||
// rotation in radians, because flash likes to be a pain and use them instead.
|
||||
var rotRad = (Math.PI * rot) / 180;
|
||||
var dx = px - rectCentreX;
|
||||
var dy = py - rectCentreY;
|
||||
// distance between point and centre of rectangle.
|
||||
var h1 = Math.sqrt(dx * dx + dy * dy);
|
||||
var currA = Math.atan2(dy, dx);
|
||||
// angle of point rotated by the rectangle amount around the centre of rectangle.
|
||||
var newA = currA - rotRad;
|
||||
// x2 and y2 are the new positions of the point when rotated to offset the rectangles orientation.
|
||||
var x2 = Math.cos(newA) * h1;
|
||||
var y2 = Math.sin(newA) * h1;
|
||||
// the above points are relative to the centre of the rectangle, so the check is simple.
|
||||
|
||||
if (
|
||||
x2 > -0.5 * rectWidth &&
|
||||
x2 < 0.5 * rectWidth &&
|
||||
y2 > -0.5 * rectHeight &&
|
||||
y2 < 0.5 * rectHeight
|
||||
) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
function overNumero(x, y) {
|
||||
overNumeroId = -1;
|
||||
for (var i = 1; i < nextNumber; i++) {
|
||||
if (
|
||||
checkPointInRect(
|
||||
listeNumero[i][1] + 7 - LARGEUR_NUMERO / 2,
|
||||
listeNumero[i][2] + 6 - HAUTEUR_NUMERO / 2,
|
||||
LARGEUR_NUMERO_SELECT,
|
||||
HAUTEUR_NUMERO_SELECT,
|
||||
0,
|
||||
x,
|
||||
y
|
||||
)
|
||||
) {
|
||||
overNumeroId = i;
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "move";
|
||||
}
|
||||
decalX = x - listeNumero[i][1];
|
||||
decalY = y - listeNumero[i][2];
|
||||
}
|
||||
}
|
||||
}
|
||||
function overNumero2(x, y) {
|
||||
overNumeroId2 = -1;
|
||||
for (var i = 1; i < nextNumber2; i++) {
|
||||
if (
|
||||
checkPointInRect(
|
||||
listeNumero2[i][1] + 7 - LARGEUR_NUMERO / 2,
|
||||
listeNumero2[i][2] + 6 - HAUTEUR_NUMERO / 2,
|
||||
LARGEUR_NUMERO_SELECT,
|
||||
HAUTEUR_NUMERO_SELECT,
|
||||
0,
|
||||
x,
|
||||
y
|
||||
)
|
||||
) {
|
||||
overNumeroId2 = i;
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "move";
|
||||
}
|
||||
decalX = x - listeNumero2[i][1];
|
||||
decalY = y - listeNumero2[i][2];
|
||||
}
|
||||
}
|
||||
}
|
||||
function overNumero3(x, y) {
|
||||
overNumeroId3 = -1;
|
||||
for (var i = 1; i < nextNumber3; i++) {
|
||||
if (
|
||||
checkPointInRect(
|
||||
listeNumero3[i][1] + 7 - LARGEUR_NUMERO / 2,
|
||||
listeNumero3[i][2] + 6 - HAUTEUR_NUMERO / 2,
|
||||
LARGEUR_NUMERO_SELECT,
|
||||
HAUTEUR_NUMERO_SELECT,
|
||||
0,
|
||||
x,
|
||||
y
|
||||
)
|
||||
) {
|
||||
overNumeroId3 = i;
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "move";
|
||||
}
|
||||
decalX = x - listeNumero3[i][1];
|
||||
decalY = y - listeNumero3[i][2];
|
||||
}
|
||||
}
|
||||
}
|
||||
function overModifTraj(x, y) {
|
||||
for (var i = 1; i < nextNumber; i++) {
|
||||
var xDep = ordreObst[i][3];
|
||||
var yDep = ordreObst[i][4];
|
||||
var xArr = ordreObst[i][5];
|
||||
var yArr = ordreObst[i][6];
|
||||
if (checkPointInRect(xDep, yDep, 8, 8, 0, x, y)) {
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "pointer";
|
||||
overModifTrajId = i;
|
||||
overModifTrajDepArr = "dep";
|
||||
decalX = x - xDep;
|
||||
decalY = y - yDep;
|
||||
}
|
||||
}
|
||||
if (checkPointInRect(xArr, yArr, 8, 8, 0, x, y)) {
|
||||
if (!suppression) {
|
||||
document.body.style.cursor = "pointer";
|
||||
overModifTrajId = i;
|
||||
overModifTrajDepArr = "arr";
|
||||
decalX = x - xArr;
|
||||
decalY = y - yArr;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,576 @@
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
/////////////////////////////////////////////////////////////CALCUL DES TRAJECTOIRES///////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
function longueurTunnel(idTunnel) {
|
||||
var longueurTunnel = 0;
|
||||
for (var art = 0; art < nbArticulationTunnel - 1; art++) {
|
||||
var x = art * 2 + 1;
|
||||
var y = art * 2 + 2;
|
||||
var x2 = art * 2 + 3;
|
||||
var y2 = art * 2 + 4;
|
||||
dist = Math.sqrt(
|
||||
Math.pow(tbTunnels[idTunnel][x] - tbTunnels[idTunnel][x2], 2) +
|
||||
Math.pow(tbTunnels[idTunnel][y] - tbTunnels[idTunnel][y2], 2)
|
||||
);
|
||||
longueurTunnel = longueurTunnel + dist;
|
||||
}
|
||||
return longueurTunnel;
|
||||
}
|
||||
function genererTrajectoires() {
|
||||
vitesseTraj = 0;
|
||||
var angleModSui = 0;
|
||||
var angleMod = 0;
|
||||
|
||||
if (!trajectoire) {
|
||||
return;
|
||||
}
|
||||
longueurTotal = 0;
|
||||
|
||||
context.lineWidth = 1;
|
||||
var distObstTrajectoireSui = 50;
|
||||
var distObstTrajectoire = 50;
|
||||
for (var j = 1; j < nextNumber - 1; j++) {
|
||||
var i = ordreObst[j][0];
|
||||
var iSui = ordreObst[j + 1][0]; //TODO BUG, valeur de la propriété 0 non déf
|
||||
var sens = ordreObst[j][2];
|
||||
var sensSui = ordreObst[j + 1][2];
|
||||
if (sens == 0) {
|
||||
var angleMod = ordreObst[j][7];
|
||||
var distMod = ordreObst[j][8];
|
||||
} else {
|
||||
var angleMod = ordreObst[j][9];
|
||||
var distMod = ordreObst[j][10];
|
||||
}
|
||||
if (sensSui == 0) {
|
||||
var angleModSui = ordreObst[j + 1][9];
|
||||
var distModSui = ordreObst[j + 1][10];
|
||||
} else {
|
||||
var angleModSui = ordreObst[j + 1][7];
|
||||
var distModSui = ordreObst[j + 1][8];
|
||||
}
|
||||
|
||||
if (ordreObst[j][1] == "tunnel") {
|
||||
if (sens == 0) {
|
||||
var x = tbTunnels[i][1];
|
||||
var y = tbTunnels[i][2];
|
||||
var x2 = tbTunnels[i][3]; // pour le premier angle
|
||||
var y2 = tbTunnels[i][4]; // pour le premier angle
|
||||
var distX = x - x2;
|
||||
var distY = y - y2;
|
||||
var angle = -90;
|
||||
var modifAngleArr =
|
||||
(Math.atan2(distY, distX) / Math.PI) * 180 - 90;
|
||||
} else {
|
||||
var x = tbTunnels[i][(nbArticulationTunnel - 2) * 2 + 1];
|
||||
var y = tbTunnels[i][(nbArticulationTunnel - 2) * 2 + 2];
|
||||
var x2 = tbTunnels[i][(nbArticulationTunnel - 2) * 2 + 3]; // pour le premier angle
|
||||
var y2 = tbTunnels[i][(nbArticulationTunnel - 2) * 2 + 4]; // pour le premier angle
|
||||
var distX = x2 - x;
|
||||
var distY = y2 - y;
|
||||
x = x2;
|
||||
y = y2;
|
||||
var angle = 0;
|
||||
var modifAngleArr = (Math.atan2(distY, distX) / Math.PI) * 180;
|
||||
}
|
||||
var largX = 0;
|
||||
var hauty = 0;
|
||||
var type = "tunnel";
|
||||
var modifXDep = 0;
|
||||
var modifYDep = 0;
|
||||
var modifXArr = 0;
|
||||
var modifYArr = 0;
|
||||
|
||||
//calcul de l'angle de la table
|
||||
var longTraj = 0;
|
||||
|
||||
if (i == 0) {
|
||||
longueurTotal = longueurTotal + longueurTunnel(i) * pixel;
|
||||
}
|
||||
distObstTrajectoire = distMod; // distance de la trajectoire
|
||||
} else {
|
||||
distObstTrajectoire = distMod; // distance de la trajectoire
|
||||
var x = getCanvasX(i);
|
||||
var y = getCanvasY(i);
|
||||
var largX = getXCliquable(i);
|
||||
var hauty = getYCliquable(i);
|
||||
var type = getType(i);
|
||||
|
||||
// conversion en fonction du sens de départ
|
||||
if (sens == 1) {
|
||||
var modifXDep = getModXTrajSortie(i);
|
||||
var modifYDep = getModYTrajSortie(i);
|
||||
var modifAngleArr = angleMod;
|
||||
var longTraj = getDistTrajCentre(i);
|
||||
var angle = -180 - getAngle(i);
|
||||
} else {
|
||||
var modifXDep = getModXTrajEntree(i);
|
||||
var modifYDep = getModYTrajEntree(i);
|
||||
var modifAngleArr = angleMod;
|
||||
var longTraj = getDistTrajCentre(i);
|
||||
var angle = -getAngle(i);
|
||||
}
|
||||
}
|
||||
if (ordreObst[j + 1][1] == "tunnel") {
|
||||
if (sensSui == 1) {
|
||||
var xSui = tbTunnels[iSui][1];
|
||||
var ySui = tbTunnels[iSui][2];
|
||||
var xSui2 = tbTunnels[iSui][3]; // pour le premier angle
|
||||
var ySui2 = tbTunnels[iSui][4]; // pour le premier angle
|
||||
var distX = xSui - xSui2;
|
||||
var distY = ySui - ySui2;
|
||||
var angleSui = -90;
|
||||
var modifAngleArrSui =
|
||||
(Math.atan2(distY, distX) / Math.PI) * 180 - 90;
|
||||
} else {
|
||||
var xSui = tbTunnels[iSui][(nbArticulationTunnel - 2) * 2 + 1];
|
||||
var ySui = tbTunnels[iSui][(nbArticulationTunnel - 2) * 2 + 2];
|
||||
var xSui2 = tbTunnels[iSui][(nbArticulationTunnel - 2) * 2 + 3]; // pour le premier angle
|
||||
var ySui2 = tbTunnels[iSui][(nbArticulationTunnel - 2) * 2 + 4]; // pour le premier angle
|
||||
var distX = xSui2 - xSui;
|
||||
var distY = ySui2 - ySui;
|
||||
xSui = xSui2;
|
||||
ySui = ySui2;
|
||||
var angleSui = 180;
|
||||
var modifAngleArrSui =
|
||||
(Math.atan2(distY, distX) / Math.PI) * 180;
|
||||
}
|
||||
/*
|
||||
var xSui=tbTunnels[iSui][(nbArticulationTunnel-1)*2+1];
|
||||
var ySui=tbTunnels[iSui][(nbArticulationTunnel-1)*2+2];
|
||||
var xSui2=tbTunnels[iSui][(nbArticulationTunnel-2)*2+1];
|
||||
var ySui2=tbTunnels[iSui][(nbArticulationTunnel-2)*2+2];*/
|
||||
var largXSui = 0;
|
||||
var largYSui = 0;
|
||||
//var angleSui=90;
|
||||
var typeSui = "tunnel";
|
||||
var modifXDepSui = 0;
|
||||
var modifYDepSui = 0;
|
||||
var modifXArrSui = 0;
|
||||
var modifYArrSui = 0;
|
||||
|
||||
//var modifAngleArrSui=0;
|
||||
var longTrajSui = 0;
|
||||
longueurTotal = longueurTotal + longueurTunnel(iSui) * pixel;
|
||||
distObstTrajectoireSui = distModSui; // distance de la trajectoire
|
||||
} else {
|
||||
distObstTrajectoireSui = distModSui; // distance de la trajectoire
|
||||
|
||||
var xSui = getCanvasX(iSui);
|
||||
var ySui = getCanvasY(iSui);
|
||||
var largXSui = getXCliquable(iSui);
|
||||
var largYSui = getYCliquable(iSui);
|
||||
var typeSui = getType(iSui);
|
||||
|
||||
if (sensSui == 1) {
|
||||
var modifXArrSui = getModXTrajSortie(iSui);
|
||||
var modifYArrSui = getModYTrajSortie(iSui);
|
||||
var modifAngleArrSui = angleModSui;
|
||||
var longTrajSui = getDistTrajCentre(iSui);
|
||||
var angleSui = -180 + getAngle(iSui);
|
||||
} else {
|
||||
var modifXArrSui = getModXTrajEntree(iSui);
|
||||
var modifYArrSui = getModYTrajEntree(iSui);
|
||||
var modifAngleArrSui = angleModSui;
|
||||
var longTrajSui = getDistTrajCentre(iSui);
|
||||
var angleSui = getAngle(iSui);
|
||||
}
|
||||
}
|
||||
|
||||
if (j == 0) {
|
||||
longueurTotal = longueurTotal + longTraj * pixel;
|
||||
}
|
||||
longueurTotal = longueurTotal + longTrajSui * pixel;
|
||||
|
||||
angle = -angle + modifAngleArr;
|
||||
angleSui = angleSui + modifAngleArrSui;
|
||||
|
||||
var departX =
|
||||
x +
|
||||
modifXDep / 2 +
|
||||
(Math.cos((angle / 180) * Math.PI) * longTraj) / 2;
|
||||
var departY =
|
||||
y +
|
||||
modifYDep / 2 +
|
||||
(Math.sin((angle / 180) * Math.PI) * longTraj) / 2;
|
||||
var interDepX =
|
||||
x +
|
||||
modifXDep / 2 +
|
||||
Math.cos((angle / 180) * Math.PI) *
|
||||
(longTraj / 2 + distObstTrajectoire);
|
||||
var interDepY =
|
||||
y +
|
||||
modifYDep / 2 +
|
||||
Math.sin((angle / 180) * Math.PI) *
|
||||
(longTraj / 2 + distObstTrajectoire);
|
||||
|
||||
if (typeSui == "table") {
|
||||
//calcul de l'angle de la table
|
||||
var distX = xSui + largXSui / 2 - interDepX;
|
||||
var distY = interDepY - ySui + largYSui / 2;
|
||||
var angleSui = (Math.atan2(distY, distX) / Math.PI) * -180;
|
||||
}
|
||||
|
||||
//var arriveX = xSui+modifXArrSui/2+Math.cos(angleSui/180*Math.PI)*(-longTrajSui/2);
|
||||
//var arriveY= ySui+modifYArrSui/2+Math.sin(angleSui/180*Math.PI)*(-longTrajSui/2);
|
||||
|
||||
var arriveX =
|
||||
xSui +
|
||||
modifXArrSui / 2 +
|
||||
Math.cos((angleSui / 180) * Math.PI) * (-longTrajSui / 2);
|
||||
var arriveY =
|
||||
ySui +
|
||||
modifYArrSui / 2 +
|
||||
Math.sin((angleSui / 180) * Math.PI) * (-longTrajSui / 2);
|
||||
|
||||
var interArrX =
|
||||
xSui +
|
||||
modifXArrSui / 2 +
|
||||
Math.cos((angleSui / 180) * Math.PI) *
|
||||
(-longTrajSui / 2 - distObstTrajectoireSui);
|
||||
var interArrY =
|
||||
ySui +
|
||||
modifYArrSui / 2 +
|
||||
Math.sin((angleSui / 180) * Math.PI) *
|
||||
(-longTrajSui / 2 - distObstTrajectoireSui);
|
||||
if (type == "table") {
|
||||
//calcul de l'angle de la table
|
||||
var distX = interArrX - x - largX / 2;
|
||||
var distY = interArrY - y - hauty / 2;
|
||||
|
||||
var angle = (Math.atan2(distY, distX) / Math.PI) * +180;
|
||||
departX =
|
||||
x +
|
||||
modifXDep / 2 +
|
||||
(Math.cos((angle / 180) * Math.PI) * longTraj) / 2;
|
||||
departY =
|
||||
y +
|
||||
modifYDep / 2 +
|
||||
(Math.sin((angle / 180) * Math.PI) * longTraj) / 2;
|
||||
interDepX =
|
||||
x +
|
||||
modifXDep / 2 +
|
||||
Math.cos((angle / 180) * Math.PI) *
|
||||
(longTraj / 2 + distObstTrajectoire);
|
||||
interDepY =
|
||||
y +
|
||||
modifYDep / 2 +
|
||||
Math.sin((angle / 180) * Math.PI) *
|
||||
(longTraj / 2 + distObstTrajectoire);
|
||||
}
|
||||
var xText = Math.round((interDepX + interArrX) / 2);
|
||||
var yText = Math.round((interArrY + interDepY) / 2);
|
||||
|
||||
/////////////////////////// modification des trajectoires ///////////////////////
|
||||
if (document.getElementById("ModifierTrajectoires").checked) {
|
||||
if (modifTrajId == j && modifTrajDepArr == "dep") {
|
||||
interDepY = canvas_y - decalY;
|
||||
interDepX = canvas_x - decalX;
|
||||
var xModif = departX - interDepX;
|
||||
var yModif = departY - interDepY;
|
||||
var modifAngle = (Math.atan2(yModif, xModif) / Math.PI) * 180;
|
||||
var modifDist = Math.sqrt(
|
||||
Math.pow(xModif, 2) + Math.pow(yModif, 2)
|
||||
);
|
||||
|
||||
if (
|
||||
type == "haie" ||
|
||||
type == "oxer" ||
|
||||
type == "mur" ||
|
||||
type == "longueur"
|
||||
) {
|
||||
var angleOrigine = getAngle(i);
|
||||
var angleTrajReel = modifAngle;
|
||||
var angleTrajRelatif;
|
||||
|
||||
if (angleOrigine >= 0 && angleTrajReel >= 0) {
|
||||
angleTrajRelatif = angleTrajReel - angleOrigine;
|
||||
} else if (angleOrigine >= 0 && angleTrajReel <= 0) {
|
||||
angleTrajRelatif = angleTrajReel - angleOrigine;
|
||||
} else if (angleOrigine <= 0 && angleTrajReel <= 0) {
|
||||
angleTrajRelatif = angleTrajReel - angleOrigine;
|
||||
} else if (angleOrigine <= 0 && angleTrajReel >= 0) {
|
||||
angleTrajRelatif = angleTrajReel - angleOrigine;
|
||||
}
|
||||
|
||||
var oldAngleMod = angleMod;
|
||||
if (sens == 1) {
|
||||
if (angleMod > 0) {
|
||||
angleMod = angleTrajRelatif - 360;
|
||||
} else {
|
||||
angleMod = angleTrajRelatif + 360;
|
||||
}
|
||||
} else {
|
||||
if (angleMod > 0) {
|
||||
angleMod = angleTrajRelatif - 180;
|
||||
} else {
|
||||
angleMod = angleTrajRelatif + 180;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
distMod = modifDist;
|
||||
} else if (modifTrajId == j + 1 && modifTrajDepArr == "arr") {
|
||||
interArrY = canvas_y - decalY;
|
||||
interArrX = canvas_x - decalX;
|
||||
var xModif = arriveX - interArrX;
|
||||
var yModif = arriveY - interArrY;
|
||||
var modifAngle = (Math.atan2(yModif, xModif) / Math.PI) * 180;
|
||||
var modifDist = Math.sqrt(
|
||||
Math.pow(xModif, 2) + Math.pow(yModif, 2)
|
||||
);
|
||||
|
||||
if (
|
||||
typeSui == "haie" ||
|
||||
typeSui == "oxer" ||
|
||||
typeSui == "mur" ||
|
||||
typeSui == "longueur"
|
||||
) {
|
||||
var angleOrigine = getAngle(iSui);
|
||||
var angleTrajReel = modifAngle;
|
||||
var angleTrajRelatif;
|
||||
|
||||
if (angleOrigine >= 0 && angleTrajReel >= 0) {
|
||||
angleTrajRelatif = angleTrajReel - angleOrigine;
|
||||
} else if (angleOrigine >= 0 && angleTrajReel <= 0) {
|
||||
angleTrajRelatif = angleTrajReel - angleOrigine;
|
||||
} else if (angleOrigine <= 0 && angleTrajReel <= 0) {
|
||||
angleTrajRelatif = angleTrajReel - angleOrigine;
|
||||
} else if (angleOrigine <= 0 && angleTrajReel >= 0) {
|
||||
angleTrajRelatif = angleTrajReel - angleOrigine;
|
||||
}
|
||||
|
||||
angleModSui = angleTrajRelatif;
|
||||
|
||||
if (sensSui == 1) {
|
||||
if (angleModSui > 0) {
|
||||
angleModSui = angleTrajRelatif - 180;
|
||||
} else {
|
||||
angleModSui = angleTrajRelatif + 180;
|
||||
}
|
||||
}
|
||||
}
|
||||
distModSui = modifDist;
|
||||
}
|
||||
}
|
||||
|
||||
var longueurBez = bezierSize(
|
||||
departX,
|
||||
departY,
|
||||
interDepX,
|
||||
interDepY,
|
||||
interArrX,
|
||||
interArrY,
|
||||
arriveX,
|
||||
arriveY
|
||||
);
|
||||
|
||||
longueurMetre = longueurBez * pixel;
|
||||
longueurTotal = longueurTotal + longueurMetre;
|
||||
|
||||
context.strokeStyle = COLOR_TRACE_OK;
|
||||
|
||||
//ralentissement de la vitesse en fonction de l'obstacle :
|
||||
|
||||
if (type == "haie") {
|
||||
vitesseTraj = vitesseTraj * 0.75;
|
||||
} else if (type == "oxer") {
|
||||
vitesseTraj = vitesseTraj * 0.65;
|
||||
} else if (type == "mur") {
|
||||
vitesseTraj = vitesseTraj * 0.7;
|
||||
} else if (type == "pneu") {
|
||||
vitesseTraj = vitesseTraj * 0.7;
|
||||
} else if (type == "table") {
|
||||
vitesseTraj = 0;
|
||||
} else if (type == "balancoire") {
|
||||
vitesseTraj = vitesseTraj * 0.2;
|
||||
} else if (type == "chaussette") {
|
||||
vitesseTraj = vitesseTraj * 0.5;
|
||||
} else if (type == "slalom") {
|
||||
vitesseTraj = vitMax * 0.3;
|
||||
} else if (type == "slalom6") {
|
||||
vitesseTraj = vitMax * 0.3;
|
||||
} else if (type == "passerelle") {
|
||||
//running
|
||||
if (document.getElementById("2on2off").checked) {
|
||||
vitesseTraj = vitMax * 0.2;
|
||||
} else {
|
||||
vitesseTraj = vitMax * 0.9;
|
||||
}
|
||||
} else if (type == "palissade") {
|
||||
if (document.getElementById("2on2off").checked) {
|
||||
vitesseTraj = vitMax * 0.2;
|
||||
} else {
|
||||
vitesseTraj = vitMax * 0.7;
|
||||
}
|
||||
} else if (type == "longueur") {
|
||||
vitesseTraj = vitesseTraj * 0.9;
|
||||
} else if (type == "tunnel") {
|
||||
vitesseTraj = vitesseTraj * 0.9;
|
||||
}
|
||||
|
||||
customBezier(
|
||||
departX,
|
||||
departY,
|
||||
interDepX,
|
||||
interDepY,
|
||||
interArrX,
|
||||
interArrY,
|
||||
arriveX,
|
||||
arriveY
|
||||
);
|
||||
|
||||
// FLECHE
|
||||
context.save();
|
||||
context.translate(arriveX, arriveY); //translate to center of shape
|
||||
context.rotate((Math.PI / 180) * angleSui); //rotate 25 degrees
|
||||
context.translate(-arriveX, -arriveY); //translate center back to 0,0
|
||||
|
||||
context.beginPath();
|
||||
context.moveTo(arriveX - 5, arriveY + 4);
|
||||
context.lineTo(arriveX, arriveY);
|
||||
context.lineTo(arriveX - 5, arriveY - 4);
|
||||
context.closePath();
|
||||
context.fillStyle = COLOR_TRACE_OK; //blanc
|
||||
context.stroke();
|
||||
context.fill();
|
||||
|
||||
context.restore();
|
||||
//////////
|
||||
context.fillStyle = COLOR_TERRAIN;
|
||||
context.fillStyle = COLOR_TEXT_UNDER;
|
||||
context.fillRect(xText - 15, yText - 8, 25, 12);
|
||||
context.fillStyle = COLOR_TEXT;
|
||||
context.fillText(
|
||||
Math.round(longueurMetre * unite, 3) / 100,
|
||||
xText - 14,
|
||||
yText
|
||||
);
|
||||
//TPS = Math.round(longueurTotal)/100/document.getElementById('vitesseEvo').value
|
||||
|
||||
// modification des trajectoires
|
||||
if (document.getElementById("ModifierTrajectoires").checked) {
|
||||
ordreObst[j][3] = interDepX;
|
||||
ordreObst[j][4] = interDepY;
|
||||
ordreObst[j + 1][5] = interArrX;
|
||||
ordreObst[j + 1][6] = interArrY;
|
||||
if (modifTrajId == j && modifTrajDepArr == "dep") {
|
||||
if (sens == 0) {
|
||||
ordreObst[j][8] = distMod;
|
||||
} else {
|
||||
ordreObst[j][10] = distMod;
|
||||
}
|
||||
} else if (modifTrajId == j + 1 && modifTrajDepArr == "arr") {
|
||||
if (sensSui == 0) {
|
||||
ordreObst[j + 1][10] = distModSui;
|
||||
} else {
|
||||
ordreObst[j + 1][8] = distModSui;
|
||||
}
|
||||
}
|
||||
/* A MODIFIER SI IL Y A DES ANGLES NON DEPENDANTS ENTRE ENTREE ET SORTIE
|
||||
if(sens==0){
|
||||
|
||||
}else{
|
||||
|
||||
}
|
||||
if(sensSui==0){
|
||||
|
||||
}else{
|
||||
|
||||
}*/
|
||||
ordreObst[j][7] = angleMod;
|
||||
ordreObst[j][9] = angleMod;
|
||||
ordreObst[j + 1][9] = angleModSui;
|
||||
ordreObst[j + 1][7] = angleModSui;
|
||||
|
||||
context.fillStyle = COLOR_JAUNE;
|
||||
context.strokeStyle = COLOR_TRACE_TRANSPARENT;
|
||||
// tracé des points jaune pour modif de trajectoires
|
||||
// vérification de leur distance avec le pointeur de la souris
|
||||
if (
|
||||
Math.abs(interDepX - canvas_x) +
|
||||
Math.abs(interDepY - canvas_y) <
|
||||
200
|
||||
) {
|
||||
context.beginPath();
|
||||
context.arc(interDepX, interDepY, 4, 0, 2 * Math.PI);
|
||||
context.stroke();
|
||||
context.fill();
|
||||
context.beginPath();
|
||||
context.moveTo(departX, departY);
|
||||
context.lineTo(interDepX, interDepY);
|
||||
context.stroke();
|
||||
}
|
||||
if (
|
||||
Math.abs(interArrX - canvas_x) +
|
||||
Math.abs(interArrY - canvas_y) <
|
||||
200
|
||||
) {
|
||||
context.beginPath();
|
||||
context.moveTo(arriveX, arriveY);
|
||||
context.lineTo(interArrX, interArrY);
|
||||
context.stroke();
|
||||
context.beginPath();
|
||||
context.arc(interArrX, interArrY, 4, 0, 2 * Math.PI);
|
||||
context.stroke();
|
||||
context.fill();
|
||||
}
|
||||
}
|
||||
}
|
||||
longueurTotal = longueurTotal * unite;
|
||||
context.fillStyle = COLOR_TEXT_UNDER;
|
||||
rect(canvasSizeX / 4, canvasSizeY - 30, canvasSizeX / 2, 30);
|
||||
}
|
||||
function bezierSize(x1, y1, x1B, y1B, x2, y2, x2B, y2B) {
|
||||
var inc = 50;
|
||||
var length = 0;
|
||||
var t = 0;
|
||||
var ptX = 0;
|
||||
var ptY = 0;
|
||||
var prevPtX = 0;
|
||||
var prevPtY = 0;
|
||||
var xB;
|
||||
var yY;
|
||||
for (var i = 0; i < inc; i++) {
|
||||
t = i / inc;
|
||||
var t1 = 1.0 - t;
|
||||
var t1_3 = t1 * t1 * t1;
|
||||
var t1_3a = 3 * t * (t1 * t1);
|
||||
var t1_3b = 3 * (t * t) * t1;
|
||||
var t1_3c = t * t * t;
|
||||
ptX = x1 * t1_3 + t1_3a * x1B + t1_3b * x2 + t1_3c * x2B;
|
||||
ptY = y1 * t1_3 + t1_3a * y1B + t1_3b * y2 + t1_3c * y2B;
|
||||
if (i > 0) {
|
||||
xB = ptX - prevPtX;
|
||||
yY = ptY - prevPtY;
|
||||
length = length + Math.sqrt(xB * xB + yY * yY);
|
||||
}
|
||||
prevPtX = ptX;
|
||||
prevPtY = ptY;
|
||||
}
|
||||
return length;
|
||||
}
|
||||
function diffAngle(firstAngle, secondAngle) {
|
||||
var difference = secondAngle - firstAngle;
|
||||
if (difference < -180) {
|
||||
difference += 360;
|
||||
}
|
||||
if (difference > 180) {
|
||||
difference -= 360;
|
||||
}
|
||||
if (difference > 0) {
|
||||
difference -= ANGLE_MIN;
|
||||
} else {
|
||||
difference += ANGLE_MIN;
|
||||
}
|
||||
return difference;
|
||||
}
|
||||
|
||||
function newTrajectoire() {
|
||||
nextNumber = 1;
|
||||
listeNumero = Array();
|
||||
genererParcours();
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user