Εφέ σε ιστοσελίδες

Fairy · Post by **Fairy** » Wed Dec 13, 2006 1:38 am

Δεν ξέρω αν είδατε, αλλά στο επίσημο site της ΑΣΟΕΕ έχουν βάλει ένα χαριτωμένο εφέ με χιόνι που πέφτει όσο βλέπουμε τη σελίδα! Πώς το έχουν πετύχει προγραμματιστικά;

Σε άλλες ιστοσελίδες βλέπω να βάζουν κάποιες επιγραφές ή σχεδιάκια να ακολουθούν τον pointer του ποντικιού στην οθόνη. Μήπως έχετε υπόψιν σας πως γίνεται κάτι τέτοιο;

Γενικά βλέπω διάφορα χαριτωμένα με τον Flash Macromedia, αλλά δεν γνωρίζω αν σχετίζεται με τα παραπάνω...

ciao · Post by **ciao** » Wed Dec 13, 2006 2:34 am

Για αυτά μπορείς να βρεις και έτοιμο κώδικα free πάντα που περιγράφει πως γίνεται..google it λιγάκι..
Κάποια στιγμή είχα κάτι με κίνηση του ποντικιού αλλά δεν το έχω βρει ακόμα..είχα δει το παλιό site του Αρκά και μου άρεσε..
Για το πρώτο δεν είμαι πολύ σίγουρος...πάντως αν πρόκειται για flash υπάρχουν και flash tutorials..

Erevodifwntas · Post by **Erevodifwntas** » Wed Dec 13, 2006 7:17 am

συνήθως τα πρώτα είναι javascripts (θεωρητικά θα μπορούσαν να γίνουν και με VBScripts, αλλά δεν νομίζω ότι έχει ασχοληθεί κανείς μαζί τους).

Αν κάποιος ασχοληθεί με Flash καλό θα είναι να ρίξει και ένα βλέφαρο και στην αντίστοιχη τεχνολογία που μόλις λάνσαρε η M$ (ούτε καν όνομα δε θυμάμαι). δεν ξέρω αν θα πιάσει, αλλά καλό είναι να έχουμε δοκιμάσει διάφορα πράγματα (και να μας πείτε και εντυπώσεις ;-)

Post by P3 » Wed Dec 13, 2006 9:07 am

ΤΟ κακό βέβαια με αυτά εφέ είναι ότι σου ανεβάζουν το cpu usage αρκετά. Δε λέω καλό είναι αλλά "καταναλώνει πόρους" άσκοπα (έτσι για να μιλήσουμε και με όρους πληροφορική

)!

Ant · Post by **Ant** » Wed Dec 13, 2006 9:51 am

Στο 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();

Post by **The Punisher** » Wed Dec 13, 2006 10:31 am

κλασσικός κώδικας για κάτι τέτοιο ... εγώ είχα πάρει ένα τέτοιο και το είχα αλλάξει για να το βάλω στο site που φτιάξαμε για τον Κουρκουμπέτη ... έτσι οι φυσσαλίδες ανεβαίνουν προς τα πάνω

tsilochr · Post by **tsilochr** » Wed Dec 13, 2006 10:37 am

sory, αλλά τόσο κώδικα πια για 5 χιονοστιφάδες? δλδ έλεος. Αυτά βλέπω και χαίρομαι που άλλαξα κατεύθυνση

Post by **PaP** » Wed Dec 13, 2006 10:52 am

Erevodifwntas wrote:συνήθως τα πρώτα είναι javascripts (θεωρητικά θα μπορούσαν να γίνουν και με VBScripts, αλλά δεν νομίζω ότι έχει ασχοληθεί κανείς μαζί τους).

Αν κάποιος ασχοληθεί με Flash καλό θα είναι να ρίξει και ένα βλέφαρο και στην αντίστοιχη τεχνολογία που μόλις λάνσαρε η M$ (ούτε καν όνομα δε θυμάμαι). δεν ξέρω αν θα πιάσει, αλλά καλό είναι να έχουμε δοκιμάσει διάφορα πράγματα (και να μας πείτε και εντυπώσεις ;-)

Expression

Fairy · Post by **Fairy** » Wed Dec 13, 2006 3:10 pm

tsilochr wrote:sory, αλλά τόσο κώδικα πια για 5 χιονοστιφάδες? δλδ έλεος. Αυτά βλέπω και χαίρομαι που άλλαξα κατεύθυνση

Ευχαριστώ όλους, παιδιά! Προς το παρόν δεν με πειράζει ο φόρτος εργασίας για κάτι απλό, είμαι καλλιτεχνική φύση! Αν δουλέψω ποτέ σε εταιρία και τρέχουν τα deadlines θα πάρω τα λόγια μου πίσω

Προς το παρόν μου αρέσει να ικανοποιώ την περιέργειά μου στα πλάισια της εκπαιδευτικής διαδικασίας...

Πάντως η σελίδα του aueb έγινε πολύ ευχάριστη, συγχαρητήρια στο team που τη συντηρεί για την ιδέα!

Paralias · Post by **Paralias** » Thu Dec 14, 2006 11:15 am

Mπορεί αυτό το scriptάκι να μπει σε php σελίδα;

Post by **PaP** » Thu Dec 14, 2006 11:37 am

οπουδήποτε μπορεί να μπει
στην ουσία δεν υπάρχουν php σελίδες
οι σελίδες μπορούν να είναι είτε html είτε html

Paralias · Post by **Paralias** » Thu Dec 14, 2006 11:53 am

Δηλ παίρνω το scriptάκι όπως είναι και το βάζω σε μία php και δουλεύει κανονικά;

ράνια · Post by **ράνια** » Thu Dec 14, 2006 3:19 pm

Ναι καλέ τι πρόβλημα να έχει? Αφού η php θα μεταφραστεί σε html έτσι κι αλλιώς!

Paralias · Post by **Paralias** » Thu Dec 14, 2006 3:26 pm

Ok.Thank you very much!