ProCodeCG – Darul Hikam – Intro to Programming to 5th Graders – 17 Nov 2017

Standard

Hello 5th Graders 🙂 Today we learned basic programming with Minecraft Hour of Code before we started to learn how to create games 🙂

IMG_2155

IMG_2156

IMG_2157 IMG_2158

IMG_2318

IMG_2324

IMG_2320

IMG_2323

IMG_2162 2

IMG_2163 IMG_2164

IMG_2180

IMG_2195

IMG_2314

The certificate of completion and the proud faces 😉

IMG_2161

IMG_2165

IMG_2170 IMG_2173

IMG_2176

IMG_2177

IMG_2179

IMG_2182

IMG_2186

IMG_2321

IMG_2316

IMG_2315

IMG_2312

IMG_2313

IMG_2319

Then we created games with GameMaker 🙂

IMG_2175IMG_2178

 

IMG_2181

Each kids created their own sprites 🙂

IMG_2183 IMG_2184

IMG_2187

IMG_2188 IMG_2189

IMG_2191

And one kid had finished his own game 🙂 Impressive 🙂

IMG_2190

Captain on duty today: Capt. Bullitt (Awa) 😉

IMG_2167

Who was working really harddd

IMG_2159

Helping everyone in the class 😉

IMG_2322

And he got sooo hungry at the end of the class 😀

IMG_2192

Bon Appetite Capt. Awa 😉

IMG_2193

IMG_2194

See you again next week 😉

 

 

 

 

 

 

Advertisements

ProCodeCG – Darul Hikam – Intro to Programming to 4th Graders – 10 Nov 2017

Standard

Hello! Today ProCodeCG met 4th Graders of Darul Hikam to learn how to create games 🙂

The class situation

IMG_1609

IMG_1604

IMG_1605

We started to learn about programming concepts with Minecraft Hour of Code 🙂

IMG_1648 2

IMG_1650

IMG_1652

IMG_1653

IMG_1655

IMG_1662

IMG_1612

IMG_1606

IMG_1607

IMG_1608

IMG_1610

IMG_1611

IMG_1613

IMG_1618

IMG_1619

IMG_1636

Captain on Duty: Capt. Bullitt 😉 Busy to make sure everyone got connected to the power source 🙂

IMG_1614

Because this is the cable situation 😀

IMG_1615

IMG_1632

Capt. Bullitt assisting his classmates 😀

IMG_1616

Mama Capt. Bullitt and Bu Guru helped too

IMG_1617

The certificates and the happy faces 😀

IMG_1649

IMG_1651

IMG_1656

IMG_1657 IMG_1658

IMG_1669 IMG_1670 2

IMG_1620 IMG_1623

IMG_1624 IMG_1625

IMG_1627 2 IMG_1629

IMG_1633

IMG_1634 IMG_1635

IMG_1643

And then we started to create games 🙂 The kids now can make their own sprite 🙂

IMG_1637

IMG_1638 IMG_1639

IMG_1640 IMG_1641

IMG_1642

Going to continue the lesson in the next semester 😉

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 – 9 Sept 2017

Standard

Hello!

IMG_7490

IMG_7500

This Saturday we had two newcomers 🙂 This one is Al 🙂

IMG_7461 2

Al learned intro to programming with Minecraft Hour of Code 🙂

IMG_7466

After he finished task one, Al continued to learn about procedures with LightBot 😉

IMG_7484

IMG_7495

Then he continued with Blockly Games 🙂 Lots of work today Al, well done 🙂

IMG_7516

The second newcomer is Adit 🙂

IMG_7494

Adit learned the same things Al did 🙂

IMG_7496

Adit was tutored by Capt. Faris 🙂

IMG_7504

Finished the first task

IMG_7506

and then move on to the next 🙂 Adit seemed so excited 🙂

IMG_7517

Emma was still working TicTacToe strategy

IMG_7464

The code generated some errors after Emma added a new function

IMG_7491

Well, with a code looking like this, we certainly need time to find out the problem 🙂

IMG_7475

Aidia started to create games 🙂 With the guide of Capt. Faris 🙂

IMG_7465

IMG_7488

Aidia already had ideas in mind about the game she was going to create 🙂

IMG_7469

Aidia was so excited to create her own sprites 🙂

IMG_7492

IMG_7493

Finally, Aidia’s first game 🙂

IMG_7497

She just couldn’t stop 😉

IMG_7498

Ain! He came with lots and LOTS of progress 🙂

IMG_7467

From all the tasks and challenges, he created this “Kresek Terbang” game 🙂

IMG_7471

The game is so neatly created and detail, using brilliant tricks and techniques

IMG_7472

Like usual, Ain never do anything less than excellent 🙂 Look at how many sprites and object he created 😀

IMG_7473

Ain also uses a very smart way to put objects in random while the screen moving to the left

IMG_7474

Ain gave lots of tricks and idea to Vian 🙂

IMG_7485

Vian was going to make what’s in his head happen 🙂

IMG_7486

IMG_7507

IMG_7508

Vian learned lots of new tricks to make his ideas happen 🙂 Well done Vian 🙂

IMG_7511

Vian also wanted to create his own logo 😀

IMG_7522

So we let him express his creativity for a whiel 😀

IMG_7523

Ajil’s game now working just fine 🙂 Last week we had the GameMaker kept hiccuping 😀

