ProCodeCG – Darul Hikam – Intro to Programming – 24 Nov 2017

Standard

Hello, today is the last day of ProCodeCG – Darul Hikam -Intro to Programming Workshop 🙂

Introducing captain on duty: Capt. Bullitt (Awa)

IMG_2779

The class

IMG_2781

IMG_2782 IMG_2783

IMG_2784 IMG_2785

IMG_2787

IMG_2847

We did warming up with Minecraft Hour of Code 🙂

IMG_2786

IMG_2794

IMG_2795

IMG_2803

IMG_2796

The certificates and happy faces 🙂

IMG_2788 IMG_2790

IMG_2797 IMG_2798

IMG_2802

IMG_2804

IMG_2808

IMG_2809

IMG_2812

IMG_2819

IMG_2845

IMG_2846

IMG_2849

IMG_2848

IMG_2850

Then we started to create our very own games 😉

IMG_2793

IMG_2799

Awesome creations!

IMG_2800

IMG_2801

 

IMG_2805 IMG_2806

IMG_2807

IMG_2810

IMG_2811

Thanks so much Darul Hikam 🙂

IMG_2813

Hoping to be able to collaborate again next semester 🙂

IMG_2818

 

 

 

 

Advertisements

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 😉

 

 

 

 

 

 

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 – 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 – 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 🙂