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

Advertisement

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

ProCodeCG Kids Regular Coding Class – Open Topics – 16 Dec 2017

Standard

Our open topics class 🙂 Let’s see how many topics do we have today 😉

IMG_4455

Capt. Faris, ready to continue our research about TensorFlow etc. 🙂

IMG_4410

IMG_4414

We’re researching how to recognize certain object in real time with a camera 🙂

IMG_4424

Yep it works 😉

IMG_4425

It certainly recognizes persons

IMG_4426

and cellphone

IMG_4428

IMG_4429

Nice! Now we are going to add more objects and train it to be able to recognize the new objects 🙂

IMG_4430

Ain was busy working on his assignments (while also preparing for kids coding camp because he’s going to be captain on duty ;))

IMG_4413

Ain had successfully created a simulation of wheels going up and down slopes 🙂

IMG_4417

IMG_4418

And a simulation of some round objects falling into some surface

IMG_4452

We’re trying to simulate molecule behavior 🙂

IMG_4453

Captains bonding before the class 😀

IMG_4416

Capt. Cinta was so busy catching up with Python programming

IMG_4421

She go through all the examples in the handout and ready to be given a new project  🙂

IMG_4419

Emma is back 🙂 She is the only one in the class learning C/C++ for AI programming 🙂 She was also given a task to explore Python AI Library as a comparison and just in case we need her to help us with the TensorFlow project 🙂

IMG_4415

While J still stuck in finding ways to create a running text in Minecraft

IMG_4451

So he created something else instead 🙂

IMG_4431 IMG_4432

IMG_4433 IMG_4434

J was still figuring out how to solve the problem with piston limit 🙂

IMG_4436

While Azriel started to learn RedStone

IMG_4437

Azriel created automatic door with pressure plate and with lever 🙂 There’s so much things to explore with this new skill 🙂

IMG_4461

And now we have two web programmers: Nadine

IMG_4444

and Nanin 🙂

IMG_4445

They both started to learn HTML and create  their own website design 🙂

IMG_4446 IMG_4447

IMG_4448

They look so happy 🙂

IMG_4454

These girls type their own code and make some changes to the color, background, size and fonts 🙂

IMG_4456

And they help each other, of course 🙂

IMG_4458

Vian 🙂 Got some help from Ain to make what’s in his head reality 🙂

IMG_4449

Vian always has interesting ideas, and Ain always knows how to implement it 🙂

IMG_4450

so they make a great team 🙂

IMG_4457

The result 🙂

IMG_4459

IMG_4460

Tyo did lots of research about how to connect Java to Microsoft Excel 🙂

IMG_4463

Tyo was still working on the project to generate invoice from from Java 🙂 Awesome work and endurance Tyo 🙂

IMG_4465

Another activities in the class:

Capt. Fizhan trying to fix Nanin’s won’t-connect-to-internet laptop 🙂

IMG_4462

And these two little bros of Ain were playing with Ain’s work 😀

IMG_4464

Lots of topics and progress as always! 🙂 Can’t wait until the next class 😉

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

Standard

Open topic class 🙂

IMG_1723

IMG_1736

Hello, welcome back, Aidia 🙂

 

IMG_1716

Aidia learned to create games with GameMaker, under close supervision of Capt. Azriel, and help from Ain too 🙂

IMG_1724

Aidia sit for hours to create her own game 🙂

IMG_1729

She kept adding more things to the game 🙂

IMG_1730

IMG_1735

Adding levels and score

IMG_1746

And more sprites 🙂

IMG_1747

Aidia wasn’t only happy creating it, she likes to play it herself too 🙂

IMG_1753

Ain was going to learn Minecraft Modding but there was a problem with his local server so he created another game 🙂

IMG_1717

IMG_1728

And play the game together with his little brother 🙂

IMG_1741

IMG_1742

A heart-melting scene 😀

IMG_1752

Brillyan started to create his own game today, with Capt. Azriel on duty 🙂

IMG_1720

Brillyan likes to do things in detail

IMG_1725

He created the sprite pixel by pixel 🙂

IMG_1727

IMG_1732

Brillyan also learned how to create objects, background and room. And was given a homework to improve it 🙂

IMG_1748

Azriel (grey jacket) continued his lessons on Javascript coding for Minecraft Modding 🙂

IMG_1731

He’s getting better and better each time 🙂 Today he learned to create an igloo

IMG_1737

and was given a task to make it transparent 😀

IMG_1738

IMG_1744

and he did 🙂

IMG_1745

And then Azriel learned to create a pyramid

IMG_1757

a rainbow pyramid 🙂 and many more like tunnel and bookstore 🙂 We’re going to develop more things next week 🙂

IMG_1760

J was so busy doing his project

IMG_1739

To create a super secure building 😀

IMG_1743

It took lots of effort

IMG_1754

And lots of command blocks *J insisted he didn’t want to do it in Javascript

IMG_1755

It’s a big structure

IMG_1756

So it seriously takes some time to finish 😀

IMG_1761

Keep up the hard work J 😉

IMG_1762 IMG_1763

IMG_1764

Bonus: cuteness overloaded 😀

Tiga, Ain’s little brother was there too 🙂

IMG_1758

To give Ain’s game

IMG_1759

and to demonstrate how to play violin 🙂

IMG_1749

Such a heartthrob! ❤ ❤ ❤

IMG_1750

IMG_1751

See you again next week, all 🙂

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 🙂