Forum graficzne g4u - inny wymiar grafiki... Strona Główna
 FAQ   Szukaj   Użytkownicy   Grupy   Rejestracja  Profil   Zaloguj się, by sprawdzić wiadomości   Zaloguj 

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



Wiek: 28
Dołączył: 13 Sty 2008
Posty: 722
Poziom: 24
HP: 13/1353
 1%
MP: 646/646
 100%
EXP: 24/68
 35%
Wysłany: 2009-09-30, 21: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
 
 
kolas
User



Wiek: 27
Dołączył: 14 Sty 2008
Posty: 570
Skąd: Jaworzno :P
Poziom: 21
HP: 9/996
 1%
MP: 475/475
 100%
EXP: 52/56
 92%
Wysłany: 2009-09-30, 21: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: 24
Dołączył: 05 Maj 2010
Posty: 4
Skąd: lodz
Poziom: 1
HP: 0/18
 0%
MP: 8/8
 100%
EXP: 3/9
 33%
Wysłany: 2010-05-05, 17:40   

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


Dołączył: 05 Maj 2010
Posty: 6
Poziom: 1
HP: 0/18
 0%
MP: 8/8
 100%
EXP: 5/9
 55%
Wysłany: 2010-05-05, 19:18   

Bardzo ciekawe ;) Fajnie Ci to wyszlo .
 
 
kamil12173
User


Dołączył: 24 Sie 2010
Posty: 11
Skąd: Lubelskie
Poziom: 2
HP: 0/30
 0%
MP: 14/14
 100%
EXP: 1/8
 12%
Wysłany: 2010-08-24, 18:21   

wedlug mnie najs !
 
 
ZolwiQ
User


Skill : tutejszy
Dołączył: 28 Lip 2010
Posty: 4
Poziom: 1
HP: 0/18
 0%
MP: 8/8
 100%
EXP: 3/9
 33%
Wysłany: 2010-08-24, 19:24   

prosze o ReUploada
dvb-t
  
 
 
Biernyx
User


Dołączył: 08 Lut 2012
Posty: 9
Skąd: Wrocław
Poziom: 1
HP: 0/18
 0%
MP: 8/8
 100%
EXP: 8/9
 88%
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
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB modified by Przemo © 2003 phpBB Group - forum anime - Mapa Forum