DyCodeX One Day ESPectro Workshop – ToT for ProCodeCG

Standard

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.

IMG_2845

Yesterday ProCodeCG joined a One Day ESPectro by DyCodeX

14390633_620479504779657_8235596527632405534_n

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)

IMG_2846

It’s us! πŸ™‚
IMG_2847

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

IMG_2850

The place, @DyPlex is a very nice place
IMG_2851

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

IMG_2852

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

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

IMG_2859

IMG_2861

DyCode and DyCodeX CEO, Andri Yadi opened the workshop
IMG_2860

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

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

IMG_2864

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

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

IMG_2866

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

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

IMG_2869

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

How our desk Β looked like πŸ˜€

IMG_2872

The codes
IMG_2873 IMG_2874
IMG_2875 IMG_2876

IMG_2878
IMG_2879

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 πŸ™‚
IMG_2877

IMG_2880
IMG_2881

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

IMG_2882

Us after the workshop πŸ™‚
IMG_2883 IMG_2884

And interview afterwards πŸ™‚
IMG_2885

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

14322720_1580384465599796_5839225313074483109_n

Be there!

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

Standard

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

IMG_3484

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

IMG_3485IMG_3486

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

IMG_3487

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

IMG_3488IMG_3489

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 πŸ™‚

IMG_3491

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

Standard

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 πŸ™‚

IMG_1281

We also did screen recording

IMG_1282

The mobile phone was useful to hold up the camera LOL

IMG_1283

The preparation took some time.

IMG_1288

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

IMG_1289

ACTION!!! πŸ˜€

IMG_1290

Giving basic color

IMG_1291

Write something on

IMG_1292

Start painting

IMG_1293

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

IMG_1294

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

IMG_1295

Behind the scene

IMG_1296

The cameramen πŸ˜€

IMG_1298

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

IMG_1299

The team πŸ˜‰

IMG_1301

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

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

Standard

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 πŸ™‚

IMG_9641

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 πŸ™‚

 

IMG_9642

The audience. Small but powerful πŸ˜‰

IMG_9643

So the workshop began:

IMG_9644

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! πŸ™‚

IMG_9646

See you again! πŸ™‚

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

Standard

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.

IMG_8143

What we learned was on production stage: rendering.

IMG_8144 IMG_8145

These are the audience πŸ™‚

IMG_8147

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

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!

IMG_8151

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

Standard

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 πŸ™‚

IMG_7418

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

IMG_7421

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

IMG_7423

We learn so much thing yesterday!

IMG_7424

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!

IMG_7425

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

IMG_7427

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