ProCodeCG Kids Coding Camp – Creating Games – Day #3 – 20 Dec 2017

Standard

Day #3! πŸ™‚

IMG_4798

IMG_4802

Hello Rayhan

IMG_4803

Vian

IMG_4804

Bagas

IMG_4805

Ghassan

IMG_4806

Arkan

IMG_4807

Dehya

IMG_4808

Arka

IMG_4809

Gana

IMG_4810

Edward

IMG_4811

Marcus

IMG_4812

Gabriel πŸ™‚

IMG_4813

We picked up were we left yesterday. Some of the kids working on the Race Car Game

IMG_4800

IMG_4814

IMG_4825

IMG_4826

IMG_4846

IMG_4829

Some started to make BreakOut Gam

IMG_4799

IMG_4815

IMG_4817

IMG_4847

IMG_4848

Some adding more features to their Maze Game

IMG_4818

IMG_4823

IMG_4827

This is how the kids interact with each other in the class

IMG_4816

They work together, play together

IMG_4819

Discuss things and exchange ideas

IMG_4820

And by having a kids tutor, the kids are more open to accept advices πŸ™‚ This is Capt. Ain explaining things πŸ™‚

IMG_4821 IMG_4822

IMG_4824

 

IMG_4828

IMG_4830

IMG_4831 IMG_4832

IMG_4833 IMG_4834

Then the kids started to create Flappy Bird Game

IMG_4835

or invent their own game πŸ˜€

IMG_4836

IMG_4837

The best thing is when kids try to play other kids game πŸ™‚

IMG_4838

IMG_4839 IMG_4840

IMG_4841 IMG_4842

Another version of Flappy Bird Game πŸ˜€

IMG_4843

Kids learn more by playing πŸ™‚

IMG_4844

IMG_4845

 

IMG_4849 IMG_4850

IMG_4851

IMG_4852 IMG_4853

IMG_4854 IMG_4855

Lunch break

IMG_4856 IMG_4857

IMG_4858

“I am eating vegetables!” said Ghassan proudly *Bagas and Arkan sitting next to him tossed him their vegetables and Ghassad had to eat them all LOL

IMG_4860

Lots of creative invention and progress today

IMG_4862 IMG_4863

IMG_4864 IMG_4865

IMG_4866 IMG_4868

IMG_4869 IMG_4870

IMG_4871 IMG_4872

IMG_4873 IMG_4874

IMG_4877

IMG_4875

But kids instinct to play with real objects can never be replaced, so let him! πŸ™‚

IMG_4876

Yaaay the kids now are able to create their own games πŸ™‚ This is them with the certificates πŸ™‚

IMG_4883 2

See you again soon πŸ™‚

Advertisements

ProCodeCG Kids Coding Camp – Creating Games – Day #2 – 19 Dec 2017

Standard

Day #2! πŸ™‚

IMG_4689 IMG_4690

We added more features to the game πŸ™‚

IMG_4691 IMG_4692

IMG_4693 IMG_4694

IMG_4695 IMG_4696

IMG_4697

IMG_4698 IMG_4699

IMG_4700 IMG_4701

Kids were so excited creating their own version

IMG_4702 IMG_4703

Let’s make a list of the kids attending class today:

Arkan

IMG_4704

Ghassan

IMG_4705

Bagas (apparently didn’t want to be in pic :D)

IMG_4706

Vian

IMG_4707

Rayhan

IMG_4708

Gana

IMG_4709

Arka

IMG_4710

Gabriel

IMG_4711

Edward

IMG_4712

Nana

IMG_4713

Dehya

IMG_4714

Kids learned to add scores and levels today πŸ™‚

IMG_4715

IMG_4716 IMG_4717

IMG_4718 IMG_4719

IMG_4721

Look at those happy faces πŸ™‚

IMG_4722

IMG_4723 IMG_4724

And then we started to create another game with different techniques: Race Car πŸ™‚

IMG_4725 IMG_4726

IMG_4727 IMG_4728

IMG_4729

Lunch break

IMG_4730

IMG_4731 IMG_4732

The results at the end of the class today

IMG_4733 IMG_4734

We did learn some lines of codes too πŸ˜‰

IMG_4735 IMG_4736

Plus having time playing: putting one of them inside a box πŸ˜€

IMG_4737

But the progress today is amazing πŸ™‚

IMG_4738 IMG_4739

We’re going to create more games tomorrow and we will report the result! πŸ™‚

