ProCodeCG Kids Regular Coding Class – 2 Feb 2019

Standard

Just as promised next week, today we made lots of progress πŸ™‚

IMG_4788

Agham has added a stop sign for the school bus so we will get socre when it reaches there

IMG_4765

IMG_4802

Agham carefully chose and edited the assets of the game

IMG_4810

The game is looking very nice, what we have to figure out next is to print score and make the bus comes from the right side of the room each time leaves the room from the left side

IMG_4817

Djalu learned how to create apps today πŸ™‚

IMG_4766

Djalu is signing up for a coding competition so we’re preparing for it

IMG_4805

It took some time to switch from Python to this drag and drop programming πŸ™‚

IMG_4824

IMG_4829

Djalu’s first app πŸ™‚

IMG_4830

Hafiz’s task for today is to create a jumping dinosaurs game like Google’s (when there’s no internet connection) πŸ™‚

IMG_4767

Hafiz always do task in detail πŸ™‚ Look how he finds references and make the sprites as close as the real ones πŸ˜‰

IMG_4780

Finally done! We just need to add score and make the cactus appear randomly πŸ™‚ Well done Hafiz πŸ™‚

IMG_4809

Captain on Duty: Faris

IMG_4768

Faris is doing research on Machine Learning using Python Library to generated random faces

IMG_4781

The codes

IMG_4800

random process

IMG_4841

the international conference publication he’s reading today

IMG_4842

These faces are generated by an machine learning algorithm *isn’t it scary that these faces not really exist; but generated by a machine?

IMG_4843

Aidia and her big awesome project! πŸ™‚

IMG_4769

The mouse on the right will move across and when 3 ultrasonics sensors detect it, it will control the traffic light and then open the gate πŸ™‚ The awesome support from the family (the mom who created the maquette and the father bringing it to the class and bring it back after) that makes this incredible product possible πŸ™‚

IMG_4775

Aidia is a very busy little girl, she had to go right away after the class to a dance performance that’s why she looks so cute today with that hairdo and make ups πŸ™‚

IMG_4799

Sam, making great progress each time. Like always πŸ™‚

IMG_4770

He added more features to the app and he had successfully solve the problem with the sound πŸ™‚

IMG_4790

Fadhlan is building a new robot today. The mapping robot

IMG_4771

Lots of components to be tested and assembled

IMG_4776

After making like 4-5 robots from scratch, today Fadhlan actually followed the manual instructions πŸ˜€

IMG_4784

IMG_4791

and get much better results πŸ˜€

IMG_4792

We tested the Arduino Leonardo today and it worked fine

IMG_4814

we also tested every ultrasonic sensors

IMG_4816

next week we will process the input from all 3 ultrasonics

IMG_4822

Look at the mess πŸ˜€

IMG_4826

Al was given the same task as Hafiz πŸ˜‰

IMG_4773

Al gave different looks to his characters

IMG_4777

so typical of Al πŸ™‚

IMG_4793

IMG_4798

Done but still need improvements πŸ™‚

IMG_4821

Faishal is working on the same thing as Djalu

IMG_4774

IMG_4779

IMG_4795

Faishal’s first app

IMG_4803

He started exploring the block of codes

IMG_4820

IMG_4825

Figuring out how to set timer for the splash screen

IMG_4828

Sulaiman worked on the locker project

IMG_4778

IMG_4794

IMG_4796

We even borrowed Aidia’s book to find ideas πŸ™‚

IMG_4797

IMG_4815

IMG_4819

Farrell got the new components to explore today: joystick, gyro and micro servo

IMG_4782 IMG_4783

IMG_4813

Lots of work to do but Farrell spent some time to help Agham πŸ™‚ Thanks Farrell πŸ™‚IMG_4806

 

Yogi is working on the same game for weeks, that amazingly looks like a real game

IMG_4786

He put HUGE effort to the game and pay attention to EVERY details

IMG_4801

The movement, the animation, the look, the feel is very real

IMG_4811

the key is that the game is not using only drag and drop coding, but mostly written codes. Β Complicated lines of codes πŸ™‚

