ProCodeCG Creating Games Private Class – Day #2 – 23 May 2019

Standard

Day #2. We start to think about what games to make 😉

IMG_1778 IMG_1784

IMG_1777

This is how we do brainstorming and designing the game 🙂

IMG_1779

IMG_1781

IMG_1782

IMG_1790

IMG_1791

IMG_1794

We have LOTS of ideas but we will choose one to create today: Matching Game. The game will be about matching pictures or cards. The codes:

IMG_1780

IMG_1785

IMG_1786 IMG_1789

The prototype of the game 🙂 We took a lot of time to figure out how to identify same objects without too many complicated stuff 🙂

IMG_1792

Great, at least it works now. The main logics have been coded, the hard work is now on creating assets 😀

IMG_1793

Creating games, even the simplest ones need hard work, persistency and experience.

IMG_1783

There’s no such things as shortcut 🙂 We have to spend time and work 🙂

IMG_1788

*Photos and videos are also available here

ProCodeCG Kids Regular Coding Class – 23 June 2018

Standard

Our class has moved to a new place! ProCodeCG now will open classes at Grapari Loop Station 🙂

IMG_6007

It is nice place with chairs and desks and big windows 🙂

IMG_6008

IMG_6009

IMG_6027

We have nice view outside the window, we can open it to get fresh air, or turn on the air conditioner when the weather is too hot 🙂

IMG_6047

Today Kinan is ready to start a new strategy to finish her Agario Game 🙂

IMG_6012

Kinan had to followed a quite long and complex tutorial but at this stage, she can manage it 🙂

IMG_6022

Maryam’s laptop was already installed with GameMaker and she was ready to start her own game

IMG_6013

IMG_6023

The sprites

IMG_6025

Maryam’s first game in GameMaker 🙂

IMG_6040

Kinan helped Maryam to finish the game 🙂

IMG_6033

Uno was given a task to type Javascript code to be executed in Minecraft 🙂

IMG_6014

IMG_6018

It is hard at the beginning but every programmer must do it 😉

IMG_6026

IMG_6048

Fadhlan was very excited about the new place

IMG_6015

and very soon Fadhlan will have a big enough box to contain all of these 😀

IMG_6019

Something is wrong with Fadhlan’s laptop, it refuses to connect to the internet so we had hard times to update the libraries to test the robot 😦

IMG_6032

Aidia, happy and excited, as always 🙂

IMG_6016

Aidia is getting more fluent operating Minecraft, and ready to inject some Javascript to create things 🙂

IMG_6020

Aidia started from simple structures to be coded in Javascript 🙂

IMG_6035

Sulaiman had finished all the challenges and tasks, and now given to create a new Minecraft minigames in Javascript

IMG_6017

Sul started to learn to create a guessing number game in Javascript to be run in Minecraft

IMG_6021

IMG_6042

An awesome minigames in Minecraft 🙂

IMG_6043

Yeaaay we had a newcomer, the youngest kid in the class: Gazka 🙂

IMG_6024

Gazka still needed to be fully assisted by Nana (grandma) 😀

IMG_6034

IMG_6037

It took a while until Gazka was confident enough to draw the sprite by himself 🙂

IMG_6045

And then Gazka learned some programming logics 😉

IMG_6050

with LightBot 🙂

IMG_6052

A good start for a very young kid learning programming 🙂 Well done Gazka 🙂

IMG_6053

Vian had another project to explore

IMG_6030

Minecraft animation 🙂

IMG_6049

Vian started to create animation in Minecraft 🙂 Interesting! 🙂

IMG_6051

Capt. Faris was busy keeping up with our research

IMG_6029 1

IMG_6036

These little guys were discussing about minigames in Minecraft on Sul’s laptop 🙂

IMG_6038

Koosha! 😉 *never let himself be caught in camera 😀

IMG_6039

Koosha bought some new stuff: nfc tag 😀

IMG_6041

This kid surely had plans in head 😀 He just needs the right push and support 😉

IMG_6044

But since Fadhlan’s laptop refused to work with wifi and devboards, we asked Koosha to check Fadhlan’s robot 😀

IMG_6046

So many things were going on at the new place 🙂 Can’t wait until the next class 😉

Photos and videos are available here 😉

 

 

 

 

ProCodeCG Kids Regular Coding Class – 17 Feb 2018

Standard

Our regular favorite thing 🙂

Untitled

Untitled

Untitled

Silmi forgot to save her work last time

Untitled

so she had to start from scratch again

Untitled

and she recovered real soon 🙂

Untitled

Untitled

Untitled

Danen upgraded his game and added more interesting features: the main character now can shoot 🙂

Untitled

Untitled

Untitled

Danen also added a feature so the enemy can chase the main character 😀

Untitled

Ozan now move on to a new topic: connecting to cloud to control stuff, for this case: a LED 🙂

Untitled

Untitled

we connect to hivemq for the MQTT connection

