inkscape etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
inkscape etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

2016-03-02

Exporting SVG from Pixar in a Box

Thanks to Peter Collingridge from Pixar in a box who added SVG export feature to Interactive: Build your own shape in response to my blog post. Just a tip for those who are new to SVG. You can just use the exported SVG in your html page code. Here is an example of inline SVG.

Here is another more complex shape:
Just a nice alternative to creating a SVG file. If you right click to save the above imgaes you just can't but you can see the code in the page source. Just fun for me.

2015-10-04

Drawing Pixar shapes in Inkscape with Khan academy.


Pixar and Khan academy teamed up to educate public about math behind Pixar movies. You can read about the Pixar in a Box initiative at Brit Cruise's blog.

I am going to tell you how to use the site to create Vector graphics using Build you own shape demo at the Khan Academy site and Inkscape software.






Start making your own shpaes using the tool at Khan academy.

This is the shape I made. I did not make it smooth by subdivisions since I wanted to make the smoothing in Inkscape.

Here is the same shape after smoothing...

Since Inkscape is a vector program I want to export point coordinates. Click on Export Curve to export points.






You will see a black box under the image including coordinates of vertices.


Click in the black box and do Ctrl-A to select the text. Ctrl-C to copy.





Now create a simple closed polygon in Inkscape. And save the file as SVG. Svg files are simple text files used to describe vector shapes. A vector polygon is just a collection of coordinates similar to one you just exported from Khan academy.





Here is what you see after you open the SVG file in a text editor.




Find the path. You can see the coordinates of the polygon you just draw as number pairs. I highlighted the numbers in yellow.

Delete the shape you draw in Inkscape:








Get rid of extra text by simple find and replace... Just coordinates X's and Y's...


Paste the numbers in place of old shape in inkscape file by a text editor.





Save and open the SVG in Inkscape.





Now you have access to all capabilities of Inkscape. I did some coloring, smoothing and additions.



That's it. You can download SVG here.
















2015-05-02

Öğrenme, unutma ve tekrar kavramları üzerine bir grafik...


Bu grafiğin öğrenme, unutma ve tekrar kavramları üzerinde düşünmemize yardımcı olacağını umuyorum.  Herkes öğrenebilir. Öğrenme şekli, hızı ve tekrar sayısı kişiye göre değişir. Zeki öğrenciler ve öğrenme güçlüğü çeken çeken çocuklar için ders programı hız ve tekrar aralıkları tabii ki farklı olmalı. Bir öğretmen, bir okul "biz çocuklara her türlü bilgiyi veriyoruz"; "kabiliyeti olan alır" dediğine, şu üç parametreyi düşünmeliyiz. Konular hangi hızda/ anlaşılırlıkta anlatıldı. Anladılar mı? Sıkıldılar mı? Hangi periyotlar ile tekrar yapıldı. Unuttular mı?

Bu kavramları hem tek ders, hem yıl içi, hem bir dönem (örneğin lise dönemi) için ayrı ayrı düşünmeliyiz geçen sene, evvelki sene anlatılanların unutulmuş olabileceğini düşündünüz mü?