ProCodeCG Creating Games Private Class – Day #2 – 23 May 2019

Standard

Day #2. We start to think about what games to make 😉

IMG_1778 IMG_1784

IMG_1777

This is how we do brainstorming and designing the game 🙂

IMG_1779

IMG_1781

IMG_1782

IMG_1790

IMG_1791

IMG_1794

We have LOTS of ideas but we will choose one to create today: Matching Game. The game will be about matching pictures or cards. The codes:

IMG_1780

IMG_1785

IMG_1786 IMG_1789

The prototype of the game 🙂 We took a lot of time to figure out how to identify same objects without too many complicated stuff 🙂

IMG_1792

Great, at least it works now. The main logics have been coded, the hard work is now on creating assets 😀

IMG_1793

Creating games, even the simplest ones need hard work, persistency and experience.

IMG_1783

There’s no such things as shortcut 🙂 We have to spend time and work 🙂

IMG_1788

*Photos and videos are also available here

Advertisements

ProCodeCG Creating Games Private Class – Day #1 – 22 May 2019

Standard

Day #1 of Creating Games Private Class 🙂 The target for 3 days is to be able to make a game that is eligible to be uploaded to PlayStore 😉

IMG_1720

Before start to create a game, one should learn basic principals of programming. Today Fariq has to go through some tasks to learn the logics and basic skills to create a game

IMG_1721

Doing these kind of challenges and solving problems can help us to be more creative and flexible

IMG_1723

On the left side is a tool to create games: GameMaker

IMG_1726

Even though this tools is simple, it is powerful enough to create awesome games

IMG_1728

and also to learn programming

IMG_1722

IMG_1724 IMG_1725

An example of a simple game created with Game Maker 🙂 The first game of Fariq 🙂

IMG_1729

*Photos are also available here

 

ProCodeCG Kids Regular Coding Class – 18 May 2019

Standard

Our Saturday Sanctuary Coding Day 😀

IMG_1537 IMG_1538

Aidia is starting a new super interesting project: color sorting machine with Arduino 🙂

IMG_1519

we are using a color sensor to sort smarties candy based on the colors 🙂

IMG_1530

We are going to test the sensor with Arduino Uno because the Nano needs some soldering 🙂

IMG_1523

typing in the code

IMG_1528

IMG_1531 IMG_1536

Done wiring

IMG_1541

Testing the sensor using this colorful book 😀

IMG_1545

fixing the code

IMG_1551

sensor readings: works fine, yayyyy 🙂

IMG_1561

As a reward for finishing the task today, Aidia did some Scratch programming for refreshing 😀 In the next class we will test the arduino nano 🙂

IMG_1563

Al is ready for a new project 😉

IMG_1520

The first project today is controlling this fan and lamp by entering a command

IMG_1524

the AI will turn the fan or the lamp or both by analysing the command entered 🙂

IMG_1526

Al then chooses another project

IMG_1532

The next one is to identify objects 🙂

IMG_1546

the codes

IMG_1552 IMG_1566

the data

IMG_1568

the code processing the data

IMG_1569

Badi is very busy finding calendar library that works both on Android and iOS 😀

IMG_1521

some libraries work well on iOS

IMG_1544

some is working on Android

IMG_1549

but not working on both already 🙂 Badi reads every tutorial available on the internet 😀

IMG_1529 IMG_1535

Badi install and uninstall many versions of calendar libraries to make sure it works on all platforms

IMG_1543

IMG_1565

this one is looking good on Android *but not working on iOS 😀

IMG_1573

the saga continues! 😀

IMG_1575

Jihan did some warming up with LightBot 🙂

IMG_1522

This is an important exercise for understanding about procedures and functions 🙂

IMG_1527 IMG_1534

And then Jihan started to do Machine Learning 🙂

IMG_1555

Jihan’s first machine learning project 🙂 Working well 🙂

IMG_1570

IMG_1571

The next project 😉

IMG_1574

