I undertook a coding course on Computational Media Literacy at National University of Singapore. The course introduced to us concepts of Computational Thinking as well as practical applications of basic website coding with HTML, CSS and JavaScript.
The course culminated in a Final Project. Mine titled, Rail Race, is a multiplayer game that requires players to collect “train parts” in order travel through familiar Singaporean train stations. Rail Race – and its HTML, CSS and JavaScript code – is being hosted on Codepen.io. Click on the image below to access and play the game.
Using the socket.io library, I was able to add an element of multi-player into the game. As such players could chat with each other and also, collect the train parts together. The train parts were coded with scalable vector graphics library, Raphaël.js
The course culminated in a Final Project. Mine titled, Rail Race, is a multiplayer game that requires players to collect “train parts” in order travel through familiar Singaporean train stations. Rail Race – and its HTML, CSS and JavaScript code – is being hosted on Codepen.io. Click on the image below to access and play the game.
Highlights
Using the socket.io library, I was able to add an element of multi-player into the game. As such players could chat with each other and also, collect the train parts together. The train parts were coded with scalable vector graphics library, Raphaël.js
I further explored the design of accessible webpages. With Rail Race, I experimented with the use of “default” and “dark” themed designs. The default webpage was monochromatic and double-checked to be suitable with WebAIM’s Contrast Checker. Users were also able to adjust the site’s text according to their comfort.
Areas for Improvement
My first attempt with coding is marked with areas for improvements.
First, I would like to explore more effective ways of coding, example through modularising the JavaScript code.
Secondly, I hope to refine the code for more elaborate game play. One of the “cheat codes” of the game is to continuously click on an option without hesitation.
Thirdly, I would need to learn to code more mobile-responsive web pages especially in the age of multiple devices.