ProCodeCG Kids Regular Coding Class – Online – 25 April 2020

Standard

List of works today 🙂

Screen Shot 2020-04-25 at 09.03.45

Vian is developing something in Roblox he didn’t want to share the screen 🙂 But he is collaborating with other kids to create a game in Roblox

Screen Shot 2020-04-25 at 09.01.02

Irham is going through the next stage of intro to programming today

Screen Shot 2020-04-25 at 09.32.06 Screen Shot 2020-04-25 at 09.39.41

Screen Shot 2020-04-25 at 10.02.50 Screen Shot 2020-04-25 at 10.03.29

Screen Shot 2020-04-25 at 10.14.43

and then Irham finished it gloriously

Screen Shot 2020-04-25 at 10.34.54

so he can move on to creating games in GameMaker 🙂

Screen Shot 2020-04-25 at 10.44.56

Screen Shot 2020-04-25 at 10.57.15

Capt. Awa is still working on his animation project with Blender 😉

Screen Shot 2020-04-25 at 09.32.11

he is adding some lighting 🙂

Screen Shot 2020-04-25 at 09.40.12 Screen Shot 2020-04-25 at 09.40.16

Screen Shot 2020-04-25 at 09.41.41 Screen Shot 2020-04-25 at 09.49.04

Screen Shot 2020-04-25 at 09.51.40 Screen Shot 2020-04-25 at 09.32.17

Screen Shot 2020-04-25 at 09.55.29 Screen Shot 2020-04-25 at 10.00.42

Screen Shot 2020-04-25 at 10.01.13 Screen Shot 2020-04-25 at 10.03.20

and also experimenting with particles

Screen Shot 2020-04-25 at 11.13.42 Screen Shot 2020-04-25 at 11.36.17

a realistic donut created by Capt. Bullitt 😉

Donut Sharable

Capt. Faris and Capt. CG is developing an app to take attendance with photos. Capt. Faris is building the back end while Capt. CG is developing the front end

Screen Shot 2020-04-25 at 09.49.55

Screen Shot 2020-04-25 at 09.52.58

Screen Shot 2020-04-25 at 10.15.22

Screen Shot 2020-04-25 at 09.54.35

we need a cloud service to store the photos from front ent and then be processed by backend

Screen Shot 2020-04-25 at 09.54.54 Screen Shot 2020-04-25 at 10.20.54

Screen Shot 2020-04-25 at 10.24.39

ok we have succesfully sent the picture to the cloud

Screen Shot 2020-04-25 at 10.33.21

nice!

Screen Shot 2020-04-25 at 10.34.35

we’re also looking for a machine learning library to recognize the pic but later we decide to correlate the pic with user and password

Screen Shot 2020-04-25 at 11.24.55

AlFattan is adding lives to his COVID Game 😉

Screen Shot 2020-04-25 at 09.54.26 Screen Shot 2020-04-25 at 10.02.40

Screen Shot 2020-04-25 at 10.04.22 Screen Shot 2020-04-25 at 10.06.37

Screen Shot 2020-04-25 at 11.06.02 Screen Shot 2020-04-25 at 11.07.48

we have to add lines of codes

Screen Shot 2020-04-25 at 11.09.18 Screen Shot 2020-04-25 at 11.20.32

ok it works now! 🙂

Screen Shot 2020-04-25 at 11.21.08 Screen Shot 2020-04-25 at 11.21.14

Screen Shot 2020-04-25 at 11.31.00 Screen Shot 2020-04-25 at 11.38.55

Screen Shot 2020-04-25 at 11.46.26 Screen Shot 2020-04-25 at 11.48.54

Ara is still developing games using Unreal Engine

Screen Shot 2020-04-25 at 10.05.05 Screen Shot 2020-04-25 at 10.07.14

he added more animation

Screen Shot 2020-04-25 at 10.07.26 Screen Shot 2020-04-25 at 10.08.42

and more codes

Screen Shot 2020-04-25 at 10.35.39 Screen Shot 2020-04-25 at 10.41.52

Screen Shot 2020-04-25 at 10.50.47