IMG_1564

Syadad did some improvements with his latest version of game

IMG_1540 IMG_1547

and after creating some new sprites, he started to install Spigot Server for Minecraft Modding 🙂

IMG_1554

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 11 May 2019

Standard

Fasting doesn’t necessarily means that we cannot do our regular activities, especially our Saturday coding class 🙂

IMG_1180 IMG_1181

Sam is on the final stage of his Juz’amma App

IMG_1107

The app is working well now, we decided not to use database as long as the app does not exceeds 50MB limit

IMG_1132

So basically what Sam should do is adding the rest of the content and it will be ready to be uploaded to PlayStore 😉

IMG_1141

Keep on going Sam! 🙂

IMG_1151

Hafiz is working on his Feeding Frenzy Game *lots of video on this 🙂 Hafiz now has lots of skill to develop his own game 🙂

IMG_1108

Fadhlan is very busy today

IMG_1109

He decided to reconstruct the robot

IMG_1114

Fadhlan makes notes to make sure he doesn’t forget anything

IMG_1120

IMG_1122

Look how he optimize the usage of breadboard 🙂

IMG_1135

IMG_1136

We’re going to test bluetooth module as soon as the basic functions are running well

IMG_1155

IMG_1165 IMG_1166

Fadhlan certainly makes awesome progress during this journey 🙂 SO PROUD 🙂

IMG_1177 IMG_1189

IMG_1190

IMG_1175

Button, LED and Ultrasonic works. But the wheels still don’t. Fadhlan will fix it very soon 🙂

IMG_1192

Al finished two Machine Learning projects today 🙂

IMG_1110

The first one is the project to show smiling face when we type nice words and crying face when we type bad words

IMG_1113

the words

IMG_1117

the face

IMG_1119

IMG_1123

The codes. And it works nicely 🙂

IMG_1127

The next project is a dancing panda that will stop dancing if we look at it 🙂

IMG_1156

the code

IMG_1159

the data set for training

IMG_1160 IMG_1161

the result 😀 Awesome work Al 🙂

IMG_1162

Badi is demoing how to clone wifi connection with NodeMCU

IMG_1111

IMG_1112

the result

IMG_1115

IMG_1116 IMG_1118

And Badi got back to the website programming afterwards 🙂 He wanted to change the time and date format in the website 😉

IMG_1124

Capt. Awa

IMG_1121

has to teach a new student today: Juan

IMG_1130

Capt. Awa introduces basic programming to Juan and guides him all the way

IMG_1134

until Juan finished the task 🙂

IMG_1150

Next to teach is Blockly Games

IMG_1170

Capt. Faris

IMG_1125

quietly has uploaded his Memorize Quran App to PlayStore 😉 Super proud 🙂

IMG_1152

IMG_1154

Capt. Faris checks if Al’s Machine Learning Project can be pushed further to do more complex tasks

IMG_1163

and Capt. Faris also does research to help Sam with the app

IMG_1188

Koosha

IMG_1140

is given a task to create a tunnel with sensor that will turn on the torches along the tunnel and link it to Arduino LEDs

IMG_1126 IMG_1137

IMG_1138 IMG_1173

IMG_1174

Koosha has a million way to do things 😉

IMG_1178 IMG_1179

IMG_1185 IMG_1186

Andra is now going to test his first JavaScript code

IMG_1149 IMG_1144

The code will stack a number of blocks on top of each other

IMG_1145

Andra had to change the block with anything else

IMG_1148

IMG_1153

He changed it into TNT blocks 😀

IMG_1167

The next code is building a triangle. Still in progress. Will be continued next week 😉

IMG_1172

*Photos and videos is also available here

ProCodeCG Kids Regular Coding Class – 4 Mei 2019

Standard

Introducing our new venue: Art Cafe and Restaurant 🙂

IMG_0734 IMG_0742

IMG_0814 IMG_0756

Kids will get voucher for food here 🙂

IMG_0787 IMG_0788

