ProCodeCG Kids Regular Coding Class – 27 July 2019

Standard

A busy and productive Saturday as usual 🙂 Plus we are preparing for the annual ProCodeCG Kids Exhibition on 17 August 2019 😉

Aidia’s mission today is to fix her Automatic Railway Gate Project, without pulling out the cables or destroying any decorations 😀

Aidia accidentally changed the code and we forgot to make backups so we had to figure out each of the port numbers go to which components 😀

IMG_7361

schematic diagram by Aidia

IMG_7357

rewriting the basic code (with just one ultrasonic sensor)

IMG_7362 IMG_7373

the circuits (and we totally had no idea which cable goes to which component :D)

IMG_7383

After Capt. Awa tried to help and Koosha’s gave the idea to check the port and connection using avometer (which was a brilliant idea), Capt. Faris used his superpower: to code 😀 He created a brute force code to check which port connected to which component 😀

IMG_7425

and we kept updating the note to make sure we wouldn’t lose it again 😀

IMG_7429

the brute force code

IMG_7430

IMG_7431

allright we finally got all the ports 😀 Thanks so much Capt. Faris 😉

IMG_7433

IMG_7436

Fadhlan is going to replace Arduino Leonardo with Arduino Uno because after some libraries and board updates, we got serious errors when compiling with Arduino Leonardo and we really don’t have time because Fadhlan is going for the competition in October and should report the work for evaluation in August

IMG_7358

But first: fuel for the engine 😀

IMG_7370

now ready to work, making sure all the ports from Leonardo goes to the correct ones in Uno

IMG_7388

finding the latest code

IMG_7389

and then test the code for Arduino and for Processing

IMG_7410

All components seemed to work fine

IMG_7416

only the radar didn’t come up. We’re going to fix this real soon

IMG_7421

Harraz is still working with Game Maker but insisting to create game in Roblox

IMG_7359

So we told him why don’t he create Roblox with GameMaker? 😀

IMG_7438

IMG_7364

Badi certainly has lots of ideas to upgrade Pavilion19 website today 🙂

IMG_7360

He updated the calendar and going to rearrange the layout to make it looks nicer 😉 And we are going to add some statistics showing how many people already booked Pavilion19 so far 🙂

IMG_7377

Pavilion19 website on mobile phone browser

IMG_7381

IMG_7382

Capt. Awa is still working on the Panic Button

IMG_7363

IMG_7408

Clive is joining our Regular Class today 🙂 Welcome 🙂

IMG_7365

Like the other, Clive had to go through Intro to Programming 🙂

IMG_7371 IMG_7379

IMG_7384

including learning about procedures/functions 🙂

IMG_7406

Sam is starting a new project today

IMG_7366

To create app to recognize object for blind people. And then the app will use text to voice to inform the user about the object using voice 🙂

IMG_7380

the code

IMG_7387

testing the app

IMG_7386

IMG_7390

taking samples of as many objects as possible

IMG_7395

IMG_7404

Capt. Faris is busy as always today 🙂

IMG_7367

Helping Sam to improve the app. Making sure Clive and other kids can do the tasks

IMG_7412

helping Aidia debugging the project

IMG_7427

and work overtime 😀 But he fixed everything needed to fixed today 🙂 Well done, Captain 🙂

IMG_7428

Ara has been given homework and task to finished today. Attacking DVWA by stealing cookies and use the cookies to access the website

IMG_7368

IMG_7401 IMG_7402

IMG_7411

the result in BurpSuite

IMG_7415

logging in to DVWA

IMG_7418

and observed it via BurpSuite

IMG_7420

and then typing additional codes. It is a long code so he said he’s going to continue it at home 😀

IMG_7424

Al is working on the Sorting Hat Machine Learning project 🙂 With lots of encouragement and support of Capt. Awa 😀

IMG_7369

Faiz started his Basic Electronics lesson today before learning to assembly his own robot 😉

IMG_7372

under supervision of Capt. Faris 🙂

IMG_7376

Starting with LED, button, buzzer and then microservo

IMG_7403

