0. Assignments for week2

The assignments for week2 were as below;

  1. Model (draw, render, animate, simulate, ...) a possible final project
  2. Post it on your class page with original 2D and 3D files.

1. 2D and 2.5D design

At the week2 lecture, Prof. Niel explained and introduced us basic concepts of Computer-Aided Design(CAD) and differences of each as following;

2D VS 2.5D

  • 2D(two-dimensional)

    literally, mostly two-dimensional models (such as 2D geometric models, text, and digital images)

  • 2.5D(two-and-a-half-dimensional)

    a term used to describe either 2D graphical projections and similar techniques used to cause a series of images to simulate the appearance of being three-dimensional (3D) when in fact they are not.

    For instance, video games that is restricted to a two-dimensional plane or has a virtual camera with a fixed angle. By contrast, games using 3D computer graphics without such restrictions are said to use true 3D.

    View of 2.5D video game

Raster and Vector

Regarding the difference between Raster and Vector, this website(Raster vs Vector) explaines the concepts easily.

  • Raster(or Bitmap)

    Raster images are made of pixels. A pixel is a single point or the smallest single element in a display device. The use of different color pixels allows for smooth blends of colors.


    • Can represent and edit photo and photo-like elements better than vector programs.
    • Is bound by the number of pixels in the image. It cannot be scaled up without losing quality.
    • Large dimensions & detailed images equal large file size.
    • If raster images are complex, conversion to vector may take so much time.

    Major free and open-source raster graphics editor is GIMP, and Adobe Photoshop is also famous as maijor commercial editor used by widespread people.

  • Vector

    Vector images are Made of mathematical calculations that form objects and lines.


    • Resolution-independent: Can be printed and scales at any size/resolution without losing quality.
    • A large dimension vector graphic can maintain a small file size.
    • Can be easily converted to raster
    • Vector is required by many service providers(Design, digital fabrication tools and etc).
    • It is not the best format for photographs or photo-like elements with blends of color.

    To make and edit vector images, Inkscape is popular open-sourse editor, and Adobe Illustrator is also famous as maijor commercial editor.

  • Difference between Vector and Raster by WEB COURCES BANGKO

2. 3D design

Next, we learned different types of and approaches to 3D design as below. Though it was interesting, it was tough for me to understand these concepts from scratch because I am totally outsider in field of solid modeling. I tried to understand them by googling and refering website of past and other stuedents of Fab Academy.

    First, there are several ways to model solid objects such as;

    • CSG(Constructive Solid Geometry)
    • modelling by combining objects using boolean operations


      or boolean logic, is a subset of algebra used for creating true/false statements. Boolean expressions use the operators AND, OR, XOR, and NOT to compare values and return a true or false result.

      Boolean operations on polygons

      is a set of Boolean logics (AND, OR, NOT, XOR, ...) operating on one or more sets of polygons in computer graphics. These sets of operations are widely used in computer graphics, CAD, and in EDA (in integrated circuit physical design and verification software).

    • Hierarchical modelling

      modeling using hierachical relations, like parent and child relation between some objects.

    • Parametric modelling

      modeling and changing parts by changing their parameters

    • Procedural modelling

      creating a model from a rule set, like fractals

    Also, there are two methods for representing shapes such as:

    • Boundary representations(B-rep)

      Boundary representation is a method for representing shapes using the limits in solid modeling and computer-aided design. A solid is represented as a collection of connected surface elements, the boundary between solid and non-solid.

    • Function representations(f-rep)

      a solid object defined by function of point coordinates. Points with which the function generates a positive outcome belong to the object and points with which the function generates a negative outcome do not belong/are outside the object. If the function equals 0 this describes an isosurface) representations

    In terms of oparating software, we have several approaches as below;

    • GUIs(Graphical User Interfaces)

      a user interface that includes graphical elements, such as windows, icons and buttons.

    • Scripting

      automated task sequense software

    • Hardware description languages

      specialized computer language which describes the structure and behavior of electronic circuits

    Finally, there are three ways to manipulate models as;

    • declarative

      like drawing by hand on paper

    • constraint based

      the user specifies relationships among drawing parts

    • optimizational

      drawing parts are described by the outcome of a mathematical function

3. Practices

2D and 2.5D design - Inkscape -

First, I tried to practice using Inkscape. The reason why I chose this software for vector graphic editor was because 1) I could use without paying, 2) its open source tutorial it was rich. I gave up to install Adobe Illustrator because of its cost.

To learn how to use Inkscape, Official Tutorial and Keyboard and Mouse Reference, which took me 2-3hours to do once was very useful. Inkscape is good at keyboard shortcut operating, so I was able to get used to use it before long time, because the usage is similar with that of Microsoft Power Point, which I have used and been familiar with for over 5 years.

Though Inkscape is good at using in general, there are several bugs and bad points on Linux OS, like Mac OS, which I use. For instance, as default setting,

  • keyborad shortcut is mainly allocated to Ctrl key, which is less frequently used on Mac OS, so I changed the allocation to command key.
  • cannot copy and paste by using keyboard shortcut appropriately
or so. Then it took around one hour to fix the bug and modify the envirnment.

Practice scene on Inkscape

Converting Bitmap image to Vector

After I finished the tutorial, I drew the skech of "Remote Lock Attachment", which is one of my ideas for final project. However, what I think is the problem on this bluprint is that it is too simple to make it real, because I am totally outside in mechanisms design or so. I have to learn and make it further detailed.

"Remote Lock Attachment" illustrated by Inkscape

3D design - Fusion 360 -

This is for the first time for me to use 3D modelling software, so I have to decide which software to use first. The options ware Rhinoceros or Fusion 360, and I tried both. Considering the usability for me, I felt Fusion 360 was better for me. In addition to that, regarding the cost, I can use Fusion 360 without paying for three years as student, however, the free trial period of Rhino is only three months. Then finally I decided to use Fusion 360.

Tutorial on Fusion 360

After I finished several trial on Fusion 360, I made the 3D model of the product of my final. Fusion 360 is also good at sharing the model on internet, so I was able to embed the model easily as below.

Process on making the model

"Remote Lock Attachment" modelled by Fusion 360

Also, I made 3D model of micro drone, which is second idea of my final projects as below.

"Micro Drone" modelled by Fusion 360


After trying Fusion 360, I tried to use Antinomy, which is highly parametric 3D desing software.

At first, I cannot understand the system totally and use smoothly. However, after realising that it is similar to the graph/geometry in mathematical problem, which I was familiar with in my school days, I can drow and describe figures and models smoothly. Though I could not take so much time to use Antinomy, I feel like to improve my modeling skill in Antinomy.

Modelling in Antinomy

Outline of this page

1. 2D and 2.3D Modelling
2. 3D Modelling
3. Practice (Inkscape/Fusion 360/Antimony)

Download output of Wk2

Here are my output files for week2:

Lecture Material for Wk2

Lecture Note


Learning Support

Videos of Wk2

Here you can find this weeks's lectures on week2 on VIMEO:



Checklist for Wk2

  • Model (draw, render, animate, simulate, ...) a possible final project
  • Post it on your class page with original 2D and 3D files.
Learning outcomes:
  • Evaluate and select 2D and 3D software
  • Demonstrate and describe processes used in modelling with 2D and 3D software
Have you:
  • Modelled your proposed final project in 2D and 3D software
  • Shown how you did it with words/images/screenshots
  • Included your original design files