No edit summary |
No edit summary |
||
| Line 43: | Line 43: | ||
</source> | </source> | ||
== Homework | == Homework 2.1 == | ||
| Line 121: | Line 121: | ||
</source> | </source> | ||
== Homework 2.2 == | |||
This programm "distort" the font "BEBAS" with triangles. There triangles on the contour of 5 origonal letters of this font. With the position of the mouse u change in x-coordinates the size of the triangle and in y-coordinates the y-position of the indiviual retangles. If you have your right position u can click any key to save this font. | This programm "distort" the font "BEBAS" with triangles. There triangles on the contour of 5 origonal letters of this font. With the position of the mouse u change in x-coordinates the size of the triangle and in y-coordinates the y-position of the indiviual retangles. If you have your right position u can click any key to save this font. | ||
| Line 127: | Line 129: | ||
[[Image:Font_distor_const_01.JPG|thumb|left|400px]] | [[Image:Font_distor_const_01.JPG|thumb|left|400px]] | ||
[[Image:Font_distor_const_02.JPG|thumb|left|400px]] | [[Image:Font_distor_const_02.JPG|thumb|left|400px]] | ||
<br style="clear:both;"> | |||
* Images Font Distor Font | * Images Font Distor Font | ||
=== Source Code | === Source Code Triangle Font === | ||
<source lang="java"> | <source lang="java"> | ||
| Line 390: | Line 393: | ||
[[Image:3DLetters_Const_02.png|thumb|left|400px]] | [[Image:3DLetters_Const_02.png|thumb|left|400px]] | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
<source lang="java"> | |||
</source> | |||
== Bubble Type == | == Bubble Type == | ||
This is my final Project for this Course. You can see it [http://bubbletype.constantin-oestreich.de/ here]. | This is my final Project for this Course. You can see it [http://bubbletype.constantin-oestreich.de/ here]. | ||
My Intention was to make something "growing" which runs without special programms on every computer. For this I used javascript to animate the letters of this 3 Fonts inside the html5 canvas. U can use the buttons to control what you want to see. | |||
=== index.html === | |||
<source lang="java"> | |||
</source> | |||
=== style.css === | |||
<source lang="java"> | |||
</source> | |||
=== main.js === | |||
<source lang="java"> | |||
</source> | |||