DyCodeX One Day ESPectro Workshop – ToT for ProCodeCG


One of ProCodeCG Kids Coding Curriculum is to teach kids about IT and electronics, including Internet of Things πŸ™‚

We always update our education materials and curriculum to provide kids with the most updated technology. That’s why we’re always doing research and educate ourselves to be able to deliver the knowledge to them πŸ™‚

We are currently doing research on development boards, to see which one fits our curriculum.

These are (on breadboard) previous version of DyCodeX ESPectro and ProCodeCG LED Board), (on top left) Esspressif Board and (on top right) is Arduino Board.


Yesterday ProCodeCG joined a One Day ESPectro by DyCodeX


It was four of us: Budi Rahardjo (ProCodeCG Mentor), Marisa Paryasto (ProCodeCG CEO and Founder), Bernard Krisnandi Soetarman (ProCodeCG Kids Parent) and Clarence Soetarman (ProCodeCG Kids)


It’s us! πŸ™‚

Getting ready. We brought ProCodeCG Arduino Kit because we’re going to add ESPectro board into it πŸ™‚


The place, @DyPlex is a very nice place

ProvidedΒ with coffee, snacks and fast internet connection πŸ™‚


Before we started the workshop, DyCodeX formally gave the ESPectro boards to ProCodeCG
IMG_2854 IMG_2856

We have already ordered 10 ESPectro Core and 1 ESPectro Base πŸ™‚



DyCode and DyCodeX CEO, Andri Yadi opened the workshop

(On the back) some crews of DyCodeX also joined the workshop πŸ™‚

The instructor of the workshop, Ria (DyCodeX IoT Developer). She thought us how toΒ getΒ ESPectro Library from GitHub and copy them to our Arduino folders so we can compile and upload the code to our ESPectro Board


Andri Yadi showed us the features and details of the board. He explained about the design and how it works.

On the next session, Ali (DyCodeX IoT Developer) showed us how to make NeoPixel work and how to connect to MQTT


ESPectro Core works fine! It’s amazingly loaded with lots of features, including WiFi.

ESPectro Base offers much more. More GPIO’s, more sensors, more connections.


Prof. Budi Rahardjo explains to the rest of the class about the detail of MQTT connection code.

How our desk Β looked like πŸ˜€


The codes
IMG_2873 IMG_2874
IMG_2875 IMG_2876


We all were fully loaded with new amazing things! Including this ProCodeCG Kids. He tried all what he had done with Arduino to ESPectro Core πŸ™‚


So we can say that ESPectro Core has gone through QC Test by ProCodeCG Kids and it passed πŸ˜‰


Us after the workshop πŸ™‚
IMG_2883 IMG_2884

And interview afterwards πŸ™‚

Now we’re going to prepare for this event tomorrow!


Be there!


ProCodeCG codeMeetUp() #53 – Workshop on Blender Python Module


Wow coding again! Python again! Today, the CTO of Kampoong Monster, Aditia A. Pratama shows us how to hack Blender Python Module aka BPY πŸ™‚


Most of the audience are the interns from Labtek Indie πŸ™‚


Another thread going on is start-up mentoring πŸ™‚


We do lots of coding in Blender with Python πŸ™‚


These are what we created πŸ™‚ Instead of clicking, we typed in codes! yeaaah!

Screen Shot 2016-01-11 at 2.00.03 PMScreen Shot 2016-01-11 at 2.00.15 PMScreen Shot 2016-01-11 at 2.02.11 PMScreen Shot 2016-01-11 at 2.02.55 PMScreen Shot 2016-01-11 at 2.10.27 PMScreen Shot 2016-01-11 at 3.02.18 PMScreen Shot 2016-01-11 at 3.04.19 PMScreen Shot 2016-01-11 at 3.11.45 PMScreen Shot 2016-01-11 at 3.12.45 PMScreen Shot 2016-01-11 at 3.21.56 PM

This is us! Another crowd of people πŸ™‚


The video will be uploaded on ProCodeCG YouTube Channel as soon as it has gone thru the editing process πŸ™‚ We will let you know! πŸ™‚

ProCodeCG codeMeetUp() #48 – Painting with Blender


There was a breakthrough on our codeMeetUp() #48 today! Yes, we created our very first video to be posted on our youtube channel! πŸ˜‰

Today, Bintang Senja, co-founder and CG supervisor of Kampoong Monster Studios, taught as about how to do Painting in Blender πŸ™‚

We stacked up the wooden table high enough to put the camera on πŸ™‚


We also did screen recording


The mobile phone was useful to hold up the camera LOL


The preparation took some time.


Prof. Budi Rahardjo, mentor of ProCodeCG took part as the cameramen, later πŸ˜€


ACTION!!! πŸ˜€


Giving basic color


Write something on


Start painting


We cut the video into small parts to avoid big-sized files and overheat camera. Besides, the camera’s battery drained so fast πŸ˜€


Mas Bintang gave us many tricks on painting with Blender, check out our YouTube Channel for the details!


Behind the scene


The cameramen πŸ˜€


Felt like we were doing MTV VJ shooting πŸ˜€


The team πŸ˜‰


See you next week! And this is the video! πŸ˜‰

ProCodeCG codeMeetUp() #45 – Hair Styling and Rendering in Blender


Yes, this is the 45th ProCodeCG codeMeetUp(), yayyy πŸ™‚

Yesterday Kampoong Monster Studio gave a workshop on Hair Styling and Rendering with Blender πŸ™‚ The man in charge to deliver the topic is Bintang Senja – CG Supervisor of Kampoong Monster Studio πŸ™‚


