ProCodeCG – Kids Regular Coding Class – ESPectro Programming – 20 May 2017

Standard

ProCodeCG Kids ESPectro Programming yesterday πŸ™‚

IMG_9282

We started to create simple animation on 16×2 LCD πŸ™‚

IMG_9283

Rafi would not stop doing something until he gets it right πŸ™‚

IMG_9284

We were finding out how to make animation without the LCD keeps flickering

IMG_9288

As soon as we find out, we will start making more complex animation and probably games on 16×2 LCD πŸ™‚

IMG_9289

Rafi was making a charging battery animation

IMG_9302

We are planning to create a little sticky man animation running through one side of the LCD to the other side πŸ˜‰

IMG_9301

A pleasant surprise: our lead captain, zaki, gave us a visit πŸ™‚

IMG_9292

Welcome back, cap! πŸ™‚

IMG_9319

 

ProCodeCG Kids Regular Coding Class – ESPectro Programming – 13 May 2017

Standard

Hello! ESPectro Programming Class today πŸ™‚

IMG_8734

Muhammad had to catch up, he picked up where he left: connecting to wifi with ESPectro and display the data of wifi πŸ™‚

IMG_8736

IMG_8755

Muhammad was so excited to find out that he can display the details of a wifi he connected to. Next is to scan the available wifi and display the details, including the security and signal strength πŸ™‚

IMG_8754

Nafis was very happy to be able to turn on his neopixels and change their colors πŸ™‚

IMG_8737

IMG_8741

Nafis learned to set the neopixels individually too

IMG_8745

So he can set different colors for each neopixel (the color was red, green and blue). And later he changed it into a more specific colors like sky blue, baby pink etc. πŸ˜€

IMG_8743

Rafi started to connect his ESPectro to LCD I2C today. He was a bit confused because he had connected LCD I2C to Arduino before, and didn’t know how to do it with ESPectro, which was lots easier πŸ™‚

IMG_8738

Yep, it worked right away πŸ™‚

IMG_8742

Then Rafi learned how to display custom characters on LCD

IMG_8749

Like this simple smiley

IMG_8767

And later he created a simple animation, from smiling smiley to sad smiley πŸ˜‰ We planned to make more animation next week πŸ™‚

IMG_8768

Raul was working on displaying simple custom chars too πŸ™‚

IMG_8739

 

IMG_8746

He was asked to create a battery icon

IMG_8747

and he did πŸ™‚ He was working on make it animating like charging and discharging πŸ˜‰Β How interesting! Can’t wait to see the progress next week πŸ™‚

IMG_8748

Whoaa we had the Godfather there to, working on his own very advanced project πŸ˜‰

IMG_8766

The class! ❀ ❀ ❀

IMG_8751

See you next week πŸ™‚

 

 

ProCodeCG codeMeetUp() #95 – Pawitra Studio – Intro to Fluid Sims with Blender

Standard

Today, Technical Director of Pawitra Studio, Aditia A. Pratama, introduce us how about creating Fluid Sims with Blender

IMG_3195 IMG_3185

IMG_3186 IMG_3187

IMG_3188 IMG_3189

IMG_3191 IMG_3197

IMG_3198 IMG_3199

IMG_3199 IMG_3200

IMG_3201 IMG_3202

IMG_3203 IMG_3205

IMG_3206 IMG_3207

IMG_3208

We also learned about color scheme πŸ™‚ These are Awa’s (one of ProCodeCG Kids Captain) 3D Design πŸ™‚

IMG_3211 IMG_3212

IMG_3213 IMG_3215

Like always, we learned so much from codeMeetUp() πŸ™‚ Thanks so much Pawitra Studio πŸ™‚

ProCodeCG codeMeetUp() #84 – Pawitra Studio – Color Management in Blender – 17 Oct 2016

Standard

Aditia A. Pratama, Technical Director of Pawitra Studio shared about Color Management in Blender

IMG_4573

And look at the audience!

IMG_4572

LOTS of people! πŸ™‚
IMG_4571