Baran is creating a Flappy Bird Game with JavaScript 😉

Screen Shot 2020-04-25 at 10.36.37

we have to deal with every line of error that occur

Screen Shot 2020-04-25 at 10.41.29 Screen Shot 2020-04-25 at 10.50.10

Screen Shot 2020-04-25 at 11.02.37 Screen Shot 2020-04-25 at 11.13.01

until it finally works 😉

Screen Shot 2020-04-25 at 11.22.43 Screen Shot 2020-04-25 at 11.28.55

got some more errors and we fixed it 😉

Screen Shot 2020-04-25 at 11.30.10 Screen Shot 2020-04-25 at 11.30.51

Screen Shot 2020-04-25 at 11.37.14 Screen Shot 2020-04-25 at 11.53.35

Screen Shot 2020-04-25 at 11.58.58 Screen Shot 2020-04-25 at 12.02.20

Badi is creating a filter on Instagram and asking everybody in the class, which pic of food is better 😀 😀 😀

Screen Shot 2020-04-25 at 10.47.25

Kinan’s game is working now after we added more codes 🙂 Too bad we cannot screenshot the result 🙂

WhatsApp Image 2020-04-25 at 13.04.21

Fadhlan is very busy creating an automatic hand sanitizer spray, no screenshot because Fadhlan use Zoom on a smartphone, just like Kinan.

Fab is doing some COVID animation 🙂 His game in GameMaker is also in development

Screen Shot 2020-04-25 at 10.36.45

and this is the next project 😉

WhatsApp Image 2020-04-25 at 10.54.12

All are productive and making progress 😉 Can’t wait until next week! 😉

*Photos are also available here

ProCodeCG Kids Regular Coding Class – 7 Mar 2020

Standard

Our regular coding class before everybody has to stay at home 🙂

Fadhlan has two plans for today 🙂

IMG_4837

the first is to continue modifying this awesome of robot structure (look at the unusual and brilliant design!)

IMG_4835

IMG_4836

and replacing iPhone 6plus home button

IMG_4846

a very delicate and complex work

IMG_4851 IMG_4929

IMG_4930

backup-ing data from iPhone to iTunes

IMG_4951

Clive is ready to improve the Maze Game in GameMaker Studio 2 🙂

IMG_4838 IMG_4852

Clive is getting more fluent using the new and more complex GUI or GameMaker Studio 2

IMG_4858 IMG_4869

the result 😉 Once Clive gets the idea of how this IDE works, he would easily recreate all the game from GameMaker Lite 😉

IMG_4887

Syathir is going to start learning basic electronics today 😉

IMG_4839

the first task is to make a LED blinking 🙂

IMG_4866

Syathir can do the task without help 😉

IMG_4867

look! 😉

IMG_4901

now installing Arduino IDE

IMG_4903

and then typing the code

IMG_4913

and it is blinking! Congrats Syathir! 🙂 🙂 🙂

IMG_4928

Al is going to make a Machine Learning Project to sort waste: organic and inorganic

IMG_4843

making categories

IMG_4856

adding datasets

IMG_4873 IMG_4881

finding sprites

IMG_4896

starts coding

IMG_4897

applying sprites 🙂

IMG_4916

Cean has many plans too 🙂

IMG_4904

including OS development

IMG_4907 IMG_4927

with Scratch

IMG_4938

and HTML

IMG_4955

IMG_4957

the result 😉

IMG_4958

Kinan has to add a battery level sprite to the Space Shooter game 🙂

IMG_4845 IMG_4853

IMG_4879

the game is getting more complex so Kinan has to be really carefully choose the object and find where to put the new code

IMG_4908

IMG_4937

Capt. Faris is working hard creating code for Instagram crawling

IMG_4847

IMG_4857 IMG_4882

IMG_4890

listing the followers

IMG_4891

IMG_4892 IMG_4894

IMG_4895 IMG_4898

IMG_4899 IMG_4946

the crawling is done! awesome job as always Capt. Faris 🙂

IMG_4954

Baran is debugging JavaScript to add tail to his Snake Game

IMG_4848

