begin process at 2012 05 26 06:18:17
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

ActionScripts

 > MENU FLOTTANT

MENU FLOTTANT


 Information sur la source

Note :
7,5 / 10 - par 2 personnes
7,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :ActionScripts Classé sous :menu, flottant, navigation Niveau :Débutant Date de création :28/07/2003 Date de mise à jour :28/07/2003 11:57:45 Vu / téléchargé :22 479 / 4 593
Auteur : yous

Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (8)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
MENU FLOTTANT

Il s'agit d'un menu horizontal qui suit les impulsions de la souris et possédant une inertie.

Il m' a été inspiré par Wolfood qui possédait un menu de ce type sur son site. Celui-ci est une version très simple, mais qui montre bien comment donner un effet d'inertie avec un code on ne peut plus élémentaire.


J'accompagne les sources d'un fichier PDF qui vous donne tout le pas à pas pour reconstruire intégralement l'exemple.

Source

  • Substance essentielle du code pour l'inertie:
  • //L'occurrence de la barre se nomme b,
  • //L'occurrence du curseur se nomme c.
  • var position;
  • setInterval(regle, 100);
  • function regle(){
  • //_xmouse renvoie la position horizontale de la souris.
  • //En fonction, on bouge le curseur et la barre à l'opposé.
  • if(_xmouse < 150 && _xmouse > -180){
  • position = _xmouse;
  • setProperty(c,_x,position);
  • //La position étant réactualisée tous les 1/10, l'écart décroit.
  • //Comme on le multiplie par un nombre inférieur à 1, il tend vers 0 petit à petit.
  • setProperty(b,_x,(getProperty(b,_x)-position)*0.5);
  • }
  • }
Substance essentielle du code pour l'inertie:

//L'occurrence de la barre se nomme b,
//L'occurrence du curseur se nomme c.

var position;

setInterval(regle, 100);

function regle(){
	//_xmouse renvoie la position horizontale de la souris.
	//En fonction, on bouge le curseur et la barre à l'opposé.
	if(_xmouse < 150 && _xmouse > -180){
	position = _xmouse;
	setProperty(c,_x,position);
	//La position étant réactualisée tous les 1/10, l'écart décroit.
	//Comme on le multiplie par un nombre inférieur à 1, il tend vers 0 petit à petit.
	setProperty(b,_x,(getProperty(b,_x)-position)*0.5);
	}
}


 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !
  • 08-Menu flottant.pdfTélécharger ce fichier [Réservé aux membres club]429 978 octets
  • flottant.flaTélécharger ce fichier [Réservé aux membres club]44 032 octets
  • flottant.swfTélécharger ce fichier [Réservé aux membres club]Voir ce fichier1 520 octets

Télécharger le zip


 Sources du même auteur

Source avec Zip Source avec une capture COMMUNICATION FLASH -> ASP.NET
Source avec Zip Source avec une capture MENU BOULES FLOTTANTES
Source avec Zip Source avec une capture MENU DEROULANT
Toutes les sources de yous

 Sources de la même categorie

Source avec Zip Source avec une capture OUVRIR UNE ANIMATION EXTERNE DANS UN CLIP VIDE. par KcHeY
Source avec Zip ZOOM SUR UNE IMAGE par yasdar
Source avec Zip Source avec une capture UN PEU DE MATH par yasdar
Source avec Zip Source avec une capture PARTICULE SYSTEM par yasdar
Source avec Zip Source avec une capture GALLERIE PHOTO AVEC XML par yasdar
Toutes les sources de la catégorie ActionScripts

 Sources en rapport avec celle ci

Source avec Zip MENU DE NAVIGATION SIMPLE par albidochon
Source avec Zip Source avec une capture MENU MAC OSX - DOCK par Slagt
Source avec Zip LAMPE A BULLE par fefe73
Source avec Zip Source avec une capture MENU TSUNAMI par waves
Source avec Zip Source avec une capture MENU DE NAVIGATION (EX: AUTORUN) AVEC PLAYEUR MP3 ET UTILISA... par seb2550

Commentaires et avis

Commentaire de righton le 28/07/2003 13:20:03

C'est bien mais ça saccade un peu...
A la place de setInterval(regle, 100); tu peux mettre :
onMouseMove = function() {
regle();
};
et là c'est fluide.

Commentaire de yous le 28/07/2003 13:35:28

Tiens étonnant, moi c'est très fluide et pourtant j'ai pas une bête de course.
De même, je ne peux pas utiliser onMouseMove...car ça coupe l'effet d'inertie et c'est là que réside l'intérêt de la source.
Mais merci malgré tout...
Si toutefois tu as une autre idée pour palier les potentiels soucis de fluidité...