We’ve never had this many people ever coming to codeMeetUp() πŸ˜€

IMG_4570

Wishing that it can be like this every week πŸ˜€
photo213138753247620009

The more people get inspired, the happier we are πŸ™‚

photo213138753247620008

Too many people to fit in one frame! πŸ˜€
photo213138753247620006

Thanks for coming! πŸ™‚

ProCodeCG codeMeetUp() #80 – Pawitra Studio – Fire Simulation in Blender

Standard

Pawitra Studio shared about Fire Simulation in Blender on our 80th codeMeetUp() 5 Sept 2016 πŸ™‚ This is Technical Director of Pawitra Studio: Aditya A. Pratama πŸ˜‰

IMG_1652

The audience πŸ™‚

IMG_1653

New version of Blender
IMG_1654

The process

IMG_1655
IMG_1656 IMG_1657
IMG_1658 IMG_1659

The files generated
IMG_1660

Some examples

IMG_1661

More example onΒ how to do the simulation
IMG_1662 IMG_1663

And this is what it looks on our laptop πŸ™‚ Pretty interesting!
IMG_1664 IMG_1665
IMG_1666 IMG_1667
IMG_1669

Us! πŸ™‚
IMG_1675

The video will be uploaded to our YouTube Channel πŸ™‚

ProCodeCG Kids Coding Exhibition 2016

Standard

ProCodeCG Kids Exhibition 2016! We had 13 kids presenting their codes (2 kids work in a team) πŸ™‚

ProCodeCG - Poster Exhibition 2016 - small

These are the kids presenting their awesome works today!

From left to right (back): Rezandra, Malik, Farrell, Clarence, Tyo, Edo, Ardi, Azriel

From left to right (front): Zaky, Awa, Faris, Muhammad, Cinta

IMG_9764

Setting up before the presentation. This is Clarence
IMG_9714

IMG_9725

IMG_9737

Tyo
IMG_9715

IMG_9730

IMG_9753

IMG_9755

Ardi

IMG_9720

Zaky

IMG_9721

Awa

IMG_9724

Look at these incredible 8 yo s πŸ™‚ Awa and Zaky

IMG_9727

IMG_9728

Zaky turned his chair around to see the big monitor better

IMG_9733

And Awa looks so proud of his Arduino board project πŸ˜‰

 

Farrell

IMG_9732

IMG_9747

IMG_9751

IMG_9757

Cinta

IMG_9735

We had to switch to several laptop so Cinta can display her work on screen

IMG_9754

First presentation: Malik – Jack O Lantern Game in Java

IMG_9738

Posing with the coding Godfather, Prof. Budi Rahardjo πŸ˜‰

IMG_9741

IMG_9742

The game is written in Java, using Eclipse as the IDE

IMG_9745

IMG_9767

IMG_9775

The second presentation: Azriel – “Music in Python”

IMG_9776

Azriel create a code in Python that can play music notes by reading a file of numbers

IMG_9778

And then Clarence – “Arduino Basics”. Clarence one of the first ProCodeCG Kids exploring Arduino. He presented Arduino basic project, writing a code that will light up LEDs on breadboard from left to right back and forth with random delay. He also set up the breadboard.

IMG_9779

The code

IMG_9749

Clarence is a very focus and smart kid, but he is very shy πŸ™‚

 

IMG_9782

So that Prof. BR had to help him explaining πŸ™‚

IMG_9758

After that it was Cinta’s turn. The only ProCodeCG Kid girl in this exhibition πŸ™‚

She presented a game of Trash Sorting in GameMaker

IMG_9783

Cinta is a very smart and confident kid. Doing presentation in front of many people is not a problem for her πŸ˜‰

IMG_9784

IMG_9786

IMG_9787

IMG_9788

IMG_9789

Then Farrell presented his work about Solar System in Python πŸ™‚

IMG_9792

Farrell created a code to draw planets orbits trailings, in Python. He uses real data from NASA πŸ™‚

IMG_9796

IMG_9799

Next is Faris presenting his work: ProCodeCG Webview in Android Studio”

IMG_9800

