Page 1 of 1
Εφέ σε ιστοσελίδες
Posted: Wed Dec 13, 2006 1:38 am
by Fairy

Δεν ξέρω αν είδατε, αλλά στο επίσημο site της ΑΣΟΕΕ έχουν βάλει ένα χαριτωμένο εφέ με χιόνι που πέφτει όσο βλέπουμε τη σελίδα! Πώς το έχουν πετύχει προγραμματιστικά;
Σε άλλες ιστοσελίδες βλέπω να βάζουν κάποιες επιγραφές ή σχεδιάκια να ακολουθούν τον pointer του ποντικιού στην οθόνη. Μήπως έχετε υπόψιν σας πως γίνεται κάτι τέτοιο;
Γενικά βλέπω διάφορα χαριτωμένα με τον Flash Macromedia, αλλά δεν γνωρίζω αν σχετίζεται με τα παραπάνω...
Posted: Wed Dec 13, 2006 2:34 am
by ciao
Για αυτά μπορείς να βρεις και έτοιμο κώδικα free πάντα που περιγράφει πως γίνεται..google it λιγάκι..
Κάποια στιγμή είχα κάτι με κίνηση του ποντικιού αλλά δεν το έχω βρει ακόμα..είχα δει το παλιό site του Αρκά και μου άρεσε..
Για το πρώτο δεν είμαι πολύ σίγουρος...πάντως αν πρόκειται για flash υπάρχουν και flash tutorials..
Posted: Wed Dec 13, 2006 7:17 am
by Erevodifwntas
συνήθως τα πρώτα είναι javascripts (θεωρητικά θα μπορούσαν να γίνουν και με VBScripts, αλλά δεν νομίζω ότι έχει ασχοληθεί κανείς μαζί τους).
Αν κάποιος ασχοληθεί με Flash καλό θα είναι να ρίξει και ένα βλέφαρο και στην αντίστοιχη τεχνολογία που μόλις λάνσαρε η M$ (ούτε καν όνομα δε θυμάμαι). δεν ξέρω αν θα πιάσει, αλλά καλό είναι να έχουμε δοκιμάσει διάφορα πράγματα (και να μας πείτε και εντυπώσεις ;-)
Posted: Wed Dec 13, 2006 9:07 am
by P3
ΤΟ κακό βέβαια με αυτά εφέ είναι ότι σου ανεβάζουν το cpu usage αρκετά. Δε λέω καλό είναι αλλά "καταναλώνει πόρους" άσκοπα (έτσι για να μιλήσουμε και με όρους πληροφορική

)!
Posted: Wed Dec 13, 2006 9:51 am
by Ant
Στο site της σχολής πάντως είναι φτιαγμένο με javascript.
Είναι το αρχείο snow.js. Ακολουθεί ο κώδικάς του:
Code: Select all
var SNOW_Picture = "/images/xmas/snow_d.gif";
var SNOW_no = 15;
var SNOW_browser_IE_NS = (document.body.clientHeight) ? 1 : 0;
var SNOW_browser_MOZ = (self.innerWidth) ? 1 : 0;
var SNOW_Time;
var SNOW_dx, SNOW_xp, SNOW_yp;
var SNOW_am, SNOW_stx, SNOW_sty;
var i, SNOW_Browser_Width, SNOW_Browser_Height;
if (SNOW_browser_IE_NS)
{
SNOW_Browser_Width = document.body.clientWidth;
SNOW_Browser_Height = document.body.clientHeight;
}
else if (SNOW_browser_MOZ)
{
SNOW_Browser_Width = self.innerWidth - 20;
SNOW_Browser_Height = self.innerHeight;
}
SNOW_dx = new Array();
SNOW_xp = new Array();
SNOW_yp = new Array();
SNOW_am = new Array();
SNOW_stx = new Array();
SNOW_sty = new Array();
for (i = 0; i < SNOW_no; ++ i)
{
SNOW_dx[i] = 0;
SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-50);
SNOW_yp[i] = Math.random()*SNOW_Browser_Height;
SNOW_am[i] = Math.random()*20;
SNOW_stx[i] = 0.02 + Math.random()/10;
SNOW_sty[i] = 0.7 + Math.random();
if (i == 0) document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><a href=\"http://www.aueb.gr\" target=\"_blank\"><\img src=\""+SNOW_Picture+"\" border=\"0\"></a><\/div>");
else document.write("<\div id=\"SNOW_flake"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><\img src=\""+SNOW_Picture+"\" border=\"0\"><\/div>");
}
function SNOW_Weather()
{
for (i = 0; i < SNOW_no; ++ i)
{
SNOW_yp[i] += SNOW_sty[i];
if (SNOW_yp[i] > SNOW_Browser_Height-50)
{
SNOW_xp[i] = Math.random()*(SNOW_Browser_Width-SNOW_am[i]-30);
SNOW_yp[i] = 0;
SNOW_stx[i] = 0.02 + Math.random()/10;
SNOW_sty[i] = 0.7 + Math.random();
}
SNOW_dx[i] += SNOW_stx[i];
document.getElementById("SNOW_flake"+i).style.top=SNOW_yp[i]+"px";
document.getElementById("SNOW_flake"+i).style.left=SNOW_xp[i] + SNOW_am[i]*Math.sin(SNOW_dx[i])+"px";
}
SNOW_Time = setTimeout("SNOW_Weather()", 10);
}
SNOW_Weather();
Posted: Wed Dec 13, 2006 10:31 am
by The Punisher
κλασσικός κώδικας για κάτι τέτοιο ... εγώ είχα πάρει ένα τέτοιο και το είχα αλλάξει για να το βάλω στο site που φτιάξαμε για τον Κουρκουμπέτη ... έτσι οι φυσσαλίδες ανεβαίνουν προς τα πάνω