IMG_0796

Hafiz starts a new game today: Feeding Frenzy 🙂

IMG_0735

IMG_0750 IMG_0778

Hafiz now has many skills to create different games 😉 He’s free to create anything he likes 🙂

IMG_0808 IMG_0810

Aidia is going to continue connecting Minecraft to Arduino

IMG_0736

Setting up the server

IMG_0738

IMG_0748 IMG_0765

Start building the blocks to activate Arduino LED

IMG_0775

the command blocks

IMG_0776

Koosha gave Aidia some help

IMG_0777 IMG_0793

Linking Minecraft to Arduino is very interesting 🙂 Now Aidia can control anything connected to Arduino from Minecraft 😉

IMG_0804

Badi is working on the website

IMG_0749

Maintaining schedules and booking system of Pavilion 19

IMG_0751

IMG_0766

Entering data in JSON format

IMG_0779

And then Badi wants to learn NodeMCU

IMG_0799

installing libraries

IMG_0800 IMG_0811

running the code

IMG_0813

Badi wants to create fake wifi connection 😀

IMG_0818

Capt. Faris is still working with his datasets

IMG_0739

He wants to add hand gestures to the learning system

IMG_0754

the dataset

IMG_0817

Fadhlan’s task for today is to install power supplies for the robot

IMG_0740

plus integrating the bluetooth module

IMG_0745 IMG_0755

And when he was busy soldering the robot, the seat of the chair fell 😀 Glad he wasn’t hurt and nothing was broken 🙂

IMG_0757

The batteries (that later sparks because the switch got short-circuited)

IMG_0780

So Fadhlan has to fix the switch and check why one wheel doesn’t work

IMG_0798

Sam has got serious things to do with the Juz’amma app

IMG_0741

IMG_0747

He now can store data in local storage but not yet with local database

IMG_0762

we have to carefully design the database for the application before starting to enter the data

IMG_0772 IMG_0774

IMG_0785

Harraz (so sorry we didn’t manage to get his picture) is creating a new game

IMG_0744

with lots of sprites

IMG_0746 IMG_0753

Once Harraz done with the assets, we’re going to develop an awesome game 🙂

IMG_0761

Koosha

IMG_0752

IMG_0769

is ready to explore Minecraft Link more

IMG_0763 IMG_0764

another way to turn Arduino LED on and off 🙂

IMG_0767

Koosha explored some other mods

IMG_0781

The mod to have a computer with keyboard and browser inside Minecraft

IMG_0782 IMG_0789

IMG_0815

Capt. Awa is researching Minecraft Link too

IMG_0768

Capt. Awa helped other students learning Minecraft Link too 😉

IMG_0771

IMG_0791 IMG_0816

Syadad is going to create a new game today 🙂

IMG_0783

His Maze Game is full-featured already 🙂

IMG_0802

He’s going to make a shooting game

IMG_0812

Andra is going to type his own Minecraft mod today 🙂

IMG_0784

He will type his own javascript code and then install it to the server and run it Minecraft 🙂 Let’s see the result next week 🙂

IMG_0797

Mohan came back after a while

IMG_0790

and picked up where he left, and got distracted with Minecraft Modding too 😀

IMG_0795

Jihan (we’re so sorry we didn’t get her picture as well 😦 ) is learning basic programming

IMG_0794

She is a fast learner and she will start to learn machine learning soon 🙂

IMG_0807

Wow lots of projects and progress this week 🙂 We will be reporting again soon 😉

ProCodeCG Kids Regular Coding Class – 27 April 2019

Standard

Our last day on Grapari Loop Station 😦 Next week we will move to a new venue

IMG_0360 IMG_0361

Syadad is determined to upgrade his game today 🙂

IMG_0307 IMG_0313

Look at how serious Syadad creates the assets of the game: lots of sprites and objects 🙂

IMG_0328 IMG_0330

IMG_0334

The game

IMG_0335

IMG_0366

