@@ -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