Using Custom EV3-G MyBlock Icons Images    Send article as PDF   


In this tutorial, I will show you how to make custom MyBlock Icons, and MyBlock Parameter Icons. This is very useful because the MyBlock icons allow one to easily recognize in your programs. The tutorial is broken into two parts, MyBlock Icons, and Parameter Icons. You can only use this tutorial with the EV3-G software. The programs only display properly when you install your custom icons in the appropriate directory on your computer.

Before we begin, make a copy of the following directory: “..\LEGO MINDSTORMS Edu EV3\Resources\MyBlocks\images.

Parameter Icons

First you are going to open up a picture editing software so you can create an icon. When  creating the icon, keep in mind it needs to be 22×22 pixels. You can use pictures from the MyBlocks/images directory, or you can make you own icon from scratch. The icons need to be export as a .png image and save it in the MyBlock image directory. When naming the icon file, it has to be in this format: the word  “Identification”, Underscore, a 3 digit number, Underscore, Icon Name (no spaces, upper camel cased and underscores OK) , and “.png”. Example: Identification_100_TestBlock.png.The 3 digit number has to be an unused number in the range of, 100-199. Before the new icon shows up, you need to restart your EV3 Software, and then reopen it and your icon should be there!

MyBlock Icons

Open the picture editing software and make another icon, but this time it must measure 34×34 pixels. When done making the icon, the steps are a bit different than the parameter icons. Export the image again as a .png, but the naming is as follows; “PolyGroup”, Underscore, “3 digit number“, underscore, “icon name (No spaces, upper camel case, and NO underscores)” ,underscore, ”Diagram”, and ending with “.png”.   Example:  PolyGroup_019_TestBlock_Diagram.png.  The 3 digit number has to be an unused number ranging between, 002-019.

Next shrink the icon in the editing software to 25×25 pixels, and export it again with the same name but replace the word diagram with “Pallet”. Next make one more the same size but add a highlite color for a mouse over effect. Add an underscore after the pallet and add “MouseOver” when exporting. Finially, restart your EV3 software and the new MyBlock Icons should appear.

  • The Diagram icon is used when you view the icon in the MyBlock Creation Menu.
  • The Pallet icon is used when you pick a MyBlock from the MyBlock pallet.
  • The MouseOver icon is used when you scroll over the block in the MyBlock Pallet.

Previous Post
FLL-Robot Mark III - logo

FIRST LEGO League Compatible Robot - Mark III

This is third in a serious of FIRST LEGO League (FLL) Robot which can be made from a single LEGO Mindstorms EV3 (Home 31313) kit and a handful of other ... Read more

Next Post

Controlling Mindstorms EV3 with a Raspberry Pi

Original Article: The MagPi, The Official Raspberry Pi Magazine LEGO Mindstorms is a great tool to gain experience in understanding robotics, but what if you wanted to make your own input sensor? ... Read more

Short URL:

5 Responses to Using Custom EV3-G MyBlock Icons Images

  1. Attila says:

    Hi Ray,
    Looks great and would be even better to have that support officially in the SW.
    Do you think that such “icons” are allowed for FLL?
    Btw: how do you tackle with the problem kids working on multiple computers?
    All the Best, Attila

    • sparramc says:

      I can’t see why you couldn’t use custom icons for FLL, as it is just glorified coding commenting…

      Multiple PC & Accounts results in a Nightmare….

  2. Jackie says:

    Wonderful website. A lot of useful information here.

    I’m sending it to a few buddies ans additionally sharing in delicious.
    And obviously, thanks for your sweat!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Do NOT follow this link or you will be banned from the site!