@@ -99,7 +99,12 @@ let posXTotalTimeText = 1330;
9999let  posYTotalTimeText  =  70 ; 
100100let  posXTotalLivesText  =  1480 ; 
101101let  posYTotalLivesText  =  70 ; 
102- 
102+ let  audioIcon ; 
103+ let  dimXAudioIcon  =  70 ; 
104+ let  dimYAudioIcon  =  70 ; 
105+ let  posXAudioIcon  =  1500 ; 
106+ let  posYAudioIcon  =  150 ; 
107+ let  audioOn  =  true ; 
103108function  preload ( ) { 
104109
105110    background  =  loadImage ( 'background.png' ) ; 
@@ -111,7 +116,8 @@ function preload(){
111116	marioJump  =  loadImage ( 'mario_jump1.png' ) ; 
112117	coin  =  loadImage ( 'coin.png' ) ; 
113118	goomba  =  loadImage ( 'goomba.png' ) ; 
114- 
119+ 	
120+ 	
115121	marioFont  =  loadFont ( 'Super Plumber Brothers.ttf' ) ; 
116122
117123	marioJumpSound  =  loadSound ( 'mario_jump_sound.mp3' ) ; 
@@ -147,9 +153,32 @@ function setup(){
147153	marioJump . resize ( dimXMarioJump  *  factorScale ,  dimYMarioJump  *  factorScale ) ; 
148154	coin . resize ( dimXCoin  *  factorScale ,  dimYCoin  *  factorScale ) ; 
149155	goomba . resize ( dimXGoomba  *  factorScale ,  dimYGoomba  *  factorScale ) ; 
150- 
151156	addIframe ( ) ; 
157+ 	addAudioIcon ( ) ; 
158+ 
159+ } 
160+ 
161+ function  toggleAudio ( ) { 
162+ 	if ( audioOn ) { 
163+ 		audioIcon . remove ( ) ; 
164+ 		audioIcon  =  createImg ( 'noAudio.png' ) ; 
165+ 	}  else  { 
166+ 		audioIcon . remove ( ) ; 
167+ 		audioIcon  =  createImg ( 'Audio.png' ) ; 
168+ 	} 
169+ 	audioIcon . position ( posXAudioIcon * factorScale , posYAudioIcon * factorScale ) ; 
170+ 	audioIcon . attribute ( 'onclick' , 'toggleAudio()' ) ; 
171+ 	audioIcon . style ( 'width' , dimXAudioIcon * factorScale ) ; 
172+ 	audioIcon . style ( 'height' , dimYAudioIcon * factorScale ) ; 
173+ 	audioOn  =  ! audioOn ; 
174+ } 
152175
176+ function  addAudioIcon ( ) { 
177+ 	audioIcon  =  createImg ( 'audio.png' ) ; 
178+ 	audioIcon . position ( posXAudioIcon * factorScale , posYAudioIcon * factorScale ) ; 
179+ 	audioIcon . attribute ( 'onclick' , 'toggleAudio()' ) ; 
180+ 	audioIcon . style ( 'width' , dimXAudioIcon * factorScale ) ; 
181+ 	audioIcon . style ( 'height' , dimYAudioIcon * factorScale ) ; 
153182} 
154183
155184function  draw ( ) { 
@@ -186,6 +215,7 @@ function draw(){
186215	addScoreText ( textSizeScores , factorScale , marioFont , "TIME" , totalTime , posXTotalTimeText , posYTotalTimeText ) ; 
187216	addScoreText ( textSizeScores , factorScale , marioFont , "LIVES" , "7" , posXTotalLivesText , posYTotalLivesText ) ; 
188217
218+ 
189219} 
190220
191221function  addScoreText ( fontSize , factorScale , font , title , value , posX , posY ) { 
@@ -237,7 +267,7 @@ function marioAnimation(){
237267
238268	if  ( lastSecond  !==  second ( )  )  { 
239269		if  ( lastSecond  !==  - 1 ) { 
240- 			marioJumpSound . play ( ) ; 
270+ 			if ( audioOn )   marioJumpSound . play ( ) ; 
241271			totalTime  =  totalTime  +  1 ; 
242272		} 
243273		lastSecond  =  second ( ) ; 
0 commit comments