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

Standard

Today we have kids learn creating games, java programming, web programming and we do some research too 🙂

IMG_8937

IMG_8957

Nanin is back to continue her matching games in GameMaker

IMG_8927

Nanin is creating a game to choose which ones are pets and which ones are wild animals

IMG_8928

So she had to collect animal pictures

IMG_8930

And resize it to fit in the size of the sprite 🙂 (Capt. Faris showed Nanin how to resize a picture)

IMG_8943

Tyo rode a bicycle to the class 🙂

IMG_8942

Tyo had finished his temperature conversion project 🙂

IMG_8945

IMG_8963

The code can convert temperature in Celcius, Reamur, Kelvin and Fahrenheit 🙂

IMG_8964

Impressive, Tyo 🙂

IMG_8965

IMG_8967

IMG_8968

Tyo moved on to the next project: collecting weather data and save it to a file to be presented in an app in Java 🙂

IMG_8972

Sabrina finished HTML session last week and this week she learned CSS

IMG_8949

Next week she will start to learn some JavaScript or more advanced HTML and CSS 😉

IMG_8973

She also learned how to create .html that connects to a .css file 🙂 Now she knows how to create a website 🙂

 

IMG_8977

After two sessions of Intro to Programming, now Altair is ready to learn to create games with GameMaker 🙂

IMG_8962

Altair has learned how to create sprites, objects, rooms and display scores

IMG_8960

IMG_8974

This little yellow guy will get score each time he eats the red apples

IMG_8975 IMG_8976

Altair proudly shows his first game to his dad 😉

IMG_8984

Great work, Al 😉

IMG_8985

Vian (yellow shirt) discussed with Jundy

IMG_8980

and create another awesome creature for the sprite

IMG_8969

And Capt. Faris, as usual, is working on a research while also helping other kids 🙂

IMG_8918

IMG_8932

IMG_8961

Will be back with more progress and updates next week 🙂

Advertisements

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 🙂

ProCodeCG Kids Regular Coding Class – 26 Aug 2017

Standard

ProCodeCG always keeps commitment, even when there are only a few kids, we still open the class 😉

Today not many kids come to the class because our president, Bapak Joko Widodo will visit Bandung for a carnaval so many people stay off the street and prefer to stay at home to avoid traffic 🙂 *what really happen is that this early, the street is so clear, the traffic is so low 🙂

IMG_6536

IMG_6537

IMG_6526

Ozan is helping to prep the class 🙂

IMG_6518

Emma has arrived the earliest 🙂

IMG_6520

Emma shows her homework: to create a tic-tac-toe game with C

IMG_6521

IMG_6533

Emma has successfully created a random function to be the computer’s move

IMG_6538

The next problem is to create an algorithm to make the computer choosing the better move 🙂 *a complex problem but surprisingly Emma understands it very well

IMG_6542

Azriel 🙂

IMG_6522

Azriel has finished his Flappy Bird Game 🙂

IMG_6524

with several levels 🙂

IMG_6525

And he continues to create Agario Game 🙂

IMG_6531

IMG_6535

Done! 🙂 Next week he’ll be ready to invent a new game 😉

IMG_6543

Ozan is improving pedestrian traffic light button

IMG_6523

IMG_6527

instead activating by pressing a button, the traffic light for pedestrian is activated when the ultrasonic sensor sense an object

IMG_6534

The light was not working properly and Ozan learned to debug the code to make it work 😉 Next time we will create an ultrasonic gesture password 🙂

IMG_6540

Nanin 🙂

IMG_6528

She decided to create her new game not with Thunkable

IMG_6529

but with GameMaker 🙂

IMG_6530

Nanin is going to make a game to select animal category: pet vs wild animals 😉

IMG_6532

Nanin’s got lots of ideas 🙂

IMG_6539

but she has to deal with some image processing 😀 we will see the progress next week 🙂

IMG_6541

We leave the class earlier today (it is usually 9 – 12, today it’s 9 – 11). There are lots of cops all around the corners

IMG_6544

and also presidential security service everywhere 😉

IMG_6546

Feels much saver to have cops this many 😀

IMG_6547

See you next week 🙂

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

Standard

The fourth day! 🙂 We add more things to the maze game *in coding/game making, once you start you cannot stop 😀

IMG_6192

Ghazaska keeps adding levels

IMG_6193

and details, and complexity 😀

IMG_6194 IMG_6195

When he gets tired, he will walk around the room to loosen up the muscles 😀

IMG_6199

And then started to create a new game 🙂 In this game we will learn different techniques

IMG_6200

like following objects and set up the horizontal and vertical borders because the background is moving

IMG_6201 IMG_6202

This is supposed to be a race, so we’re going to need another dolphin to start it 😉

IMG_6203

We’re going to create another game on the next lesson 😉

ProCodeCG Kids Regular Coding Class – Open Topics – 19 Aug 2017

Standard

How do you spend your Saturday? This is how we spend ours 🙂

IMG_6058

IMG_6079

Ain today started to create games with GameMaker 🙂

IMG_6011

IMG_6041

IMG_6056

Ain’s first sprite 😉

IMG_6036

Ain was tutored by Capt. Azriel 🙂

IMG_6030

IMG_6032

IMG_6053

IMG_6065

and Capt. Faris

IMG_6047

The result 🙂

IMG_6069

IMG_6088

IMG_6090

And tested by Ain’s cousin: Awa 😀

IMG_6077

Cinta was very happy working on her project in Minecraft 🙂

IMG_6035

IMG_6060

IMG_6081

She was also so excited to create an game app that sort out alphabets or colors 🙂

IMG_6046

Capt. Faris was working on face recognition in between duty 🙂

IMG_6037

IMG_6043

IMG_6072

IMG_6068

IMG_6083

Faris had successfully train the code to recognize objects 🙂 We’re going to feed it with different datasets 🙂

IMG_6084

Azriel was working on Flappy Bird 🙂

IMG_6051

IMG_6066

IMG_6074

IMG_6075

The result 🙂 He was already had created levels but not yet scores 🙂

IMG_6086

Will add scores next week 🙂

IMG_6087

Emma is the only one learning C Programming in the class 🙂

IMG_6059

She was given a sorting ascending and descending homework and she did it 🙂

IMG_6057

IMG_6080

Rheino and Gyan (on the right) was given a project to explore Minecraft Blockly 🙂 They had downloaded and installed the plugins and ready to test it 🙂

IMG_6061

Hello Neila 🙂

IMG_6062

Neila picked up where she left on Minecraft Hour of Code 🙂

IMG_6070

and she finished it 😉
IMG_6057//embedr.flickr.com/assets/client-code.js

IMG_6078

She learned some LightBots but got bored because she wants to jump right into Minecraft 😀 Next week we will start to learn sama JavaScript in Minecraft 😉

IMG_6082

See you next week 🙂

 

 

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

Standard

Day #3 of 5 Days Kids Coding Crash Course 🙂

Today we learn to create a simple game with GameMaker 🙂 We created our own sprites and set up our own rules 😉

IMG_5709

This is orang and orangutan

IMG_5710

and monyet 🙂

IMG_5711

The room setting

IMG_5712

IMG_5713

adding walls

IMG_5714

The Mom, working while waiting *prefers sitting on the floor 😀

IMG_5715

Mom checks the game

IMG_5716

adding some scores

IMG_5717

The kid 🙂

IMG_5718

IMG_5719

adding levels 🙂

IMG_5721

The achievement of the day 😉

IMG_5722

We will create more games on the 4th day 🙂