IMG_7499

Ajil tested all the game he had created

IMG_7509

IMG_7513

Making sure all is running smoothly 🙂 Next week Ajil will be ready to learn something new 🙂

IMG_7514

Tyo had a new idea for a new project 🙂

IMG_7501

He wanted to create a temperature converter 🙂

IMG_7520

Tyo is a very determined boy. He insisted to write his own code, line per line. He refused to copy paste examples from the internet 🙂  Tyo has a problem with casting this variable to integer

IMG_7527

Capt. Faris helped him out 🙂

IMG_7526

So this is going to be Tyo’s homework and we’ll see the progress next week 🙂

IMG_7533

Look at what Capt. Faris learned in the class while teaching 🙂

IMG_7489

Capt. Faris showed Capt. BR his ProCodeCG Attendance App with Face Recognition 😉

IMG_7521

Faris took my pics last week and let the code learn, and now it recognize my face 🙂

IMG_7529

IMG_7532

Not yet recognize Capt. BR

IMG_7530

Because the system has only learned Faris’ and my face, Capt. BR was identified as Faris 😀 Later Faris took pics of Capt. BR, feed it to the system, and it can recognize Capt. BR too 🙂 Awesome!

IMG_7531

Well, when Faris’ laptop goes like this, that means the class is over 🙂

IMG_7518

See you next week! 🙂

 

ProCodeCG Kids Regular Coding Kids – Open Topics – 2 Sep 2017

Standard

ProCodeCG Open Topics Kids Coding Class 🙂

These girls, Echa and Aidia arrived early 🙂

IMG_6963

IMG_7037

They’re ready to learn more about programming with Minecraft 🙂

IMG_6966

Echa and Aidia started to learn Minecraft Designer before they start coding with JavaScript on Spigot Server 🙂

IMG_7046

IMG_7047

Neila joined the group of Minecraft Modding with Echa and Aidia 🙂

IMG_7026

They logged in to the same Spigot Server so they can play and code together 🙂

IMG_7051

IMG_7035

IMG_7036

IMG_7053 2

Capt. Faris (grey jacket) helped the girls with starting up the server and logging in to it 🙂

IMG_7031

Ain! So excited to see the progress 🙂

IMG_6967

Ain has created an amazing game with nine levels 🙂

IMG_6977

The game is very well and carefully designed 🙂

IMG_6978

Each levels offers different challenges *that escalates in an unpredictable way 😀

IMG_6979

IMG_6980 IMG_6981

IMG_6982 IMG_6983

IMG_6984 IMG_6985

IMG_6986

IMG_6989

Ain has also created another game, a very detailed game with animations

IMG_6998

He creates LOTS of sprites

IMG_7001

and each sprite has LOTS of images for animations

IMG_7006

This one is totally a detailed and determined kid 🙂

IMG_7007

The game is about a watering can that can walk (while animating)

IMG_7003

and when it approaches the plant and water it, the plant will grow 🙂

IMG_7005

the code of how the plant changing sprite to give growing animation 🙂

IMG_7008

And after demoing those two awesome games, Ain created another one

IMG_7014

IMG_6993

He hasn’t explained how this game work

IMG_7023

because after Vian arrived, Ain was told to give ideas to Vian 😉

IMG_7040

so they teamed up to create games together 🙂

IMG_7048

IMG_7049

IMG_7041

IMG_7052

Emma was still working on the Tic-Tac-Toe project

IMG_6971 2

She was in the process of creating data structure and algorithm to make computer chooses the best possible move

IMG_7027

She developed some functions and started to list move possibilities

IMG_7028

the SPOTS variable shows the possible positions to move. The algorithm still choose the move closer to the upper left cell. Will be improved after the weighting process has been figured out.

IMG_7029

Capt. Faris on duty 🙂

IMG_6999

Very busy doing his research on ProCodeCG Attendance List with Face Recognition 🙂

IMG_7039

Faris was doing some training to his code

IMG_7032

So it will recognize his face and tell the system that he has logged in 🙂

IMG_7043

IMG_7044

The result of the matching process

IMG_7045

And then he started to train the code with different datasets so it will recognize different person 😉

IMG_7050

There are always so much things going on, and there will be more next week! 😉

 

ProCodeCG – 5 Days Kids Coding Crash Course – Day #5 – 28 Aug 2017

Standard

The last day of % Days Kids Coding Crash Course on Intro to Programming and Creating Games 🙂

IMG_6655

At this stage, Ghazaska has learned skills to improve his game

IMG_6656

He keeps adding more features

IMG_6657

And make improvements, including to the graphics of the sprites

IMG_6658

IMG_6660

IMG_6661 IMG_6662

IMG_6667

IMG_6669

IMG_6670

The game now have lots of levels

IMG_6663

that offers unexpected challenges 😀

IMG_6664

IMG_6666

IMG_6668

It takes some daydreaming to start a new game 🙂 *it is hard sometimes to move on from one creation to another 😀

IMG_6672

The next one is BreakOut Game

IMG_6671

And Ghazaska doesn’t want anything on his game to look similar to the original game 😀

IMG_6673

The game looks so interesting 😀

IMG_6674

It’s amazing how creative kids can be if we give them the skill and some space to improvise 🙂

IMG_6675

Now you can explore many things with what you have learned in 5 days Ghazaska 🙂 See you again 🙂