{"id":4129,"date":"2023-07-28T06:48:48","date_gmt":"2023-07-28T06:48:48","guid":{"rendered":"https:\/\/rengga.dev\/blog\/?p=4129"},"modified":"2023-08-28T23:51:08","modified_gmt":"2023-08-28T23:51:08","slug":"from-concept-to-creation-building-bango-bingo-game-in-72-hours","status":"publish","type":"post","link":"https:\/\/rengga.dev\/blog\/from-concept-to-creation-building-bango-bingo-game-in-72-hours\/","title":{"rendered":"From Concept to Creation: Building Bango Bingo Game in 72 Hours"},"content":{"rendered":"

Rengga Dev<\/strong><\/a> <\/span>– Bango Bingo Game is a HTML5 game which player choosing the numbered tickets and giving prizes to the holders of numbers drawn at random. From concept to Creation, I am building Bango Bingo Game in 72 hours.<\/p>\n

Players usually choose a set of numbers from a grid of numbers and then wait for the winning numbers to be drawn. If their selected numbers match the winning numbers, they win a prize (points).<\/p>\n

This game can be played on a variety of devices, including desktops, laptops, tablets, and smartphones. It typically requires a stable internet connection and a modern web browser that supports HTML5 technology.<\/p>\n

How To Create<\/strong><\/h2>\n

CSS Files and Structure<\/strong><\/h3>\n

I’m using two CSS files in this game. The first one is a generic reset file. Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.<\/p>\n

The second file contains all of the specific stylings for the page.<\/p>\n

JavaScript<\/strong><\/h3>\n

This game using Javascript files below.<\/p>\n

    \n
  1. jQuery<\/strong>\u00a0is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.<\/li>\n
  2. Detect Mobile Browser<\/strong>\u00a0is a open source scripts to detect mobile browsers and phones.<\/li>\n
  3. CreateJs plugin<\/strong>\u00a0is a suite of modular libraries and tools which work together to create interactive content on open web technologies via HTML5.<\/li>\n
  4. TweenMax<\/strong>\u00a0is an extremely fast, lightweight, and flexible animation tool that serves as the foundation of the GreenSock Animation Platform (GSAP).<\/li>\n
  5. The game have the following js files<\/strong>\n