IMG_4875 IMG_4877

we finally located the source and error and fixed it

IMG_4885 IMG_4886

no errors now 🙂

IMG_4893

so now adding the tails 🙂

IMG_4921

Techa

IMG_4849

is improving his out-of-the-box game 😀

IMG_4864

IMG_4910

and sooo happy with the result LOL

IMG_4911

IMG_4914

the result is mindblasting 😀

IMG_4941

and Techa already has more ideas to implement 😀

IMG_4942

Boy creates a very interesting game in Scratch

IMG_4850

feels like playing in a movie 🙂

IMG_4859 IMG_4860

IMG_4861 IMG_4862

IMG_4909

we fixed some things and now everything works as Boy wishes 🙂

IMG_4943

incredible! 🙂

IMG_4949

Arya is joining in 🙂 Welcome 🙂

IMG_4854

going through intro to programming with Minecraft Hour of Code

IMG_4855 IMG_4880

IMG_4906 IMG_4915

done the first task 🙂

IMG_4925

now the next 😉

IMG_4926

IMG_4932 IMG_4936

IMG_4944 IMG_4945

finished the Maze and now moving on to the Bird

IMG_4950

Arya keeps going on 🙂 after finishing this, in the next class he will continue to LightBot 😉

IMG_4952

Yogi is creating a new game 🙂

IMG_4888

start developing new assets

IMG_4889

IMG_4905

this project is gonna be as great as the previous one 😉

IMG_4931

IMG_4934

the code

IMG_4953

Fab

IMG_4917

is adding more codes to make the camera following the object

IMG_4933

IMG_4935

and to give more effect to the game

IMG_4940

The class

IMG_4870 IMG_4871

IMG_4872 IMG_4874

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 29 Feb 2020

Standard

Our regular coding class today 🙂

Fadhlan is feeling like tearing down again his iPhone 6 Plus to fix the home button but we have to buy the spare parts

IMG_4182

IMG_4181

IMG_4183 IMG_4192

after giving up waiting up for the spare parts

IMG_4200

Fadhlan continues the FireFighter Robot

IMG_4224

now we’re testing the fire sensors

IMG_4231

the sensor individually works, but not yet when it is attached with the robot. Will fix it next week

IMG_4241

Vian is given a task to create a finding robot in Roblox

IMG_4184

IMG_4204 IMG_4205

but for moving objects 😀

IMG_4206 IMG_4208

IMG_4216

Faiz wants a new challenge

IMG_4185

so the challenge is to create a GUI for ordering Pizza in Python 😉

IMG_4197 IMG_4198

IMG_4207

Rheino is coming back 😉

IMG_4186

he starts to learn Machine Learning 😉

IMG_4188 IMG_4190

IMG_4213

and implement it with Python

IMG_4233

IMG_4240

the code

IMG_4263

the data sets

IMG_4264

the results

IMG_4265

IMG_4266 IMG_4267

Clive is now using a Mac to create games

IMG_4187

so today Clive is learning to create games using Game Maker Studio 2

IMG_4191

he needs some time to get used to the IDE and the syntax

IMG_4193 IMG_4194

he finally able to recreate a maze game using GameMaker Studio but we still need to add more features to the game

IMG_4210 IMG_4223

Capt. Faris is really busy today 🙂

IMG_4195 IMG_4196

plus he has to debug a instagram crawling code in Python 😉

IMG_4218

and he did it flawlessly 🙂 crawling followers of an Instagram user

IMG_4234

IMG_4248 IMG_4252

IMG_4260 IMG_4261

unbelievable 🙂

IMG_4262

Boy is super multaskingly creative as always 😀

IMG_4201

he is creating his own music

IMG_4209

IMG_4221

for his game created in Scratch

IMG_4219

IMG_4235

Capt. Faris helped Boy to be able to click a button under the first layer

IMG_4251

and now the game works exactly as Boy wants it to be 😉

IMG_4257

Kinan is going to draw a bullet status indicator in the game 😉

IMG_4225 IMG_4236

the code plan 😉

IMG_4237

Kinan is busy implementing the code because the game is getting more complicated 🙂

