Poprzedni temat «» Następny temat
Dynamiczna miniatura by ozon
Autor Wiadomość
ozonex 
User



Pomógł: 10 razy
Wiek: 21
Posty: 722
Wysłany: 2009-09-30, 20:01   Dynamiczna miniatura by ozon

no wiec tak, chamem nie bede i postanowilem ze sie podziele swoimi "osiagnieciami" i umieszcze na forum swoje proste elementy flasha razem z opisem, bo niektorym takie cos moze sie przydac.

Jako pierwszy daje sposob na zrobienie dynamicznych miniaturek. Pomysl na to zarzucil mi Fuji, potem troche to dopracowalem. lacznie powstalo to w 2 dni. Skomplikowane nie jest, ale wiekszosc problemow stwarzalo znalezienie odpowiednich odwolan.

Przyklad:
1. http://ozonex.pl/miniatura_przyklad/miniatura.html
2. ozonex.pl (galeria)



Opis dzialania:
Jest to system aktywnych miniatur, pozwalajacych na delikatne przesuwanie obrazka na miniaturze i zobaczenia wiekszej ilosci detalu obrazka nim sie go kliknie. Gdy najedziemy na miniature obrazek przesowa sie tak jak ruszamy myszka. Gdy myszka zjedzie z obrazka wraca on do normalnej pozycji.

Wszystkie miniatury to jeden i ten sam Movieclip ktoremu z poziomu glownego mozna nakazac wyswietlanie innej miniatury. Nie trzeba zadnego cudowania w kodzie aby wywolac miniature - wystarczy podac w zmiennej D jako wartosc numer miniatury a wszystko inne zrobi sie juz automatycznie.

Pozwala on na wczytywanie dowolnych rozmiarow miniatur lub maski. Wszystko dostosowuje sie automatycznie.

Movieclip ten zbudowany jest z 4 elementow:
- skryptu liczacego proporcje obrazka i pozycji myszki
- maski miniatury
- obiektu "obrazek" ktory ma w sobie w kazdej klatce inna miniature
- tla miniatury

Sposob dzialania jest prosty:
1. Kod sprawdza czy myszka znajduje sie nad miniatura jesli tak przechodzi dalej jesli nie ustawia obrazek na srodku

2. Gdy kursor jest na miniaturze liczy on procentowa pozycje myszki na miniaturze za pomoca prostego obliczenia:
Kod:
MPx= pozycja X kursora na masce / szerokosc maski
MPy = pozycja Y kursora na masce / wysokosc maski


3. Teraz skrypt przesuwa obrazek. Jego pozycje liczy za pomoca prostego obliczenia:
Kod:
Pozycja_X =  - (Szerokosc_miniatury - Szerokosc_maski) * MPx
Pozycja_Y =  - (Wysokosc_miniatury - Wysokosc_maski) * MPy


Jakby komus sie nudzilo to moglby przerobic to tak aby wszystko poruszalo sie dynamicznie.



FLA (Adobe Flash CS3):
DOWNLOAD
_________________




"Ty musisz byc zmiana ktora chcesz zobaczyc na swiecie." - Mahatma Gandhi
 
 
 
kolas 
User



Pomógł: 6 razy
Wiek: 20
Posty: 570
Skąd: Jaworzno :P
Wysłany: 2009-09-30, 20:17   

Najciekawszy element portfolio ;P Zazwyczaj nie chce mi sie/nie mam czasu sie bawic funkcjami we Flashu, wiec troche czarna magia to dla mnie, ale efekt bardzo fajny ;]
_________________

 
 
 
Leo_Messi_2009 
User



Wiek: 16
Posty: 4
Skąd: lodz
Wysłany: 2010-05-05, 16:40   

To tez fajne ale to w poprzednim temacie duzo lepsze :)
 
 
 
WilkuNSX
User


Posty: 6
Wysłany: 2010-05-05, 18:18   

Bardzo ciekawe ;) Fajnie Ci to wyszlo .
 
 
kamil12173 
User


Posty: 11
Skąd: Lubelskie
Wysłany: 2010-08-24, 17:21   

wedlug mnie najs !
_________________
Pozdr0
 
 
 
ZolwiQ
User


Posty: 4
Wysłany: 2010-08-24, 18:24   

prosze o ReUploada
 
 
Biernyx 
User


Posty: 9
Skąd: Wrocław
Wysłany: 2012-02-08, 11:23   

Całkiem fajny pomysł, na pewno z niego kiedyś skorzystam. Efekt jak najbardziej mi się podoba, a co tam, ide wykonać go teraz i pochwalę się wam efektami :)
 
 
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Możesz ściągać załączniki na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  
zagęszczanie włosów

Powered by phpBB modified by Przemo © 2003 phpBB Group
Theme DarkBlue created by IPB modified by Elportero