next week we will learn about sensors 🙂

IMG_7409

Syadad is looking handsome and neat today 🙂

IMG_7374

he had finished LOTS of codes in the handout and start to explore new structures to be presented on our Exhibition

IMG_7422

IMG_7375

Syadad had built most of the code in the handout and he started to modify them to see what happens

IMG_7391

IMG_7423

Hafiz had two tasks to finished: to create a system to recognize object for blind people with machine learning and to recognize colors for color blind people 😉 He is really excited about this 🙂

IMG_7378

Koosha hadn’t yet decided the title of his presentation on Exhibition but he’s now seriously working on optimizing multiple Minecraft servers and explore most of the plug ins available 🙂

IMG_7393

Cean had finished his Minecraft Hour of Code challenge today

IMG_7407

IMG_7405

and the next is to learn some pattern with LightBot, but apparently this one it a bit to hard for Cean

IMG_7419

so we moved on to Blockly Games to learn more about basic programming logics

IMG_7426 IMG_7437

The class, and all the joy and excitement in it 😉

IMG_7392 IMG_7398

IMG_7434 IMG_7394

IMG_7397 IMG_7396

*Photos and videos are also available here

Advertisements

ProCodeCG – Coding Camp – Creating Games – Day #3 – 3 July 2019

Standard

Day #3 already 🙂 Today the kids continue the Maze Game they created yesterday. Some had moved on to create Shooting Game. Some had moved on further to create Race Car Game 🙂

The class is more fun than yesterday because today there are more bonding between kids 🙂 ❤

Let’s see how they’re doing today 😉

Before the class 😉

IMG_4988

Syafaq

IMG_4989

IMG_4996 IMG_5046

IMG_5058 IMG_5109

Sarah

IMG_4990 IMG_4997

IMG_5033 IMG_5035

IMG_5097 IMG_5098

IMG_5099 IMG_5100

IMG_5101 IMG_5102

Tasaq

IMG_4991 IMG_4998

IMG_5001 IMG_5047

IMG_5054 IMG_5057

IMG_5094 IMG_5103

Hilman

IMG_4992 IMG_5006

IMG_5011 IMG_5037

IMG_5053 IMG_5065

IMG_5137

 

Bita is making a quantum leap today 😉

IMG_4993

IMG_5005 IMG_5017

IMG_5021 IMG_5024

IMG_5024 IMG_5073

IMG_5091 IMG_5110

IMG_5112 IMG_5113

IMG_5119

Kinan

IMG_4994

IMG_5026 IMG_5138

Alifi

IMG_4995 IMG_5028

IMG_5062 IMG_5129

Bhadrika

IMG_4999 IMG_5008

IMG_5050 IMG_5051

Kimi

IMG_5002 IMG_5032

IMG_5036 IMG_5049

IMG_5056 IMG_5132

IMG_5133 IMG_5136

Steven

IMG_5003 IMG_5007

IMG_5016 IMG_5027

IMG_5030 IMG_5041

IMG_5064 IMG_5114

IMG_5116 IMG_5117

IMG_5121 IMG_5123

Athir

IMG_5010 IMG_5020

IMG_5023 IMG_5031

Capt. Sam on duty, busy teaching and preparing materials 😉

IMG_5012 IMG_5059

IMG_5105 IMG_5107

Snack Time 😀

IMG_5043 IMG_5044

Lunch Time 🙂

IMG_5066 IMG_5067

IMG_5068 IMG_5069

IMG_5070 IMG_5071

IMG_5072 These guys are watching horror YouTube Channel, again LOL IMG_5074

IMG_5075 IMG_5077

IMG_5078 Prayer Time IMG_5087

IMG_5088

The class IMG_5015

IMG_5019 IMG_5013

IMG_5048 IMG_5060

IMG_5106 IMG_5061

Thanks for joining ProCodeCG Coding Camp 🙂 Wishing to see you guys again very soon :*

(Kinan and Bita were still busy creating games they refused to be in the pic 😦 )

IMG_5124 We took the pictures waiting Tasaq to do jump scare 😀 IMG_5125