IMG_4238

IMG_4250 IMG_4259

Fab writes down his plan on the game he is creating 😉

IMG_4254

today Fab wants the camera to follow the player

IMG_4238

and now it works 😉

IMG_4239 IMG_4255

the plan for the next class

IMG_4256 IMG_4268

The class

IMG_4199 IMG_4203

*Photos are also available here

ProCodeCG – Darul Hikam – Kids Coding Class – 28 Feb 2020

Standard

Not many kids can survive a coding class 😉 These are one of the few 🙂

Rifqi

IMG_4099

is still working hard improving the Race Car Game 🙂

IMG_4108

it is now has main features and we can start to create another game next week 😉

IMG_4109 IMG_4122

Khalis finished his Space Invaders Game today

IMG_4100 IMG_4115

IMG_4116 IMG_4117

You win 😉

IMG_4118

Mandala is going to create a new game, based on his very own ideas 🙂

IMG_4101

IMG_4111 IMG_4119

Hanif is now getting more fluent creating 3D games with CopperCube 🙂

IMG_4103 IMG_4112

IMG_4113 IMG_4123

IMG_4124 IMG_4125

Darrell has also finished the RaceCar Game today and going to create a Flappy Bird Game next week 😉

IMG_4104 IMG_4105

IMG_4106 IMG_4110

The class *Capt. Bullitt is very busy teaching on the back 🙂

IMG_4120

*Photos and videos are also available here

ProCodeCG – Darul Hikam – Kids Coding Class – 21 Feb 2020

Standard

Our Friday coding class 🙂

Capt. Bullitt before class 😉

IMG_3500

helping Hanif with CopperCube

IMG_3537

IMG_3513

Rifqi is going to add score and fuel bar to the Race Car Game 🙂

IMG_3501

testing the previous game 🙂

IMG_3506

and then back to the Race Car, make the camera following an object

IMG_3508

adding more sprites

IMG_3514

IMG_3516 IMG_3525

score and fuel bar have been added yay!

IMG_3526

adding more cars to the room

IMG_3527

IMG_3528

Mandala brought a different laptop so we had to reinstall Game Maker and create the games from scratch (no problem ;))

IMG_3502

Ala is going to create a Race Car Game too

IMG_3512 IMG_3517

started with creating sprites

IMG_3521 IMG_3529

IMG_3534

Maliq is still tinkering with the Pacman Game 🙂

IMG_3503

IMG_3507 IMG_3511

Hanif is getting better and better creating 3D games with CopperCube, thanks to Capt. Bullitt 😉

IMG_3504

IMG_3530 IMG_3531

IMG_3532 IMG_3536

Khalis’ Space Invader Game is still on progress 🙂

IMG_3505 IMG_3515

IMG_3524

The class

IMG_3520

IMG_3518

*Photos and videos are also available here

ProCodeCG – Darul Hikam – Kids Coding Class – 14 Feb 2020

Standard

Our Friday routine 😉

Acha is focusing on creating animation with Blender today

IMG_2816

it requires long and difficult process but Acha seems to like it 🙂

IMG_2815

IMG_2827 IMG_2832

IMG_2845 IMG_2854

IMG_2856 IMG_2861

Capt. Bullitt having lunch before teaching 😉

IMG_2817

teaching Hanif how to create 3D games withCopperCube

IMG_2823

IMG_2824

teaching Acha how to animate with Blender

IMG_2849

Hanif

IMG_2818

lots of progress today 😉

IMG_2826

IMG_2847

Rifqi is creating a new game today: Race Car Game 🙂

IMG_2821

IMG_2829 IMG_2830

IMG_2836 IMG_2843

IMG_2851 IMG_2862

we have the car, the road and the petrol bar so far! 🙂

IMG_2863

steps we’ve done today and will be improved next week 🙂

IMG_2866

Darrell

IMG_2822

is working on a Race Car Game too 🙂

IMG_2831

IMG_2835 IMG_2842

IMG_2844 IMG_2850

the road is ready 🙂

IMG_2860

yaaay we got the car, the road and the petrol bar 🙂