Untitled

The LED was ready, and the code too

Untitled

We subscribe to the topic, and start testing receiving and sending message. It worked 🙂

Untitled

Untitled

Now Ozan can control a LED from his Android phone 😉

Untitled

Untitled

Untitled

Untitled

Untitled

We can also add more widgets to control things, we’re going to control brightness of LED next week 🙂

Untitled

Firaas made lots of progress because he kept working on the game at home 😉

 

Untitled

Untitled

He recreated this RaceCar Game (he lost the one he created last time because he didn’t save it :D)

Untitled

Untitled

Firaas helped Danen to make the enemy chasing the main character 😀

Untitled

This is Firaas’ second game. He added secret passage and also made the main character shoot 🙂

Untitled

Reading tutorial on how to change shooting directions 🙂

Untitled

Capt. Faris continued exploring ProCodeCG cloud computing server

Untitled

Untitled

we tried to run things up there

Untitled

Pak Budi came to give Faris a briefing about Machine Learning and the project

Untitled

Untitled

Jundy joined in because Faris asked Jundy to run the training process on his laptop 😀

Untitled

After the briefing this two guys installed Tensorflow on Jundy’s laptop and run a training 🙂

Vian was still doing a project with Ain 🙂

Untitled

Untitled

Untitled

Untitled

Untitled

Untitled

Azriel is in a SmartHome Project in Minecraft 🙂

Untitled

 

Untitled

Azriel create a light installation

Untitled

and automatic door with pressure plate

Untitled

The switch to turn the lights on/off

Untitled

We had a newcomer: Fathan

Untitled

He was given Intro to Programming, and did it very well

Untitled

Jundy helped Fathan *because they’ve known each other, Fathan goes to the same class as Jundy

Untitled

After the class ended: playing Minecraft together 😀 #friendship 😀

Untitled

See you next week with more progress and updates! 😉

ProCodeCG – Darul Hikam – Coding Class – 9 Feb 2018

Standard

Friday Fun! 🙂

Untitled

Untitled

Captain on duty today 😉 *having lunch before start teaching

Untitled

Today we continue adding features to the game we created last week 🙂

Hibban didn’t save his first game so he recreated it from the beginning and it was better than the first day 🙂

Untitled

Untitled

Hanif kept adding things to the game

Untitled

He added lots of levels

Untitled

Untitled

Untitled

Adrian started his first game since this is his first day joining in the class 🙂

Untitled

Untitled

Untitled

Untitled

Adrian’s first game 🙂

Untitled

Samy (right) had lots of ideas and he drew lots of interesting sprites

Untitled

Detailed ones like this 🙂 Too bad the game won’t compile because the storage was full, we’re going to try again next class 😉

Untitled

Capt. Bullit at work 🙂

Untitled

This game is Capt. Bullit’s, used to be an example for the class 😉

Untitled

Next class will be more interesting because we’re going to make another game 😉 A racing car game 😉

ProCodeCG Kids Regular Coding Class – Arduino/ESPectro Programming and Open Topics – 20 Jan 2018

Standard

Our Saturday coding class 🙂

Untitled

Untitled

Cinta started to explore Python libraries for games

Untitled

Untitled

Faris helped Cinta to install and test PyGame

Untitled

The code

Untitled

Untitled

Untitled

Cinta is aiming to create something like this 🙂

Untitled

Awa was given another project 🙂

Untitled

to connect Minecraft to Arduino

Untitled

we tried several ways but nothing worked

Untitled

Neither this one 😦 We’re going to figure it out next time

Untitled

Ain was given a task to collaborate with Awa. Ain should create the structures in Minecraft while Awa connect it to the hardware in the real world

Untitled

Too bad it didn’t work yet so Ain continued his projects in Minecraft by creating more complex structures using Red Stone

Untitled

Untitled

Vian was still so interested in Minecraft Command Block

Untitled

Untitled

Untitled

A tool to create command blocks

Untitled

And we also had Danen 🙂

Untitled

continuing his next game, Racing Car 🙂

Untitled

Under the supervision of Capt. Azriel (blue jacket)

Untitled

Untitled

The game is almost done 🙂 Danen will finish it next week 🙂

Untitled

Nafis was really busy doing a project for school: running text on a LCD

Untitled

Capt. Azriel made sure he type every single line, because you had to type to code 😀

Untitled

Al’s TLauncher needed to be updated so it took a while before he can start. Al learned more about looping and how to add different blocks in different colors in Minecraft with JavaScript

Untitled

Ozan was still debugging his work, using Nafis’ code just to find out if it work

Untitled

Untitled

Untitled

Capt. Faris continued our TensorFlow research

Untitled

While also helping other kids

Untitled

and exchanging ideas with Jundy 🙂

Untitled

Untitled

Untitled

So much ideas and collaboration today 🙂 Can’t wait until next week 🙂

 

 

 

 

 

 

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 🙂

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