As part of 21CC Navigator, students are expected to be aware of the Emerging 21st Century Competencies (E21CC). This application aims to make learning about E21CC more enjoyable and interesting for students.
This is a simple memory-match game.
\n\n" } ] }, "model": { "variables": { "pages": [ { "Name": "EditableVariable", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "n", "Value": "18", "Type": "int", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "countdown", "Value": "2", "Type": "double", "Dimension": "", "Comment": "amount of time before game starts", "Domain": "public" }, { "Name": "icon", "Value": "[ \"./Picture1.png\", \"./Picture2.png\", \"./Picture3.png\", \"./Picture4.png\", \"./Picture5.png\", \"./Picture6.png\", \"./Picture7.png\", \"./Picture8.png\", \"./Picture9.png\" ];", "Type": "String", "Dimension": "[n/2]", "Comment": "null", "Domain": "public" }, { "Name": "desc", "Value": "[ \"./Picture1.png\", \"./Picture2.png\", \"./Picture3.png\", \"./Picture4.png\", \"./Picture5.png\", \"./Picture6.png\", \"./Picture7.png\", \"./Picture8.png\", \"./Picture9.png\" ];", "Type": "String", "Dimension": "[n/2]", "Comment": "null", "Domain": "public" }, { "Name": "mode", "Value": "1", "Type": "int", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "message", "Value": " [ \"I am able to use evidence and adopt different perspectives to explain my reasoning and decisions.\", \"I am able to come up with ideas that may involve adjusting existing ones and explore other ways to solve a problem appropriately.\", \"I am able to understand the similarities and differences between different situations and how this might change how I think or act.\", \"I am able to talk about and understand different perspectives on important issues that affect the culture, social and economic development, governance, future and identity of Singapore.\", \"I am able to share what I know about global issues, explain their impact and talk about how Singapore plays a part in the global community to solve them.\", \"I am able to appreciate the value of different customs, beliefs, and ways of thinking of people from different cultural and religious communities, and their contributions to Singapore and the world.\", \"I am able to share and evaluate relevant information to co-create new ideas and meaning with others.\", \"I am able to manage disagreements with group members and take in other perspectives, while contributing to the completion of a task to meet the shared goals.\", \"I am able to verify the accuracy, credibility and recency of information by checking against different sources.\" ]", "Type": "int", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "", "Domain": "" } ] }, { "Name": "Var Table", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "card_id", "Value": "0", "Type": "double", "Dimension": "[n]", "Comment": "There are a total of n/2 unique card_ids: each number represents one set of logo/desc ", "Domain": "public" }, { "Name": "card_type", "Value": "0", "Type": "double", "Dimension": "[n]", "Comment": "there are 2 card_types: 0 is for symbol, 1 is for descriptions", "Domain": "public" }, { "Name": "card_width", "Value": "2", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "card_height", "Value": "2", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "x", "Value": "0", "Type": "double", "Dimension": "[n]", "Comment": "null", "Domain": "public" }, { "Name": "y", "Value": "0", "Type": "double", "Dimension": "[n]", "Comment": "null", "Domain": "public" }, { "Name": "margin_x", "Value": "0.1", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "margin_y", "Value": "0.1", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "prev_id", "Value": "-1", "Type": "double", "Dimension": "", "Comment": "represents the card_id of the previous card clicked", "Domain": "public" }, { "Name": "interact", "Value": "-1", "Type": "double", "Dimension": "", "Comment": "tracks which card is currently being clicked", "Domain": "public" }, { "Name": "prev_interact", "Value": "-1", "Type": "double", "Dimension": "", "Comment": "tracks which card was previously being clicked", "Domain": "public" }, { "Name": "back_display", "Value": "1", "Type": "double", "Dimension": "[n]", "Comment": "UNUSED", "Domain": "public" }, { "Name": "score", "Value": "0", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "game_over", "Value": "0", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "game_start", "Value": "0", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "Back Colors", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "select_color", "Value": "\"rgba(255,255,0,0.1)\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "correct_color", "Value": "\"rgba(0,255,0,0.1)\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "transparent_color", "Value": "\"rgba(0, 0, 0, 0)\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "opaque_color", "Value": "\"black\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "back_color", "Value": "opaque_color", "Type": "String", "Dimension": "[n]", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "Timings", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "t", "Value": "0", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "dt", "Value": "0.05", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "time_display", "Value": "\"\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "card_delay", "Value": "-1", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "delay_interact1", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "delay_interact2", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "Card Icons", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "card_icon", "Value": "\"\"", "Type": "String", "Dimension": "[n]", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" } ] }, { "Name": "lookang", "Active": "true", "Internal": "false", "Type": "VARIABLE_EDITOR", "PageComment": "", "Variables": [ { "Name": "font", "Value": "\"normal normal 2vw \"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "hint", "Value": "\"\"", "Type": "String", "Dimension": "", "Comment": "null", "Domain": "public" }, { "Name": "", "Value": "", "Type": "double", "Dimension": "", "Comment": "null", "Domain": "public" } ] } ] }, "initialization": { "pages": [ { "Name": "Init Page", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "// initialising img_url\n// put in variables to allow editing on https://ejss-browser-editor.herokuapp.com/\n// teachers need to replace their own Picture1.png Picture2.png with their own pictures\n// lookang\n/*\nicon = [\n\"./cardMatching/Picture1.png\",\n\"./cardMatching/Picture2.png\",\n\"./cardMatching/Picture3.png\",\n\"./cardMatching/Picture4.png\",\n\"./cardMatching/Picture5.png\",\n\"./cardMatching/Picture6.png\",\n\"./cardMatching/Picture7.png\",\n\"./cardMatching/Picture8.png\",\n\"./cardMatching/Picture9.png\"\n];\n\ndesc = [\n\"./cardMatching/Picture1.png\",\n\"./cardMatching/Picture2.png\",\n\"./cardMatching/Picture3.png\",\n\"./cardMatching/Picture4.png\",\n\"./cardMatching/Picture5.png\",\n\"./cardMatching/Picture6.png\",\n\"./cardMatching/Picture7.png\",\n\"./cardMatching/Picture8.png\",\n\"./cardMatching/Picture9.png\"\n];\n\n*/\n// initialising x and y position\nfor(var i = 0; i < n; i++){\n x[i] = card_width * (i % 6);\n if(i % 6)\n x[i] += margin_x * (i % 6);// margin_x=0.3 spacing between cards\n \n y[i] = card_height * Math.floor(i / 6);\n if(Math.floor(i / 6))\n y[i] += margin_y * Math.floor(i / 6);\n}\n//console.log(x, y);\n\n// randomise cards\nrandomisePos();\n\n\n" }, { "Name": "message", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "if (_isMobile){\n //do nothing\n }\n \n else{\n // copy this into the initialization\n// make the font bigger\n\n_view.cardDisplay.getMessageDecoration(\"TL\").getFont().setFontSize(\"1vw\");\n_view.cardDisplay.getMessageDecoration(\"TR\").getFont().setFontSize(\"1vw\");\n_view.cardDisplay.getMessageDecoration(\"BL\").getFont().setFontSize(\"1vw\");\n_view.cardDisplay.getMessageDecoration(\"BR\").getFont().setFontSize(\"1vw\");\n }" }, { "Name": "debug", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "// copy paste into TL message to see the values\n//\"back_color=\"+back_color+\"\\ninteract=\"+interact+\"\\nprev_interact=\"+prev_interact+\"mode=\"+mode\n\n" } ] }, "evolution": { "information": { "FPS": "20", "SPD": "1", "RealTimeVariable": "", "Autoplay": "true" }, "pages": [ { "Name": "Evol Page", "Active": "true", "Internal": "false", "Type": "EVOLUTION_EDITOR", "Comment": "", "Code": "if(game_start && !game_over)\n t += dt;\n\nif(card_delay != -1 && t - card_delay >= 1){\n // _tools.showOkDialog(\"Card doesn't match!\");\n hint= \"Card doesn't match!\"; // lookang change to hint to ease clicking fast\n _view.audio2.play() // play wrongsound\n \n // change the colors of the cards back based on the game mode\n if(mode == 1){\n back_color[delay_interact1] = transparent_color;\n back_color[delay_interact2] = transparent_color;\n }\n else if(mode == 2){ // memory game\n back_color[delay_interact1] = opaque_color;\n back_color[delay_interact2] = opaque_color;\n }\n // deactiate card_delay\n card_delay = -1;\n}\n" } ] }, "fixed_relations": { "pages": [ { "Name": "FixRel Page", "Active": "true", "Internal": "false", "Type": "CODE_EDITOR", "Comment": "", "Code": "if(game_over == true || game_start == false)\n return; // do ntg\n \nvar cur_time = t;\nvar min = Math.floor(cur_time / 60), sec = Math.floor(cur_time % 60);\nif(min < 10)\n min = \"0\" + min;\nif(sec < 10)\n sec = \"0\" + sec;\n // dont control css style here\n//time_display = `
As part of the 21CC Navigator, students are expected to be aware of Emerging 21st Century Competencies (E21CC). This application \naims to make learning about E21CC more enjoyable and interesting for \nstudents.\n
\nThis is a simple memory-match game.\n
\n