Hair effects can be done in to ways: with polygon and with particle system. In polygon, the hair is created from mesh by adjusting alpha to make it look more real. This technique is faster. With particle system (it can also be used for grass, explosion, fog, smoke, etc), the object (in this case hair) can be given effects, can be dynamic, can be interactive (some force field can be applied, like wind, etc.). But particle hair requires more computing power and relatively slow.

We used particle hair in this workshop πŸ™‚



The audience. Small but powerful πŸ˜‰


So the workshop began:


And these are some screenshots of the process. From peeling of the scalp, planting/generating some hair, combing and cutting the hair, applying colors and background, putting and arranging lighting to rendering πŸ™‚

Bildschirmfoto 2015-11-09 um 1.55.24 nachm.

Bildschirmfoto 2015-11-09 um 1.56.09 nachm.

Bildschirmfoto 2015-11-09 um 2.10.05 nachm.

Bildschirmfoto 2015-11-09 um 2.10.56 nachm.

Bildschirmfoto 2015-11-09 um 2.22.56 nachm.

Bildschirmfoto 2015-11-09 um 2.33.24 nachm.

Bildschirmfoto 2015-11-09 um 2.39.00 nachm.

Bildschirmfoto 2015-11-09 um 2.44.58 nachm.

Bildschirmfoto 2015-11-09 um 2.45.21 nachm.

Bildschirmfoto 2015-11-09 um 2.45.37 nachm.

Bildschirmfoto 2015-11-09 um 2.45.51 nachm.

Bildschirmfoto 2015-11-09 um 2.52.49 nachm.

Bildschirmfoto 2015-11-09 um 3.00.57 nachm.

The happy us! πŸ™‚


See you again! πŸ™‚

ProCodeCG codeMeetUp() 12 Oct 2015 – Animation Open Workshop – Material Exploration


Yeahhh, on our codeMeetUp() yesterday, Bintang Senja from Kampoong Monster taught us how about material exploration.

We started with 3D production pipeline: pre-production, production and post-production.


What we learned was on production stage: rendering.

IMG_8144 IMG_8145

These are the audience πŸ™‚


Yes, we the workshop was about how to “create” this things.

But of course, to reduce the complexity, we started with balls (and NOT the one in the middle, because it took quite lots of efforts to create πŸ˜€ )

IMG_8149Here’s some of the screenshot of what we did yesterday πŸ˜‰

We set up the environment for the objects.

Bildschirmfoto 2015-10-12 um 1.55.56 nachm.

And then put 4 object on the plane we created before.

Bildschirmfoto 2015-10-12 um 2.11.32 nachm.

Set up the camera.

Bildschirmfoto 2015-10-12 um 2.19.04 nachm.

Start giving effects to the first ball.

Bildschirmfoto 2015-10-12 um 2.22.42 nachm.

To get this awesome glowing ball of blue lights! πŸ™‚

Bildschirmfoto 2015-10-12 um 2.26.49 nachm.

And we applied effects and render the second ball to be a shiny glass ball.

Bildschirmfoto 2015-10-12 um 2.41.36 nachm.

And the third: a metal ball.

Bildschirmfoto 2015-10-12 um 2.46.25 nachm.

And the last: a marble ball. How cool is that!

Bildschirmfoto 2015-10-12 um 2.48.44 nachm.And this is the happy and proud us!


See you next week for the regular sharing session and 2 more weeks for the regular open workshop on animation! πŸ™‚

ProCodeCG codeMeetUp() 28 Sep 2015 – Open Workshop – Learn Image Compositing with Blender


Hello! This is a report of yesterday’s codeMeetUp()! An open workshop about compositing image with Blender πŸ™‚ This is Aditia A. Pratama from Kampoong Monster as the instructor πŸ™‚


The audience showed up very early. They were really looking forward to this workshop πŸ˜‰


Most of the audiences had never attended this workshop before. But they could catch up πŸ™‚


We learn so much thing yesterday!


We began with connecting render layers with composite.

Bildschirmfoto 2015-09-28 um 1.52.04 nachm.

And then we added up Invert effect in between. This one is with RGB checked.

Bildschirmfoto 2015-09-28 um 1.54.35 nachm.

And this one with RGB unchecked

Bildschirmfoto 2015-09-28 um 1.54.37 nachm.

Then we added Split Viewer and Viewer to see the results

Bildschirmfoto 2015-09-28 um 2.02.07 nachm.

Like this

Bildschirmfoto 2015-09-28 um 2.04.46 nachm.

Then we added some Mix effects, with yellow

Bildschirmfoto 2015-09-28 um 2.11.56 nachm.

And changing the Fac numbers to see the effect.

Bildschirmfoto 2015-09-28 um 2.12.06 nachm. Bildschirmfoto 2015-09-28 um 2.12.12 nachm.

Adding Multiply effect

Bildschirmfoto 2015-09-28 um 2.15.21 nachm.

We can also use Difference to check the image before and after effects being applied

Bildschirmfoto 2015-09-28 um 2.23.40 nachm.

This is what we created πŸ˜€

Bildschirmfoto 2015-09-28 um 2.41.19 nachm.

We put some text in front of a background image (which was the screenshot of the worksheet πŸ˜€

Bildschirmfoto 2015-09-28 um 3.03.27 nachm.

This is an example of more complex image compositing process. Look at those nodes and connections!


And, this is us. We might be just a few but we have learned so many! πŸ™‚


Thanks a lot Kampoong Monster, see you again after the next one! πŸ™‚