Commentaire de righton le 28/07/2003 13:39:31

c bizarre chez moi j'ai une bête de course et c'est pas fluide, ta fonction regle étant lancée toutes les 100 ms, ça saccade, sauf si on augmente la vitesse dans les 20 images par seconde.

Commentaire de yous le 28/07/2003 14:20:52

D'après ce que tu me dis, ça saccade non pas à cause des limitations matérielles, mais a priori parce que ta machine est très puissante.
Logiquement si tu augmentes le nombre d'images/seconde, tu augemntes le nombre de calculs.

Commentaire de righton le 28/07/2003 14:37:35

ben je sais pas exactement mais ça vient de l'utilisation de setInterval. J'ai essayé avec
onEnterFrame = function() {
regle();
};
et là c'est nikel à 12ips, y'a même ton effet d'inertie

Commentaire de yous le 28/07/2003 14:45:43

Exact ça fonctionne très bien avec:
onEnterFrame = function() {
regle();
};
Y'a plus qu'à régler le facteur d'inertie en fonction des préférences.
Si tu me dis que cette méthode ne pose aucun soucis de fluidité, je la garde donc et merci pour ta persévérance !

Commentaire de wolfood le 28/07/2003 15:27:58

mon menu est beaucoup plus simple que ça, je vais le poster

Commentaire de kipetrovitchy le 01/10/2003 11:52:39

Je me suis permis de convertir ton menu en flash5, simplement il faut éditer en place le MC "barrenavig", séparer le code sur un second calque, puis décomposer en 3 images-clefs. Le calque sur lequel est le MC, quant à lui, comporte une image-clef suivie de 2 images.
-------1ere frame------
var position;
-------2eme frame------
//j'ai viré les commentaires et simplifié ton code
if(_xmouse &lt; 150 && _xmouse &gt; -150){
position = _xmouse;
setProperty(c,_x,position);
setProperty(b,_x,(getProperty(b,_x)-position/2)*0.5);
}
play ();
-------3eme frame------
prevFrame ();

et voilou.

Le seul truc qui n'est pas au niveau du reste, ce sont les boutons, tu devrais utiliser la property _alpha d'un rectangle bleu ciel (incrémenter avec une boucle quelconque), au lieu d'une transition de forme qui complique la timeline et est gourmande en ressources processeur.

Après cela je pense que Wolfhood ne pourra plus prétendre avoir le menu le plus simple, encore bravo à toi.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Menu navigation transparence [ par 1ouf ] Bonjour à tous...Je suis un débutant en Flash et je ne sais pas par où commener...Je souhaitais faire un menu de navigation du style www.tribuevents.c Menu de navigation dans un clip [ par magicpicpic ] Salut Voila je cherche a faire en sorte que quand on clicke sur un bouton, le clip adequat se deplace dans la zone voulu en _y... Pour ca presque pas navigation [ par bragon34 ] bonjour, voila je ne suis pas dou&#233; en flash est mon probleme est le suivant.j'ai 2 anim flash, l'une contenant mon menu et l'autre le contenu (le Menu Spécial avec Effet de profondeur [ par ozaku ] Voila je cherche un menu (ou systeme de navigation&nbsp; ca depen commen on le voit )que j'ai sur un site il y a un bout de tempsalor l'effet c'est un menu flottant bis [ par i0n ] bonjour &#224; tous, voila, je cherche &#224; faire un menu qui suit ma souris avec une inertie; Mon probl&#232;me, c'est que ce menu (qui est en fai Probleme de navigation [ par Kubi ] Salut a tous,malgre mes differentes recherches, je n ai pas reussi a trouver une solution a mon probleme. Voila:jai de nombreux swf&nbsp; qui sont tou Menu flottant [ par zeguizmo ] Salut à tous,J'ai un probleme hyper-mega-urgent à résoudre, et je suis en train de devenir completement marteau la.Je fais une barre flottante dynamiq barre navigation [ par gonimus ] Je continue à bricoler ma barre de navigation. J'ai cinq boutons qui laissent chacun apparaitre un menu avec un tween qui modifie le alpha du menu, e Problème d'animation/navigation pour le menu de mon site [ par romain18241 ] Bonjour à tous,je poste cette question car j'ai un soucis non pas technique mais plutôt d'organistion du menu de mon portfolio.Voici le lien : http:// NAVIGATION MENU [ par francoiss69 ] Bonjours à toutes et à tous, Je suis nouveau sur


Nos sponsors


Sondage...

Comparez les prix


Sony Ericsson XPERIA X10 (1 Go)
Entre 649€ et 649€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,264 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)