SVG óra galéria

A 2016-os évfolyam · 2016.08.28.

A szorgalmi feladatként kiadott SVG órák szépségversenye.

1. A mutatók megforgatása

Az órák egy egyszerű trükkel működőképessé tehetők, mert az SVG-ben lehet transzformációkat (eltolás, forgatás stb.) és animációkat is megadni. Ha a másodpercmutatóra ráteszünk egy olyan forgatás animációt, amelynek a periódusideje 60 másodperc, az ismétlődéseinek száma végtelen, akkor pont úgy fog körbe-körbe járni, ahogy kell neki. Ha pl. adott egy szakasz, amely a mutatót adja:

<line x1="300" y1="300" x2="300" y2="160" stroke-width="12" stroke="#000000"/>

Akkor abból így lehet forgó mutatót csinálni:

<g>
    <line x1="300" y1="300" x2="300" y2="160" stroke-width="12" stroke="#000000" />
    <animateTransform attributeName="transform" type="rotate"
                      repeatCount="indefinite" dur="60s" from="0 300 300" to="360 300 300" />
</g>

Tehát be kell tenni egy csoportba <g> (group), és a csoportban megadni az animációt. Ha több alakzatból áll a mutató, akkor mindegyiket ugyanabba a <g>-be kell tenni – viszont mindegyik mutatónak külön <g> kell, mert eltérő sebességgel forognak. A dur (duration) tulajdonság adja meg a periódusidőt, értelemszerűen 60s, 60min, 12h a szükséges értékek.

Figyelni kell a forgatás középpontjára is. A from és to tulajdonságok adják meg a forgatás adatait: szög, középpont x koordinátája, középpont y koordinátája. A fenti példában az óra középpontja a 300,300 pontban van, ezért a mutatókat mozgató transzformációk is akörül forgatnak.

2. A galéria


Agócs Ferenc

Bial Bence

Bodnár Kevin

Burus Endre

Dávid Nikola Edit

Deák Lajos

Erdélyi Audrey

Faragó Kornél

Füleki Fábián

Gál Norbert

Gerényi Anita

Hegedüs Bálint

Hübner Krisztián

Illés Lilla Szilvia

Izsó András Zsolt

Jakab Richárd Benjámin

Jakab Zoltán

Juhász Ágoston Dávid

Ködöböcz Ferenc

Kovács Levente

Krizsán Levente

Kutas Gábor

Ludman Áron Tamás

Maráz Márton

Molnár Dávid

Nagy Benedek

Nyizsnyik Benjámin

Poduszló Kristóf Hunor

Prehoda Balázs

Putovici Ábel

Sárváry Krisztián

Szabó Kristóf

Szerző Ágoston

Turi-Kováts Szilárd

Tutkovics András

Vankó Dániel Gábor

Varnyú Dóra

Zalavári Márton