IMG_5127 Ok this is Tasaq doing jump scare 😀 😀 😀 IMG_5128

*Photos and videos are also available here

ProCodeCG – Coding Camp – Creating Games – Day #2 – 2 July 2019

Standard

ProCodeCG Coding Camp – Creating Games Day #2 😉

Today the kids started to create their own games 🙂 Let’s see how kids were doing today 🙂

Sarah, Syafaq and Tasaq playing cards before class 🙂

IMG_4831 IMG_4835

Sarah, is very good at design

IMG_4832

she created lots of amazing sprites

IMG_4858

IMG_4866 IMG_4882

IMG_4885 IMG_4901

IMG_4927

Sarah is babysitting Tasaq 🙂

IMG_4903

Syafaq

IMG_4833 IMG_4857

IMG_4926

Tasaq

IMG_4856

IMG_4925

Tasaq’s laptop cannot run GameMaker so we had to move the code to other computer

IMG_4928 

Tasaq’s game 😉

IMG_4930

Tasaq is testing Kimi’s Game 🙂

IMG_4942

IMG_4944

Hilman had to installed Game Maker Studio in the morning because the computer wouldn’t run Game Maker Lite

IMG_4837

And he’s doing good with it 😉

IMG_4844 IMG_4849

IMG_4853 IMG_4876

IMG_4888 IMG_4889

IMG_4908 IMG_4909

IMG_4910 IMG_4918

Hilman and Athir on lunch break watching horror videos on YouTube LOL

IMG_4949

After lunch break

IMG_4952

IMG_4959

Athir

IMG_4838

IMG_4850

Athir is looking for references for the game’s assets

IMG_4879 IMG_4892

IMG_4912 IMG_4922

Kimi is doing great 🙂 He created an awesome game everybody wants to play 😉

IMG_4839

IMG_4896 IMG_4931

Tasaq wouldn’t stop playing Kimi’s Game 😀

IMG_4932 IMG_4933

IMG_4943

Kinan finished her project ahead her friends because she had learned Game Maker Studio before and she got different tasks and challenges in this camp

IMG_4842

IMG_4851 IMG_4854

IMG_4878 IMG_4904

IMG_4951

Bhadrika is very good at art 🙂

IMG_4852 IMG_4855

IMG_4880

IMG_4874 IMG_4880

IMG_4899 IMG_4911

IMG_4938 IMG_4939

Bhadrika can create a game in a blink 😀 He created this shooting game less than 10 minutes 😀

IMG_4954

Bita brought her tablet for drawing assets 🙂

IMG_4846

IMG_4845

awesome work 🙂

IMG_4868

IMG_4898 IMG_4913

Steven had successfully created a very smooth and complete a maze game

IMG_4847 IMG_4883

IMG_4890 IMG_4891

IMG_4907 IMG_4914

IMG_4915 IMG_4921

IMG_4935 IMG_4936

IMG_4946 IMG_4950

IMG_4953 IMG_4956

Alifi is very excited creating his own game 😉

IMG_4848

IMG_4867

IMG_4869 IMG_4875

IMG_4884 IMG_4886

IMG_4887 IMG_4895

IMG_4955

IMG_4961

Capt. Sam on duty 😉

IMG_4902

IMG_4923

IMG_4924

Prayer Time

IMG_4947 IMG_4948

The class

IMG_4840 IMG_4861

IMG_4862 IMG_4864

IMG_4863

IMG_4945

*Photos and videos is also available here

ProCodeCG Creating Games Private Class – Day #5 – 19 June 2019

Standard

The last day 🙂

Both kids will create their own Flappy Bird Game Today 🙂

Dhiaz seems to like this game better then any other games he had created so far 😉

IMG_3887

IMG_3891

 

IMG_3892

The assets

IMG_3896

IMG_3898 IMG_3901

the background

IMG_3907

and the game 🙂

IMG_3912

IMG_3915 IMG_3918

The game with object following and camera view 🙂

IMG_3920 IMG_3922

Dhiaz is so proud about the game he created today he wouldn’t stop playing it 🙂