ProCodeCG Kids Coding Camp – Creating Games – Day #1 – 18 Dec 2017

Standard

ProCodeCG Kids Coding Camp – Creating Games – Day #1 πŸ™‚

IMG_4580

IMG_4595

IMG_4596

IMG_4598 1

 

IMG_4603

We have 10 kids in the class πŸ™‚ This is Dehya

IMG_4581

Gabriel

IMG_4582

Arkan

IMG_4583

Ghassan

IMG_4584

Bagas

IMG_4585

Macca

IMG_4586

Rayhan

IMG_4587

Arka

IMG_4588

Gana

IMG_4589

And Vian (yellow shirt). Next to Vian (grey shirt) is Captain on duty: Ain πŸ™‚

IMG_4592

We started with learning some programming syntax with CodeCombat for warming up πŸ™‚

IMG_4591

IMG_4590

With CodeCombat, kids learn about basic programming logics: sequence, conditionals and looping.Β This is necessary to help kids with what they’re going to learn with GameMaker πŸ™‚

IMG_4604

Gabriel even write down the steps πŸ™‚

IMG_4605

And then Capt. Ain gave tutorials on getting started with GameMaker πŸ™‚

 

IMG_4606

First we learned how to create sprites πŸ™‚

IMG_4607

IMG_4608

IMG_4613IMG_4609

IMG_4610

Vian had learned GameMaker on our regular class, so he worked on his own pace πŸ™‚

IMG_4602

Vian sprites and game πŸ™‚

IMG_4594

IMG_4597IMG_4611

IMG_4600

IMG_4601

While other kids are busy creating their own sprites

IMG_4612

IMG_4628

IMG_4614 IMG_4615

IMG_4616 IMG_4617

IMG_4619 IMG_4620

IMG_4621

IMG_4624

IMG_4625

We kept working on the break time πŸ˜€

IMG_4622

IMG_4599

And after the sprites, we created objects

IMG_4623

to make the sprites moveΒ IMG_4627

After performing Dzuhur we took a break and had lunch

IMG_4629

IMG_4632

And created the room to put all the sprites in

IMG_4633

IMG_4634 IMG_4635

The room looks like this, each kid has very personal design πŸ™‚

IMG_4636 IMG_4637

IMG_4638 IMG_4639

IMG_4640

Tomorrow we will start to add more to the game: collision, scoring and moving levels πŸ˜‰

ProCodeCG Kids Regular Coding Class – Open Topics – 4 Nov 2017

Standard

Ready for awesome updates from our open topics class today? πŸ™‚

IMG_1172

IMG_1173

IMG_1200

IMG_1185

Ioan continued improving his game and add more features with more techniques πŸ™‚

IMG_1175

Ioan added random bouncing sprites to the game and added lives to the main character

IMG_1177

Capt. Faris helped him along the way πŸ™‚

IMG_1189

Jesse (left) and Jackson (right) were ready to install the latest version of Java, Spigot Server and Minecraft to start Minecraft Modding lesson πŸ™‚

IMG_1178

It took some time to download and install, but they finally got the latest version of Spigot Server running and connect the latest version of Minecraft to the server. Jackson and Jesse then learned JavaScript basic commands to be executed inside Minecraft πŸ™‚

IMG_1193

Adin’s last GameMaker files were in the other computer so he started a new one on this laptop πŸ™‚

IMG_1187