IMG_4823

Today Yogi has successfully created what he wanted to do for weeks: make a menu controlled with arrow to select πŸ™‚ Impressive work today, Yogi πŸ™‚

IMG_4832

Here’s some of the codes

IMG_4836

IMG_4837

IMG_4838

The result is unbelievable πŸ™‚ Next to do: adding scores and fuel stats πŸ˜‰

IMG_4839

The best about this class is the kids will gather up together and help each other when needed πŸ™‚ This is when a toolbox was turned upside down and all of it contents are in the floor, kids in the class come and help πŸ™‚ Very nice πŸ™‚

IMG_4827

Can’t wait to see them again next week πŸ™‚ Until then πŸ˜‰ ❀

*Photos and videos are also available here

Advertisements

ProCodeCG Kids Homeschool Coding Class – 11 Oct 2018

Standard

Hello ProCodeCG Homeschool Kids πŸ™‚

IMG_6293

Abiel decided to start another game because he forgot to save the work from the last time

IMG_6288

Abiel created lots of sprites until his hands hurt πŸ˜€

IMG_6292

Next time he had to bring mouse πŸ™‚

IMG_6301

Kinan forgot to bring laptop and charger so we had to install GameMaker Studio 2 on the other laptop and did something else while waiting for download and installation process πŸ˜€

IMG_6289

Kinan learned coding by designing Google Logo πŸ˜‰

IMG_6300

IMG_6295

IMG_6297

Kinan tried lots of things to modify, give effects or animate every character πŸ™‚

IMG_6302

IMG_6304

Justin is still persistency working on the Maze Game

IMG_6290

 

IMG_6296

The game is getting more real and of course, more complex πŸ˜‰

IMG_6298 IMG_6299

 

IMG_6303

Justin added some animation to the game πŸ™‚

IMG_6305

It is so interesting to see the progress week by week πŸ™‚ They’ll be given different challenge next class πŸ™‚

 

*Photos and videos are also available here

ProCodeCG codeMeetUp() #64 – How to be A Creative Animator

Standard

Today we’re lucky to have Founder and CEO of Kumata Studio, Daryl Wilson to share about “How to be A Creative Animator – Not Just Being Productive” πŸ™‚

IMG_8508

We had lots of audience today!

IMG_8509IMG_8510IMG_8511

Kumata Studio founded in 2006. Reaching the 10th years, it has done many works including animation services, web development and graphic design. It has also won lots of awards.

IMG_8512

One of Kumata Studio animation products is Miles and Stone, a story about a tapir and a mongoose, that are local animals living in a rain forest in Sumatra. Miles and Stone are working as delivery men.

IMG_8513

Kumata also has Biggy Buddy πŸ™‚

IMG_8530

Galli Leo Lei πŸ™‚

IMG_8515

Ted Sparx

IMG_8516

And this interesting story about local ghosts: The Demits πŸ˜€

IMG_8517

Si Juki is also a very successful product. Si Juki is a sequel of short animation posted on social media.

IMG_8518

Now, the tips and trick to be a creative animator

IMG_8519

What is animation?

IMG_8520

Animation is picture, sequence, time, movements, lots of pictures, story, cartoon.

IMG_8521

So animation is illusion

IMG_8522

The creative process of making animation is finding problem, doing research, brainstorming, filtering, production and evaluation.

IMG_8523

Understand the problem comprehensively. Make notes. Ask questions. Don’t be selfish and make assumptions. Make confirmation. Seek for confirmation.

IMG_8524

Do research. Collect and make list of references. Use the best references. You should know when to stop researching and start to work.

IMG_8525

In brainstorming process, squeeze out your best ideas. Challenge the initial idea. Ask for opinions and be open for critics. Remember the problem/targets.

IMG_8526

How to filter ideas? How to filter the best from the best? Complicated is not always good. Simplicity is not always a sign of laziness.

IMG_8527

Production time! Time to animate! Manage time according to your capacity to be able to delivery the work that comply with target, on time.