IMG_2867

going to add score and other cars next week!

IMG_2868

Ratu

IMG_2828

Ratu was shown a Race Car Game example

IMG_2833

started to create the car sprite

IMG_2834

and then got a new idea and decided to create her own games based on own ideas 😉

IMG_2869

the game is about prison and how to keep the prisoners inside 😉 very creative idea 😉

IMG_2870

IMG_2871

The class

IMG_2840

IMG_2837

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 8 Feb 2020

Standard

One of the best day of the week is Saturday 🙂 Ours is even better because it is our time for coding 😉

Clive had finished the Flappy Bird Game and now is given a new challenge to create Agario Game

IMG_2286 IMG_2288

it requires more coding to make the game runs smootly

IMG_2299

today Clive had finished the main features of the game, next week we will gradually add more features to the game

IMG_2330

Techa is improving the BreakOut Game

IMG_2287

by adding more levels

IMG_2298

IMG_2318

and even tricked the game by creating a very long paddle LOL

IMG_2327

IMG_2352 IMG_2353

or add several paddles in the same room

IMG_2360

Al will do a new machine learning project today 😉

IMG_2290

IMG_2289

Al is developing a hoax detector

IMG_2312

the code

IMG_2340 IMG_2354

 

the datasets

IMG_2357

the system can detect whether a sentence or headline is hoax or not 😉 super awesome work Al! 🙂

IMG_2356

Badi

IMG_2291

has to prepare a project for the upcoming exhibition

IMG_2302

we need to shop for more components

IMG_2313

so we got the components delivered 😀

IMG_2326

assembling process

IMG_2335 IMG_2336

IMG_2339

testing the LCD

IMG_2346

it is not working

IMG_2347

until we put the jumper on the i2c module

33348BFE-2C4D-43C0-B020-0A8277A588B7

there we go! 😉

IMG_2366

now doing the code

IMG_2370

it works *but the reading is crazy because apparently we burnt the sensor during the assembly LOL

IMG_2375 IMG_2374

IMG_2376 IMG_2377

but at least we have done 90% of the project 😉 going to replace the sensor next week 😉

IMG_2406

Vian is exploring Roblox coding again

IMG_2292

Vian is developing a thriller game in Roblox

IMG_2297

the character

IMG_2315

the code in LUA

IMG_2316 IMG_2317

IMG_2341

Faiz is improving his Python code to open a browser based on a command we type from a command prompt

IMG_2293

IMG_2294

the code

IMG_2311

IMG_2314 IMG_2328

IMG_2331

now the program will keep accepting the command until the user say no

IMG_2332

IMG_2333

we’re installing library to make the code able to accept speech 😉

IMG_2403

IMG_2404 IMG_2405

Sam is making awesome progress with the Attendance List App

IMG_2301

but the code is quite complex 😀

IMG_2303

IMG_2304

the main function is working, still need to work on the GUI

IMG_2305

this project will be ready for the exhibition yaaayy 🙂

IMG_2306

Kinan is adding bullet indicator to the game 😉

IMG_2308

so the player will have limited number of bullet and should reload to be able to keep shooting the enemy

IMG_2323 IMG_2338

Darren is a newcomer 😉

IMG_2309

starting with basic programming

IMG_2310

IMG_2319

done the first challenge

IMG_2334

next is to learn the principal of procedures in programming

IMG_2349 IMG_2362

IMG_2363 IMG_2367

done this one too

IMG_2400

and now start creating games 😉

IMG_2402

Syathir is creating a BreakOut Game

IMG_2343 IMG_2344

IMG_2345 IMG_2350

done already! 🙂

IMG_2351

finding ideas by playing an example game

IMG_2364

IMG_2365

and then agreed to create a Flappy Bird Game for the exhibition 😉

IMG_2369

Fadhlan is developing a FireFighter Robot 😉

IMG_2371 IMG_2372

IMG_2407

hoping that Fadhlan can finish the project before the exhibition 🙂

IMG_2408

IMG_2409

The class

IMG_2324

IMG_2325

*Photos and videos are also available here