Color Stroop | JavaScript 程式專案

{"id":18549,"student_id":2591,"content":"setBackdrop(\"bg.jpg\");\r\n\r\nvar colorBucket = [\"Red\",\"Black\",\"Blue\",\"Green\",\"Orange\",\"Purple\"];\r\n\r\nvar position1 = createSprite(\"block.jpg\");\r\nposition1.moveTo(180,150);\r\n\r\nvar position2 = createSprite(\"block.jpg\");\r\nposition2.moveTo(460,150);\r\n\r\nvar position3 = createSprite(\"block.jpg\");\r\nposition3.moveTo(180,350);\r\n\r\nvar position4 = createSprite(\"block.jpg\");\r\nposition4.moveTo(460,350);\r\n\r\nvar progressBar = 640;\r\npen.fillColor = \"red\";\r\nvar score = 0;\r\nvar words = [];\r\nvar colors = [];\r\n\r\nfunction colorPicker(){\r\n    words = [];\r\n    colors = [];\r\n\r\n    for(var i = 0; i \u003c 4; i++){\r\n\r\n        var randWord = Math.floor(Math.random() * colorBucket.length)\r\n        var randColor = Math.floor(Math.random() * colorBucket.length)\r\n        while(randWord == randColor){\r\n            randColor = Math.floor(Math.random() * colorBucket.length);\r\n        }\r\n\r\n        words.push(colorBucket[randWord]);\r\n        colors.push(colorBucket[randColor]);\r\n    }\r\n    var target = Math.floor(Math.random()*4);\r\n    words[target] = colors [target];\r\n}\r\ncolorPicker();\r\n\r\nforever(function(){\r\n    print(\"Score : \" + score, 10, 10, \"gray\", 30);\r\n    progressBar -= 1 + score;\r\n    pen.drawRect(0, 240, progressBar, 15);\r\n    if(progressBar \u003c= 0){\r\n        stop();\r\n    }\r\n    print(words[0],120,120,colors[0],45);\r\n    print(words[1],420,120,colors[1],45);\r\n    print(words[2],120,320,colors[2],45);\r\n    print(words[3],420,320,colors[3],45);\r\n});\r\n\r\nfunction choose(option){\r\n    if(words[option] == colors[option]){\r\n        colorPicker();\r\n        progressBar = 640;\r\n        score++;\r\n    }else{\r\n        stop();\r\n    }\r\n}\r\n\r\nposition1.on(\"click\", function(){\r\n    choose(0);\r\n});\r\n\r\nposition2.on(\"click\", function(){\r\n    choose(1);\r\n});\r\n\r\nposition3.on(\"click\", function(){\r\n    choose(2);\r\n});\r\n\r\nposition4.on(\"click\", function(){\r\n    choose(3);\r\n});","created_at":"2017-12-14T12:24:43.231+08:00","updated_at":"2019-11-09T09:05:40.965+08:00","name":"Color Stroop","language":"javascript","screenshot":{"url":"https://cdn1.koding.school/uploads/project/screenshot/18549/20970451d9aa970c874dd56be07c069e.jpg"},"parent_id":17660,"plugin":"","description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":false,"views":118,"hashid":"2pdsr293","is_content_changed":false,"review_status":"pending","submitted_at":"2018-01-12T10:19:47.495+08:00","reviewed_at":null,"advise":null,"is_deleted":false}