Posted: Wed Dec 13, 2006 10:37 am
by tsilochr
sory, αλλά τόσο κώδικα πια για 5 χιονοστιφάδες? δλδ έλεος. Αυτά βλέπω και χαίρομαι που άλλαξα κατεύθυνση
Posted: Wed Dec 13, 2006 10:52 am
by PaP
Erevodifwntas wrote:συνήθως τα πρώτα είναι javascripts (θεωρητικά θα μπορούσαν να γίνουν και με VBScripts, αλλά δεν νομίζω ότι έχει ασχοληθεί κανείς μαζί τους).
Αν κάποιος ασχοληθεί με Flash καλό θα είναι να ρίξει και ένα βλέφαρο και στην αντίστοιχη τεχνολογία που μόλις λάνσαρε η M$ (ούτε καν όνομα δε θυμάμαι). δεν ξέρω αν θα πιάσει, αλλά καλό είναι να έχουμε δοκιμάσει διάφορα πράγματα (και να μας πείτε και εντυπώσεις ;-)
Expression

Posted: Wed Dec 13, 2006 3:10 pm
by Fairy
tsilochr wrote:sory, αλλά τόσο κώδικα πια για 5 χιονοστιφάδες? δλδ έλεος. Αυτά βλέπω και χαίρομαι που άλλαξα κατεύθυνση
Ευχαριστώ όλους, παιδιά! Προς το παρόν δεν με πειράζει ο φόρτος εργασίας για κάτι απλό, είμαι καλλιτεχνική φύση! Αν δουλέψω ποτέ σε εταιρία και τρέχουν τα deadlines θα πάρω τα λόγια μου πίσω

Προς το παρόν μου αρέσει να ικανοποιώ την περιέργειά μου στα πλάισια της εκπαιδευτικής διαδικασίας...
Πάντως η σελίδα του aueb έγινε πολύ ευχάριστη, συγχαρητήρια στο team που τη συντηρεί για την ιδέα!
Posted: Thu Dec 14, 2006 11:15 am
by Paralias
Mπορεί αυτό το scriptάκι να μπει σε php σελίδα;
Posted: Thu Dec 14, 2006 11:37 am
by PaP
οπουδήποτε μπορεί να μπει
στην ουσία δεν υπάρχουν php σελίδες
οι σελίδες μπορούν να είναι είτε html είτε html
Posted: Thu Dec 14, 2006 11:53 am
by Paralias
Δηλ παίρνω το scriptάκι όπως είναι και το βάζω σε μία php και δουλεύει κανονικά;
Posted: Thu Dec 14, 2006 3:19 pm
by ράνια
Ναι καλέ τι πρόβλημα να έχει? Αφού η php θα μεταφραστεί σε html έτσι κι αλλιώς!
Posted: Thu Dec 14, 2006 3:26 pm
by Paralias
Ok.Thank you very much!