He created an apps to read a web πŸ™‚

IMG_9801

IMG_9802

After that, Tyo and Edo presented their “Adventure Game in GameMaker”

IMG_9807

The game is very educative. It has some dialogs that give hints how to solve the problems

IMG_9810

And when the player get the correct answer, it will continue the adventure

IMG_9812

IMG_9815

Next is Ardi: “Animation in Minecraft”. Ardi created an animation inside Minecraft by creating frames and activate them one by one using redstone.

IMG_9759

IMG_9814

IMG_9816

IMG_9716
IMG_9717 IMG_9718

IMG_9817

Then Zaky present his work : Burning Rocket in GreenFoot πŸ™‚ He created the presentation slides!

IMG_9820

This 8 yo kid rocks! He is very confident πŸ™‚

IMG_9821

He joined Java Programming topic of ProCodecG Kids Coding Camp last July and he has been progressing. A lot!!!

IMG_9822

IMG_9823

IMG_9824

IMG_9825

IMG_9826

IMG_9827

After that is Rezandra: Space Explorer in GameMaker

IMG_9828

A very interesting game, many levels πŸ™‚ Rezandra has several games in hand but he just presented this one πŸ™‚

IMG_9829

Then Muhammad, presenting “World Run Go”, a game created with Construct

IMG_9832

A very interesting game with LOTS of levels! πŸ™‚

IMG_9833

IMG_9834

Then the last but not least: Awa! πŸ™‚ This 8 yo is one of those ProCodeCG Kids who is really interested to development board πŸ™‚

 

IMG_9734

His created code and circuit to turn on a line of red and white LED’s alternately πŸ™‚ A very awesome work for our independence day today πŸ˜‰

IMG_9729

And this is the food, powered by Parents! Thanks so much!

IMG_9712

IMG_9760

IMG_9761

And the audience, thanks for coming!

IMG_9762

IMG_9768

IMG_9790

IMG_9791

And this is what happen behind the scene πŸ™‚

Capt. Fizhan making documentation

IMG_9797

IMG_9798

And what’s inside the server room πŸ˜€ Thanks to Capt. Zaki and Digilife Team for their fully supporting us! They made sure things work for EACH kid πŸ™‚ thanks so much!!!
IMG_9719

IMG_9736

IMG_9743

IMG_9803
IMG_9806

IMG_9813

IMG_9835

Hoping to see you again next year maybe?

So proud to be part of bringing out the best ofΒ these kids to give a better future for Indonesia!

ProCodeCG codeMeetUp() #70 – Intro to Motion Tracking in Blender

Standard

Hello, we’re introducing Pawitra Studio! A rebranding of Kampoong Monster Studio. It has a totally cool new logo!

IMG_1738

Today, Technical Director of Pawitra Studio, Aditia A. Pratama gave a workshop about ‘Intro to Motion Tracking in Blender.”

IMG_1739

The audience today.
IMG_1743

The first step is to convert a video into sequences of pics

IMG_1744

Using FFmpeg
IMG_1745

The command to convert

IMG_1746

Suppose that we’re going to place a pic or video on this black and empty monitor. We should make some marker on each corner.
IMG_1747

And make click them to make Blender recognize them as markers to be tracked

IMG_1749

Once Blender knows all the markers, it will start tracking them. The red and green lines shown on top shows the tracking process
IMG_1750

To enable Blender to precisely map the pic to the surface, we have to define the corners and edges

IMG_1751

Then we should set some things up
IMG_1752

To start putting the pic on the target

IMG_1753

Doing some adjustments
IMG_1754

…and arrangements and we got it!

IMG_1755

Lots of questions asked and we discussed about lots of things

IMG_1756

Including about this awesome “Predator Algorithm” to track objects in real time!

IMG_1758

And there also exists this awesome tools, Neuron, a motion capture technology.
IMG_1759

And the discussion was going on

IMG_1760
IMG_1761

Too badΒ lots of people missed this interesting workshop!

IMG_1763

These are the lucky ones to learn so much from Pawitra Studio today! πŸ™‚