CodeOnBy - In Between Bytes
  • Home
  • Programming
    • JavaScript
    • Python
  • System
    • Cross-platform
    • Linux
    • macOS
    • Windows
  • Gear
  • About Me
Home
Programming
    JavaScript
    Python
System
    Cross-platform
    Linux
    macOS
    Windows
Gear
About Me
CodeOnBy - In Between Bytes
  • Home
  • Programming
    • JavaScript
    • Python
  • System
    • Cross-platform
    • Linux
    • macOS
    • Windows
  • Gear
  • About Me
Browsing Tag
matching
Cross-platform JavaScript Programming System

Ionic 4 – How To Make a Simple Card Matching Game (3 of 4)

January 1, 2020 No Comments

[ Part 1 (Introduction) – Part 2 – Part 3 – Part 4 ]

What’s up guys?

We are back with another part of our Ionic 4 card matching game.

In the previous parts we broke down the basics of the Ionic framework, did the groundwork for our little game, added some images and coded the basic functions for matching cards on-screen.

Although we have a lot of functionality in the game already we’re lacking screens for when the player loses, wins and for loading.

That’s what we’ll be working on this time.

One more twist we’ll be adding is time. Let’s give the player something like sixty seconds to match all the cards otherwise he loses.

Coding Summary

To start off we have to add a bunch of variables to support the new screens we’re adding and to control time inside our game.

Continue reading
Reading time: 2 min
Share:
Written by: codeboss
Cross-platform JavaScript Programming System

Ionic 4 – How To Make a Simple Card Matching Game (2 of 4)

December 22, 2019 No Comments

[ Part 1 (Introduction) – Part 2 – Part 3 – Part 4 ]

What’s going on guys?

We’re continuing with our Ionic 4 series today.

As explained in part one, we’re making a simple card matching game in order to learn the different components of the Ionic framework.

If you’re clueless about the Ionic framework, you should go check out the first part where I explain it in more detail.

I won’t ramble for too long in this post (as usual), since I explained that I’m not planning on covering code in these blog posts for Ionic – that’s what the videos are for anyway alright.

Instead, I’ll leave a summary of what goes down in this part.

Coding Summary

In this second part, we’ll get our card matching game to a playable state.

Basically, by the end of it, you’ll be able to select both cards and we’ll put conditions in place to check if the selected cards match or not.

Continue reading
Reading time: 1 min
Share:
Written by: codeboss
Cross-platform JavaScript Programming System

Ionic 4 – How To Make a Simple Card Matching Game (1 of 4)

December 20, 2019 No Comments

[ Part 1 (Introduction) – Part 2 – Part 3 – Part 4 ]

Howdy! How you doing today?

Welcome to another series of videos!

This time we’re diving into hybrid applications with Ionic 4.

We’ll be developing a simple card matching game that you can run in many different platforms like: Android, Apple devices (iPhone, iPad, etc.) and basically anything that runs HTML, CSS and JavaScript.

I’m always excited to learn new technologies and of course, share the knowledge with you guys in my path moving forward. But why Ionic?

Ionic Framework

With the explosion of smartphones and mobile applications of this decade, there had to be new developments for programmers as well. Why?

Well, imagine that programmers would have to learn how to make applications for Android, then for Apple devices, then Microsoft products and the list goes on… something had to be done.

It turns out that hybrid applications would make our lives incredibly easier by allowing programmers to use a single codebase for applications.

All thanks to frameworks like Ionic, among others, usually JavaScript-based.

Now that you know more about the framework and its capabilities, let’s take a look at the required software for this project.

Continue reading
Reading time: 3 min
Share:
Written by: codeboss

Recent Posts

  • Python for Data Recovery
  • Data Recovery using Hex Editor
  • File Transfer in Python 3
  • Intro to SQL Injection (Lab #1)
  • Apache, MySQL & PHP Setup (Win/Linux) for SQL Injection Labs

Recent Comments

  • john on Data Recovery using Hex Editor
  • Someone1611 on Bind Shell in Python 3
  • Data Recovery using Hex Editor – CodeOnBy on Data Recovery using Recuva
  • Intro to SQL Injection (Lab #1) – CodeOnBy on Apache, MySQL & PHP Setup (Win/Linux) for SQL Injection Labs
  • Split File into Byte Chunks in Python – CodeOnBy on Introduction to Files in Python 3

About me

My name is Felipe! I’m a programmer from NY.

Blogs about coding, operating systems, network and security.

Hosting

© 2020 Copyright CodeOnBy // All rights reserved
In Between Bytes