IMG_8528

Evaluation process is to evaluate the result. Find out things that work and which one don’t.

IMG_8529

The good new is that Kumata Studio is hiring! It is offering internship too πŸ™‚

IMG_8533

Daryl Wilson is also the Chief of Ainaki, an association for animation and creative industry in Indonesia.

IMG_8534

The target member of Ainaki:

IMG_8535

Visit http://www.ainaki.or.id for further information.

IMG_8536

And this is us! As happy as always! πŸ™‚

IMG_8538

ProCodeCG codeMeetUp() 23 Feb 2015 – Possibility of Co-op based IT Company

Standard

The topic today is about IT start-up companies and the possibility of based them on co-op, an extraordinary idea presented and proposed by Seterhen Akbar, CEO of Labtek Indie.

IMG_5943

LABTEK IND!E is an Interactive Technology Lab fueled with creatively energized and full of guts young persons, generatingΒ thousands of crazy ideas everyday and make them happen.

IMG_5945

LABTEK IND!E implements design thinking concepts toΒ each of its works
IMG_5948

To be able to make a good product, it should have a desirable design, with feasible technology and visible business.
IMG_5947

Co-op seems to be a great possibility for IT start-up companies

IMG_5949

Co-ops offers more opportunities with distributed profits

IMG_5953

We also got Rudi Suryadi, System Architect of IBM announcing about IBM competition going to be launched on March!

IMG_5939

And this is us, like always, happy hearts and brains!

IMG_5955We’ll be reporting the next event, see you next week! πŸ˜‰

Getting Prepared for Minecraft Programming

Standard

Finally things are set up to do Minecraft modding πŸ™‚

After the CanaryMod server is up

Tangkapan layar 2015-01-07 21.52.00

 

Some modifications on server and world files has to be done first

 

Tangkapan layar 2015-01-07 21.52.46 Tangkapan layar 2015-01-07 21.53.03

Run Minecraft

Tangkapan layar 2015-01-07 21.53.45

Choose some settings before play

Tangkapan layar 2015-01-07 21.54.11

 

Choose Multiplayer

Tangkapan layar 2015-01-07 21.54.48

 

And there it is the server is waiting for login

Tangkapan layar 2015-01-07 21.54.55

 

And now we are inside the game ready to do some modifications! πŸ™‚

 

Tangkapan layar 2015-01-07 21.44.59

 

This is a command in javascript to say hello to self
Tangkapan layar 2015-01-08 10.40.20 Tangkapan layar 2015-01-08 10.40.25

 

*note: don’t forget to op the username on the server command line

Tangkapan layar 2015-01-08 10.33.19

This is what happen when you declare an oak blocks:

Tangkapan layar 2015-01-08 10.43.13So basically to do modifications, just create .js files under scriptcraft\plugins\{username} like this:

Tangkapan layar 2015-01-08 10.49.04

refresh the game

Tangkapan layar 2015-01-08 10.49.18

and then use the function has been created
Tangkapan layar 2015-01-08 10.52.32

to get something like this

Tangkapan layar 2015-01-08 10.52.36

and create another script

Tangkapan layar 2015-01-08 10.55.54

do refresh and try to boo yourself

Tangkapan layar 2015-01-08 10.56.29

and get boo-ed

Tangkapan layar 2015-01-08 10.56.35

or try some yo

Tangkapan layar 2015-01-08 10.56.44

and get yo-ed LOL

Tangkapan layar 2015-01-08 10.56.50

 

More complex command can also be done

Tangkapan layar 2015-01-08 10.59.36

to get something like this
Tangkapan layar 2015-01-08 10.59.18

Well, the possibility is endless! This is an awesome way to teach and encourage kids to create, to modify, to learn about codes subliminally (because they will also learn about looping, function and if-conditions by building things ;))

ProCodeCG is ready to teach programming with Minecraft Modding! πŸ™‚

Useful references:
https://github.com/walterhiggins/ScriptCraft/blob/master/docs/YoungPersonsGuideToProgrammingMinecraft.md