and now random spawning is also added to the game

IMG_0371

IMG_0372

So now the game has randomly spawning enemies 🙂

IMG_0391

Al will learn something new today: machine learning 😉

IMG_0308

Al’s task today is to make two categories: good sentences and bad sentences, and then create a sprite that will smile when we type good words and frown when we type bad words 😉

IMG_0323

entering the sentences

IMG_0324 IMG_0343

IMG_0348

developing the codes and the sprites with Scratch

IMG_0369

IMG_0373

Next week we will see how this machine learning work 🙂

IMG_0386

IMG_0395

Sulaiman has a new task today: to connect Minecraft to Arduino 🙂

IMG_0309

with Minecraft Link

IMG_0349

downloading Arduino IDE

IMG_0364

IMG_0365

connecting Minecraft to Arduino

IMG_0380

Yaaay connected

IMG_0381 IMG_0382

Now we can type in commands from Minecraft that will control Arduino components 🙂 Very cool! 🙂

IMG_0383

Aidia has the same task as Sulaiman’s

IMG_0310

But while doing setting and installing

IMG_0316

Aidia wants to create some projects with Scratch 🙂

IMG_0326

IMG_0329 IMG_0340

IMG_0351

Aidia created some music too 🙂

IMG_0352

The code of Minecraft Link to control Arduino from Minecraft

IMG_0358 IMG_0362

with Arduino plugged in

IMG_0368

setting up the environment *took some time 🙂 will be continued next week

IMG_0379

Badi is now doing some optimization to the website 😉

IMG_0311

while also analyze the traffic

IMG_0315

IMG_0327

Badi wants to get more traffic to the website

IMG_0338

So he’s finding ways how to make Google searching works better for the site 🙂

IMG_0339

Capt. Faris is doing advanced research as always 😀

IMG_0314

He wants to replace face realtime in a video

IMG_0318 IMG_0319

the platform he uses to get GPU for computation

IMG_0322

The reference

IMG_0356 IMG_0389

The result for today. Not bad 🙂

IMG_0397

Sam is struggling with database with Thunkable

IMG_0317

We’re going to launch this app as a real product, so we have to work hard 🙂

IMG_0353 IMG_0354

IMG_0355 IMG_0363

IMG_0390

Capt. Awa is also reserching on how to connect Minecraft to Arduino and explore what to be done next 🙂

IMG_0388

IMG_0325 IMG_0342

IMG_0350 IMG_0377

Robbie is back after a long time 🙂 Welcome back buddy 🙂

IMG_0346

Robbie starts all over again with GameMaker

IMG_0347

IMG_0359

He catches up very fast and finished the first game today 🙂

IMG_0370

IMG_0374 IMG_0385

Andra is still exploring Minecraft Modding with JavaScript 😉

IMG_0367

Next week he will type his own mod 🙂

IMG_0387

Our snacks for today thanks to Mama Aidia

IMG_0304 IMG_0305

and to Ambu Fadhlan and Fadhlan who cooks this delicious chicken wings 🙂

IMG_0306

*Photos and videos are also available here

ProCodeCG Kids Weekdays Coding Class – 18 April 2019

Standard

These two are ready to pick up where they left previous week 😉

IMG_9806

Abil

IMG_9803

Has to begin from scratch because his usual laptop is being repaired

IMG_9807

This time the game is about solar system, blackhole, eclipse and galaxy 😀

IMG_9820

IMG_9811

IMG_9813 IMG_9818

IMG_9819

The game works but we still need to work on the storyline 🙂

IMG_9823

Kinan has lots of things to be added to the game

IMG_9805

Kinan will gonna need sprites in different sizes, many rooms, many doors and portals and many other assets such as layers and animations 🙂

IMG_9821

Because Kinan wants the sprite to move from one room to another, and each room will have different story and experience 🙂

IMG_9814

Well, decorating is Kinan thing so this game is going to be great 😉

IMG_9817

*Photos and videos are also available here