\n \n <\/td>\n | let tarot1, tarot2, tarot3;<\/td>\n <\/tr>\n |
\n <\/td>\n | let death, devil, fool, hangedman, hermit, moon;<\/td>\n <\/tr>\n |
\n <\/td>\n | let covered1 = true;<\/td>\n <\/tr>\n |
\n <\/td>\n | let covered2 = true;<\/td>\n <\/tr>\n |
\n <\/td>\n | let covered3 = true;<\/td>\n <\/tr>\n |
\n <\/td>\n | let vidsound = [];<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | function preload() {<\/td>\n <\/tr>\n |
\n <\/td>\n | death = loadSound('voiceover/death.mp3');<\/td>\n <\/tr>\n |
\n <\/td>\n | devil = loadSound('voiceover/devil.mp3');<\/td>\n <\/tr>\n |
\n <\/td>\n | fool = loadSound('voiceover/fool.mp3');<\/td>\n <\/tr>\n |
\n <\/td>\n | hangedman = loadSound('voiceover/hangedman.mp3');<\/td>\n <\/tr>\n |
\n <\/td>\n | hermit = loadSound('voiceover/hermit.mp3');<\/td>\n <\/tr>\n |
\n <\/td>\n | moon = loadSound('voiceover/moon.mp3');<\/td>\n <\/tr>\n |
\n <\/td>\n | }<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | function setup() {<\/td>\n <\/tr>\n |
\n <\/td>\n | createCanvas(windowWidth, windowHeight);<\/td>\n <\/tr>\n |
\n <\/td>\n | background(255);<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot1 = createImg('somatarot.png');<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot2 = createImg('somatarot.png');<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot3 = createImg('somatarot.png');<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | // here we put a small array with video and sound into the big array that<\/td>\n <\/tr>\n |
\n <\/td>\n | // will hold all video sound pairs<\/td>\n <\/tr>\n |
\n <\/td>\n | // vidsound[0] = [createVideo('devil.mp4'), devil]<\/td>\n <\/tr>\n |
\n <\/td>\n | // vidsound[0][0].loop();<\/td>\n <\/tr>\n |
\n <\/td>\n | // vidsound[0][1].play();<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[0] = {<\/td>\n <\/tr>\n |
\n <\/td>\n | 'video': createVideo('devil.mp4'),<\/td>\n <\/tr>\n |
\n <\/td>\n | 'sound': devil<\/td>\n <\/tr>\n |
\n <\/td>\n | };<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[0].video.loop();<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[0].video.hide();<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[1] = {<\/td>\n <\/tr>\n |
\n <\/td>\n | 'video': createVideo('hangedman.mp4'),<\/td>\n <\/tr>\n |
\n <\/td>\n | 'sound': hangedman<\/td>\n <\/tr>\n |
\n <\/td>\n | };<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[1].video.loop();<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[1].video.hide();<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[2] = {<\/td>\n <\/tr>\n |
\n <\/td>\n | 'video': createVideo('fool.mp4'),<\/td>\n <\/tr>\n |
\n <\/td>\n | 'sound': fool<\/td>\n <\/tr>\n |
\n <\/td>\n | };<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[2].video.loop();<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[2].video.hide();<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[3] = {<\/td>\n <\/tr>\n |
\n <\/td>\n | 'video': createVideo('death.mp4'),<\/td>\n <\/tr>\n |
\n <\/td>\n | 'sound': death<\/td>\n <\/tr>\n |
\n <\/td>\n | };<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[3].video.loop();<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[3].video.hide();<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[4] = {<\/td>\n <\/tr>\n |
\n <\/td>\n | 'video': createVideo('hermit.mp4'),<\/td>\n <\/tr>\n |
\n <\/td>\n | 'sound': hermit<\/td>\n <\/tr>\n |
\n <\/td>\n | };<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[4].video.loop();<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[4].video.hide();<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[5] = {<\/td>\n <\/tr>\n |
\n <\/td>\n | 'video': createVideo('moon.mp4'),<\/td>\n <\/tr>\n |
\n <\/td>\n | 'sound': moon<\/td>\n <\/tr>\n |
\n <\/td>\n | };<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[5].video.loop();<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[5].video.hide();<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | shuffle(vidsound, true);<\/td>\n <\/tr>\n |
\n <\/td>\n | }<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | function draw() {<\/td>\n <\/tr>\n |
\n <\/td>\n | imageMode(CENTER);<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | let v_width = min(width / 3, 300);<\/td>\n <\/tr>\n |
\n <\/td>\n | let v_height = v_width * 1.666;<\/td>\n <\/tr>\n |
\n <\/td>\n | image(vidsound[0].video, width / 6 + (0 * width / 3), v_height / 2 + 150, min(width / 3, 300), v_height);<\/td>\n <\/tr>\n |
\n <\/td>\n | if (covered1) {<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot1.show();<\/td>\n <\/tr>\n |
\n <\/td>\n | } else {<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot1.hide();<\/td>\n <\/tr>\n |
\n <\/td>\n | }<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot1.size(min(width / 3, 300) + 33, v_height + 33);<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot1.position(width / 6 - v_width / 2 - 13, 0 + 133);<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | image(vidsound[1].video, width / 6 + (1 * width / 3), v_height / 2 + 150, min(width / 3, 300), v_height);<\/td>\n <\/tr>\n |
\n <\/td>\n | if (covered2) {<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot2.show();<\/td>\n <\/tr>\n |
\n <\/td>\n | } else {<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot2.hide();<\/td>\n <\/tr>\n |
\n <\/td>\n | }<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot2.size(min(width / 3, 300) + 33, v_height + 33);<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot2.position(3 * width / 6 - v_width / 2 - 12, 0 + 133);<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | image(vidsound[2].video, width / 6 + (2 * width / 3), v_height / 2 + 150, min(width / 3, 300), v_height);<\/td>\n <\/tr>\n |
\n <\/td>\n | if (covered3) {<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot3.show();<\/td>\n <\/tr>\n |
\n <\/td>\n | } else {<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot3.hide();<\/td>\n <\/tr>\n |
\n <\/td>\n | }<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot3.size(min(width / 3, 300) + 33, v_height + 33);<\/td>\n <\/tr>\n |
\n <\/td>\n | tarot3.position(5 * width / 6 - v_width / 2 - 12, 0 + 133);<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | }<\/td>\n <\/tr>\n |
\n <\/td>\n | \n<\/td>\n <\/tr>\n |
\n <\/td>\n | function mousePressed() {<\/td>\n <\/tr>\n |
\n <\/td>\n | if (mouseX > 0 && mouseX < width / 3 && covered1 == true) {<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[0].sound.play();<\/td>\n <\/tr>\n |
\n <\/td>\n | covered1 = false;<\/td>\n <\/tr>\n |
\n <\/td>\n | } else if (mouseX > width / 3 && mouseX < 2 * width / 3 && covered2 == true) {<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[1].sound.play();<\/td>\n <\/tr>\n |
\n <\/td>\n | covered2 = false;<\/td>\n <\/tr>\n |
\n <\/td>\n | } else if (mouseX > width / 3 && mouseX < 3 * width / 3 && covered3 == true) {<\/td>\n <\/tr>\n |
\n <\/td>\n | vidsound[2].sound.play();<\/td>\n <\/tr>\n |
\n <\/td>\n | covered3 = false;<\/td>\n <\/tr>\n |
\n <\/td>\n | }<\/td>\n <\/tr>\n |
\n <\/td>\n | }<\/td>\n <\/tr>\n <\/table>\n<\/div>\n\n\n <\/div>\n\n <\/div>\n<\/div>\n\n <\/div>\n |