IMG_3929

Aqila is also very excited about creating his own flappy bird 🙂

IMG_3888

creating the assets

IMG_3889 IMG_3894

IMG_3890 IMG_3893

IMG_3895 IMG_3897

IMG_3900

arranging the objects in the room

IMG_3902

Aqila’s Flappy Bird Game 🙂

IMG_3903

creating background

IMG_3905

IMG_3906

IMG_3908

Aqila’s Flappy Bird with background 🙂

IMG_3913

and Aqila still have time to create Agario Game 😉

IMG_3916

IMG_3917

awesome work today dude 🙂

IMG_3926

wow it’s hard to say goodbye to these little guys 🙂 hoping to see you again, thanks for learning with us 🙂

IMG_3886

*Photos and videos are also available here

ProCodeCG Creating Games Private Class – Day #4 – 18 June 2019

Standard

Today we are making Race Car Game 😉

Dhiaz

IMG_3796

is drawing the car

IMG_3800

IMG_3802

the road

IMG_3803

IMG_3813

the width of the road should be determined based on the size of the car

IMG_3805

And there Diaz goes: a Race Car Game 🙂 (we just need to add scores and lives 😉 )

IMG_3814 IMG_3816

Aqila is also working on his Race Car Game 🙂

IMG_3797

starting with the fuel station 😉

IMG_3798

IMG_3799

the road

IMG_3801

and then putting the objects in the room

IMG_3804

we can add scores and lives later but we have done the targets for today 🙂

IMG_3812

Tomorrow we are going to make Flappy Bird Game 😉

IMG_3795

*Photos and videos are also available here

ProCodeCG Creating Games Private Class – Day #3 – 17 June 2019

Standard

Day #3 and we’re going to finish up the last game and move on to the next 🙂

Dhiaz started to create a shooting game today 😉

IMG_3712

creating new assets

IMG_3715

IMG_3718 IMG_3719

IMG_3721 IMG_3726

IMG_3728 IMG_3731

Dhiaz’s shooting game 🙂

IMG_3733 IMG_3735

the code

IMG_3740

the assets 🙂

IMG_3751

Aqila wanted to finish up the last game before creating the shooting game

IMG_3711

we need to add levels and scores to the maze game

IMG_3732

adding a new level

IMG_3713

and then testing it

IMG_3714

IMG_3716

and start to create a new game 🙂

IMG_3717

IMG_3720 IMG_3722

IMG_3723

awesome sprites 😉

IMG_3724

IMG_3730

Aqila’s shooting game

IMG_3738

adding more enemies 😀

IMG_3741 IMG_3742

the game is getting more interesting

IMG_3744

and then ready for the next game: racing car game 😉

IMG_3747

IMG_3748

we still have lots of targets to be achieved for the next two days 🙂 stay tune for the progress 😉

IMG_3710

*Photos and videos are also available here

ProCodeCG Creating Games Private Class – Day #5 – 15 June 2019

Standard

On our last day we learned to create games with Game Maker Studio 2. When the time comes and we want to upload our game to App Store or PlayStore, we just need to upgrade the version 🙂

Zaaka ported his old game to GMS 2 right away 🙂

IMG_3590

After completing the registration

IMG_3593

Zaaka learned very fast to use a very different version of Game Maker 🙂

IMG_3594

IMG_3624

IMG_3612

IMG_3608

IMG_3617

IMG_3614

IMG_3610

the game is done 🙂

IMG_3619

Kishan wanted to finished the last game before upgrading 🙂

IMG_3591

IMG_3603

he added this code to make the bullet in his shooting game shoot to the where the mouse is pointing

IMG_3595

and then he install Game Maker Studio 2

IMG_3592

IMG_3609

and started re-creating the game

IMG_3613

IMG_3615

IMG_3621

IMG_3616

the new game in GMS 2 but still need improvements because there are some different syntax and commands

IMG_3618

but the most important thing is that these kids have learned so much in 5 days 🙂 Hoping to see you guys very soon 🙂

IMG_3589

*Photos and videos are also available here