Adin recreated his Race Car Game and lost it because he accidentally close it without saving it first :(((

IMG_1188

So Adin started all over again

IMG_1205

And created a new game: BreakOut

IMG_1221

And finished it in no time πŸ™‚

IMG_1202

IMG_1210

Next: Flappy Bird πŸ˜‰

IMG_1232

IMG_1235 2

Vian helped Adin with some ideas πŸ™‚

IMG_1233

Adin was given task to make the background infinite

IMG_1237

And he did πŸ™‚ Next week he should be able to create random upper and lower pipes πŸ™‚

IMG_1236

Jundy, came up with lots of amazing RedStone works in Minecraft

IMG_1194

IMG_1208

Jundy is very good at RedStone components and structures

IMG_1211

He created this amazing structures

IMG_1209

That can automatically build a bridge over a lava river

IMG_1213

The structure is quite complex

IMG_1214

It needs some tricks

IMG_1215

It uses transmitters

IMG_1216

Pretty difficult structures

IMG_1217

Jundy added a tunnel above it

IMG_1224

The on and off switch to furl and unfurl the bridge πŸ™‚ Next week Jundy will be given task to create Adder with RedStone components

IMG_1225

IMG_1226

Vian created a whole new game with difficult ideas in head πŸ™‚

IMG_1195

IMG_1201 2

Vian started to learn GML scripts πŸ™‚ A major progress!!! πŸ™‚

IMG_1206

Adit had just finished his Intro to Programming lessons and started to learn GameMaker πŸ™‚

IMG_1198

Creating sprites

IMG_1203

IMG_1219

Creating movements, objects, room and scores πŸ™‚

IMG_1220

Adit had created his very first game in GameMaker πŸ™‚

IMG_1222

Azriel keeps making progress with Minecraft Modding

IMG_1204

He was given a task to create a skycrapers with different colors on each level πŸ™‚

IMG_1212

He had to combine skyscraper code with rainbow code, and Capt. Faris came for help

IMG_1223

Yassss, he did it πŸ™‚

IMG_1227

Introducing, ProCodeCG Building πŸ˜‰ *a big pixel art sign will be on the building πŸ™‚

IMG_1228

The code of this rainbow skyscraper πŸ™‚

IMG_1234 2

Then to make sure Azriel got the idea, he had given a task to stack up blocks with different colors, and this is the result πŸ™‚ Good work!!! πŸ™‚

IMG_1238

Captain on Duty: Capt. Faris

IMG_1176 2

Capt. Faris and Jundy always have something to discuss about πŸ™‚

IMG_1231

Next week will be more fun because we keep doing more research πŸ™‚

 

 

ProCodeCG Kids Regular Coding Class – Open Topics – 21 Oct 2017

Standard

Our open topics kids coding class πŸ™‚

IMG_0281

IMG_0283

Altair had just attended one session of GameMaker and this is the progress when he came back to the next class πŸ™‚

IMG_0244

He added more features to the game

IMG_0237

plus lots of sprites, objects and background and rooms πŸ™‚

IMG_0238

IMG_0240

He added levels with different challenges on every levels πŸ˜‰

IMG_0241 IMG_0242

And he started to create the next game: Racing Car πŸ™‚

IMG_0251

Capt. Azriel helped Al to resize the background

IMG_0278

Altair’s little brother joined in πŸ˜€

IMG_0275

He wanted to play and typing something on the laptop and Altair was very busy keeping him away from the laptop πŸ˜€

IMG_0276

Ain had created lots of apps with Thunkable but his laptop has problems with connecting to internet so while he waited he opened GameMaker and improved his game πŸ™‚

IMG_0255

We used different laptop to log in to Ain’s Thunkable account and these are some of what Ain’s had created: guessing odd or even number app

IMG_0279

IMG_0269

Bouncing Ball App

IMG_0270

And Doodling App πŸ˜‰

IMG_0273

Capt. Faris was still busy with his research: was given a new task with TensorFlow πŸ˜‰

IMG_0260

IMG_0311

IMG_0296

Clarence was back! This time he wanted to install C++ compiler and started coding in C++

IMG_0262

Faris helped

IMG_0263

IMG_0287

Clarence apparently had so many things in his head to be coded in C++ πŸ™‚

IMG_0271

And we had a newcomer: Brillian πŸ™‚

IMG_0265

Brillian had to go through Intro to Programming

IMG_0268

First, he had to finished Minecraft Hour of Code

IMG_0285

and got the certificate

IMG_0294

and then he learned about functions with LightBot

IMG_0301

IMG_0303

IMG_0304 2

And more logics with some Python using CodeCombat πŸ™‚ In the next class Brillian will learn more with Blockly Games or go straight to game making πŸ™‚

IMG_0308

Nanin! Forgot to save her work :(( So she had to started all over againnnn NOOOOO

IMG_0267

Nanin had to browse through the download folder to find all the pictures of the animals

IMG_0272

and recreated everything

IMG_0292

And then Nanin and Mom discussed the project to be presented to the next exhibition

IMG_0300

She looked so excited πŸ™‚ We’ll see what app Nanin will create next week πŸ™‚

IMG_0302 2

Vian is getting better each week πŸ™‚

IMG_0280

He created more advanced games and keep adding more features

IMG_0288

The game looked really fun πŸ™‚

IMG_0289 IMG_0290

IMG_0291

IMG_0297

And Vian got the best tutor: Ain (wearing black hat)

IMG_0295

IMG_0310

IMG_0312

And the best way to test a game is by playing it, together πŸ™‚

IMG_0313

Azriel made lots of progress too πŸ™‚

IMG_0293

He started to code in JavaScript to build things in Minecraft

IMG_0298

Starting with simple shapes and structures like triangle and stairs

IMG_0305

IMG_0306

IMG_0320

the result

IMG_0309

Very nice progress, Azriel! So proud of you! πŸ˜‰

IMG_0321

And at the end of the class we learned Sewing 101 by Mama Ain πŸ˜‰

IMG_0246

IMG_0247 IMG_0248

*Ignore the face πŸ˜€

IMG_0323

The point is: we have lots of topics in the class and we’re always having fun! See you next week! πŸ˜‰

ProCodeCG Kids Regular Coding Class – Open Topics – 14 Oct 2017

Standard

Our open topic class this Saturday πŸ™‚

IMG_9777

Our newcomer, Ioan πŸ™‚ Ioan joined our mid-year coding camp and now joining regular class πŸ™‚ Welcome Ioan πŸ™‚

IMG_9728

Capt. Azriel was assigned to assist Ioan

IMG_9729

IMG_9734

Ioan reopened his last GameMaker projects and re-learned how to create games πŸ™‚

IMG_9735

He had learnt to create Agario too πŸ™‚

IMG_9736

He looked happy to be back πŸ™‚

IMG_9737

Ioan added new sprites and adding more features to his games

IMG_9743

IMG_9754

 

IMG_9757

Welcome back Nanin (after a few weeks) πŸ™‚

IMG_9730

Nanin was determined to finish her game from the last class

IMG_9740

IMG_9760

The game is to pick out which one is a pet animal

IMG_9742

IMG_9751

Nanin spent lots of time to choose pictures and edit them

IMG_9753

The game is quite interesting: you will get score and move to the next level when you choose the right picture, and will go back to previous level if you pick the wrong one πŸ™‚

IMG_9755

That’s why Nanin had lots of objects and rooms for levels πŸ™‚ Lots of work πŸ™‚

IMG_9767

IMG_9794

Adin (left) started to learn GameMaker, and Captain on duty for GameMaker was Captain Azriel (right)

IMG_9741

IMG_9752

IMG_9758

starting with creating sprites

IMG_9747

IMG_9748

then Adin created his first game πŸ™‚

IMG_9766

he added more rooms with different levels of difficulty

IMG_9795

IMG_9801

IMG_9813

Then Adin was given the next task to create another game: Race Car πŸ™‚

IMG_9823

IMG_9745

IMG_9746

Ain (left) had finished all the homework of creating apps with Thunkable

IMG_9750

So he was given another challenge

IMG_9756

He created an app to convert from text to voice, and he had to add a button to clear the textfield and he did πŸ™‚

IMG_9762

Ain and Capt. Faris then added more languages

IMG_9769

IMG_9798

The code:

IMG_9770

It worked nicely πŸ™‚

IMG_9775

IMG_9776

Vian (right), Ain (middle) and Capt. Faris (left) made a great team πŸ™‚ They working together on Ain’s app and Vian’s game πŸ™‚

IMG_9768

Vian created a new game, fully improved with lots of new techniques, thanks to Ain πŸ™‚

IMG_9771

See how Vian’s game had been improved to a totally higher level when he got support from game making experts πŸ™‚

IMG_9782

Capt. Faris tested Ain’s game

IMG_9787

And then they applied it to Vian’s

IMG_9793

Vian got lots of ideas and feedback from Ain and Capt. Faris yaaay, what could be more fun than creating games as a team πŸ˜‰

IMG_9797

The final look of Vian’s game πŸ™‚

IMG_9817

IMG_9833

IMG_9818

IMG_9834

IMG_9835

Tyo was ready for a new project: modifying a chat app in Java πŸ™‚

IMG_9783

First we made sure the server and client work

IMG_9789

IMG_9796

IMG_9790

And the we decided to add some encryption to the text, and will be decrypted when it is accepted

IMG_9800 2

The encryption worked

IMG_9814

The code

IMG_9815

then we added decryption

IMG_9837

got some errors after adding decryption, but later Capt. Faris solved it

IMG_9838

This little one was back πŸ™‚ Hello Adit πŸ™‚

IMG_9788

Adit continued his Intro to Programming lessons from Blockly Games

IMG_9799

He was doing well with Puzzle and Maze

IMG_9811

And then moved on to Bird

IMG_9812

Had reached level 6 and will continue it next week πŸ™‚

IMG_9842 2

Sabrina continued her lesson in Web Programming

IMG_9791

She learned more complicated design with more difficult layout

IMG_9792

IMG_9816

She had to go through lots of lines and debugging became a lot harder πŸ™‚

IMG_9836

Jundy had several projects in Java running

IMG_9819

This one is a program to guess someone’s birthday using some algorithm

IMG_9803 IMG_9804

Jundy likes to discuss his work with Faris πŸ™‚

IMG_9808

He showed us how to modify some files encrypted from XBox πŸ™‚

IMG_9809

IMG_9810

While on the other side of the room, Ain’s mom did an awesome activity πŸ™‚

IMG_9830

Very neat! πŸ™‚

IMG_9831

This tool has never seen in the class before πŸ™‚

IMG_9832

Another different activity in the class: captain discussions about writing πŸ˜€

IMG_9802

Will be reporting more interesting things happening in our class next week! πŸ˜‰

 

 

 

 

ProCodeCG Kids Regular Coding Class – Open Topics – 23 Sep 2017

Standard

Wow, lots of new things and amazing progress today! πŸ™‚ We have several topics and research running πŸ™‚

IMG_8543

Ain has made huge progress on GameMaker like always

IMG_8501

This is his latest game πŸ™‚

IMG_8493

Using a very complex technique

IMG_8494

and numerous sprites and objects to make it looks so real πŸ™‚

IMG_8495

Ain designed every sprite very carefully and in detail

IMG_8496

IMG_8497

IMG_8504

IMG_8511

IMG_8518

For the next lesson, Ain started learning creating apps πŸ™‚

IMG_8534

IMG_8553

Ain’s first app on Android Β πŸ™‚

IMG_8555

IMG_8556

Ain will be good at this one too πŸ™‚

IMG_8558

IMG_8559

IMG_8560

Emma had finished her task to create a Tic-Tac-Toe algorithm in C to choose the best move

IMG_8512

IMG_8536

It works

IMG_8498

The code:

IMG_8499 IMG_8500

The new task given to Emma πŸ˜‰

IMG_8513

Emma is digesting the task and we’re sure she’ll find out how to solve it πŸ˜‰

IMG_8515

Yaay, we had a newcomer: Adin

IMG_8503

Adin finished the first time very quickly

IMG_8510

and got the certicate πŸ™‚

IMG_8525

Moved on to CodeCombat and finished it

IMG_8530

IMG_8540

And then started LightBots πŸ™‚

IMG_8557

Capt. Faris is now start working on Instagram crawling πŸ™‚

IMG_8508

He’s not only making it work on his laptop

IMG_8505

IMG_8506

But make it work on a Mac too πŸ˜‰

IMG_8514

IMG_8520

Neila wanted to learn some Sketch Up today πŸ™‚

IMG_8521

Jundy was there to help, yaaay πŸ™‚ Jundy is very fluent with Sketch Up so he’s the right person to teach Neila πŸ˜‰

IMG_8524

Jundy helped Neila to install

IMG_8527

IMG_8528

And taught her basic things to start with

IMG_8531

Then Neila started to learn GameMaker. Ain taught her some tricks πŸ™‚

IMG_8545

Neila made her first game πŸ™‚

IMG_8546

and then back to Minecraft πŸ˜€

IMG_8552

J also helped Azriel to set up Minecraft Server πŸ™‚

IMG_8550

Azriel (Ajil) wasn’t captured in the pic but this is him starting to code with JavaScript on Minecraft πŸ˜‰

IMG_8562

Cinta continued her creating apps project πŸ™‚

IMG_8533

IMG_8554

With more and more complex blocks πŸ™‚

IMG_8561

Vian was in the mood of doing some GameMaker today πŸ™‚

IMG_8529

IMG_8537

And then discussed things with Ain and Jundy

IMG_8541

IMG_8544

IMG_8564

Clarence had a coding project to finish. The task is to read a file and sort the content based on certain field

IMG_8532

IMG_8548

IMG_8549

With Capt. Faris close assistance

IMG_8526

IMG_8551Β Β IMG_8563

The class

IMG_8565

Papa Jundy babysitting Jundy’s little sister πŸ™‚

IMG_8535

IMG_8542

Mama Ain helped Ain to create a Thunkable account πŸ™‚

IMG_8566

And these two guys were still working when all of us leave the building πŸ˜€

IMG_8567

See you next week guys! We really appreciate your dedication! πŸ™‚

IMG_8568