MENU MAC OSX - DOCK

Commentaire de Sub_Mat le 11/11/2006 13:35:05

Salut ,
Ta source est très très bien .
Rien a dire
Je tais mis 10/10
@++

Commentaire de JujuPika le 17/11/2006 08:17:47

Félicitations !!
Vraiment très très bien.
Merci beaucoup!

Commentaire de RyoSaebaSG1 le 18/12/2006 09:49:46

Bien comme code, je debute en flash et je dois avouer que je ne comprend pas la totalité du code, en revanche j'ai voulu ajouter une icone au dock, et le probleme est qu'il ne prend pas en compte la nouvelle image (que j'ai nomer Icone6 et que j'ai fait en dupliquant Icone).

Y aurait-il une subtilitée autre que de simplment ajouter ["Zen", "icone6"] au debut du code de la séquence?

Commentaire de grosmickey le 17/01/2007 14:37:48

Mortel, j'adore. Depuis longtemps je cherchais un objetdoc sous flash ou director, et paf. Un truc quand même, l'effet fonctionne en X, et je me prends la tête pour qu'il s'applique aussi en Y. Alors s'il te prend l'envie.. En tous les cas bravo, moi qui ne suis absolument pas codeur j'admir. Classe ton site.

www.artishow.org

Commentaire de luxb_2000 le 04/02/2007 09:03:56

salut , je suis debutant en flash et je ne comprend rien a la façon de modifier les images et leurs ajouter des liens merci de m'aider!

sinon la source est superbe ! merci

Commentaire de wescoast le 03/05/2007 07:10:02

Bonjours @SLAGT,

J'adore ton menu OSX, c'est simple et efficace alors 10/10! J'aimerais appeller une fonction javascript de scriptaculous avec les Icones....mais je n'arrive pas.J'ai essayez celui-ci:

onClick = function ()
{
this.t = 0;
this._y0 = this._y;
delete this.onRelease;
getURL ("javascript:Effect.toggle('d4','BLIND'); return false;", "_self");

this.onEnterFrame = function ()
{

Je suis debutant avec aucune connaissance a ce sujet....c'est mon premier projet flash!

Le code present de la page HTML pour invoquer l'effet desiré est:

<a href="#" onclick="Effect.toggle('d3','BLIND'); return false;">

Je suis a court d'idées! SVP aidez-moi! Merci à l'avance!

Sincerement,

Wescoast

Commentaire de kapone_43 le 19/07/2007 16:20:21

Salut slagt,
premièrement j'espere que tu verras mon message et que tu me répondras.
J'aimerais mettre ton menu à la verticale.
J'ai reussi a l'adapter a mes menus mais la seule chose que je n'ai pas compris c'est pour le mettre à la verticale.
Quelles valeurs dois-je changer?

Merci d'avance.

Commentaire de Clocho le 25/07/2007 00:55:18

Salut Slagt,

Bravo et merci bien pour cette superbe source

J'ai juste une petite question, quel valeur je dois changer pour que le menu "s'exécute" une fois la souris a proximité de celui-ci et pas sur toute la fenêtre ?

Merci d'avance pour ta réponse

Commentaire de Slagt le 01/08/2007 17:16:55

J'ai oublié de préciser, ce code est a ajouté dans le clip qui contient Dock.

Si le Dock est placé directement sur la scène, alors ce code est à mettre sur l'image de la scène.
Si le Dock est dans le clip "Menu" lui même dans le clips "Boutons", alors il faudra mettre le code sur l'image du clip "Menu". Bref, là où il y a Dock quoi.

Il y a d'autre moyen aussi. Par exemple, utiliser onMouseMove plutot que onEnterFrame.
Et encore, d'autre ! D'autre ! Laissez faire votre imagination :D

Commentaire de Slagt le 02/09/2007 19:34:58

Désolé, mais ce code est dans la partie initié. Je veux bien aider, mais je ne peux malheureusement pas tout reprendre à zéro. Je te conseil de fouiller un peu par toi même si tu es du genre autodidacte, ou bien chercher des tutoriaux. Du reste, ce n'est qu'un raisonnement classique qui pourra t'amener à ce que tu cherche, rien de très compliqué.

Bonne chance, le code situé plus haut fonctionne très bien. Peaufine le pour qu'il donne ce que tu souhaite.

Commentaire de salamo06 le 02/10/2007 23:50:50

salut à tous moi je suis un débutant dans flash et je voudrai ajouté des icon pour le menu afin d'atiendre 14 icone au total mais je ne sais comment faire en plus le projet est entièrement en flash j'aimerai bien que vous m'aidiez a ajouter la fonction goto() pour lire une autre animation flash
merci d'avance pour votre aide

Commentaire de salamo06 le 04/10/2007 01:48:30

merci slagt pour ta réponse mais j'ai pus réglé tous le problème donc la taille du menus , le nbr d'icone, le grossissement et meme l'appel d'autre animation , très reconnaissant pour ta source et ta réponce, et maitenant je voudrais bien utilisé le meme menu en vertical sur l'animation modèle de référence http://www.ripe.tv , si ca ne te dérrange pas , merci à d'avance

Commentaire de MangueCarotte le 09/11/2007 15:35:49

Salut Slagt!
Je te remercie pour ce code que tu as mis à la disposition des internautes. Vraiment un grand MERCI.
Je comprends 3/4 du code, j'ai pu modifier certains paramêtres afin que ce ne soit pas un  simple "copier/collé".
Cependant il y a juste une chose qui me chagrine, une chose... je n'arrive pas à changer le code pour que le menu "s'éxécute" une fois la souris est sur celui-ci.
J'ai pourtant essayé ce que tu nous as conseillé mais en vain.
Je commence à perdre espoir. Hoo grd Manitou aide moi stp!

Voici le code qui se trouve sur un calque ds le dock lui meme.

Creation_dock = function ()
{
Icones = this._parent[cd];

if (this.n)
{
for (var i:Number = 0; i<this.n; i++)
{
this["icone_" + i].swapDepths (0);
removeMovieClip (this["icone_" + i]);
}
}
this.n = Icones.length;

for (var i:Number = 0; i<this.n; i++)
{
var l:Number = 130 * this.n + 32 * (this.n - 20);
if (l < 500)
{
var A:Number = (i - this.n/2) * 120 +120/2;

var r:Number = 1;
}
else
{
var r:Number = lmax / l;

var A:Number = (i - this.n/2) * (96 * r) + (96 * r)/2
}


if (from == "bas / droite")
{
var B:Number = -32 * r;
var B0:Number = -1;
}
else if (from == "haut / gauche")
{
var B:Number = -32 * r;
var B0:Number = 1;
}
else
{
var B:Number = 0;
var B0:Number = 0;
}

var c:MovieClip = this.attachMovie (Icones[i].link, "icone_" + i, i);

if (horizon)
{
c._x = c.A0 = A;
c._y = B;
}
else
{
c._y = c.A0 = A;
c._x = B;
}

c.B0 = B0;
delete B0;

c._xscale *= r;
c._yscale = c._xscale;

c._i = i;
c._nom = Icones[i].Titre;

c.onRollOver = function ()
{
onEnterFrame = function ()
{
     if (_ymouse > 50)
          Dock.stopEffet();
     else
          Dock.unStopEffet();
}
}
}

this.createTextField ("titre", this.n, 0, 0, 0, 0);
titre.autoSize = true;
titre.multiline = false;
titre.wordWrap = false;

this._T = this.icone_0._xscale;
}

Creation_dock();

this.onMouseMove = function ()
{

if (!stop_effet)
{
var Mu:Number = (horizon ? this._xmouse : this._ymouse);
var Sigma:Number = 30;
var G:Number = this._G; // Grossissement
var T:Number = this._T; // Taille de base
}
else
{
var Mu:Number = Number.POSITIVE_INFINITY;
var Sigma:Number = 100;
var G:Number = 20;
var T:Number = this._T;
}

var Scale_total:Number = 15;
var Size_total:Number = 4;

var maxScale:Object = {n:0, i:0};
for (var i:Number = 0; i<this.n; i++)
{
var c:MovieClip = this["icone_" + i];
var A:Number = c.A0;
        var Scale:Number = T + G * Math.exp(-Math.pow(A - Mu, 2) / (1.9 * Sigma * Sigma)) / (Sigma * Math.sqrt(1.9 * Math.PI)) / (1700/40000);
Scale_total += Scale;

c._xscale = c._yscale = Scale;
Size_total += c._width - T * c._width / c._xscale;

if (Scale > maxScale.n)
{
maxScale.n = Scale;
maxScale.i = i;
}
}

var Difference:Number = Scale_total - T * this.n;
delete Scale_total;

var ponderation:Number =3.8;
for (var i:Number = 0; i<this.n; i++)
{
var c:MovieClip = this["icone_" + i];

var _S:Number = 0;
var S_:Number = 0;
for (var j:Number = 0; j<this.n; j++)
{
if (j < i)
_S += this["icone_" + j]._xscale - T;
else if (j > i)
S_ += this["icone_" + j]._xscale - T;
}

var S:Number = _S - S_;

var decalage:Number = c.A0 + ponderation * Size_total * S / Difference;

if (horizon)
{
c._x = decalage;
c._y = c.B0 * 32 * c._yscale / 100;
}
else
{
c._y = decalage;
c._x = c.B0 * 32 * c._yscale / 100;
}
}
}

Commentaire de Slagt le 12/11/2007 23:55:00

Bonjour,

j'avais répondu, mais après avoir signalé un doublon (j'avais posté 2 fois la même chose), voilà que les deux messages ont été supprimé... désolé donc.

Si tu veux que l'effet de grossissement de se fasse QUE lors du survole de la souris d'un icone, alors il suffit de rendre à ce moment "stop_effet" à "false". Lors du onRollOver ET onDragOver, il faudra remettre "stop_effet" à "true".

Quand j'aurais le temps, je mettrais à jour tout ça pour faire un changement propre et fluide, et non pas quelque chose de brutale.

Commentaire de MangueCarotte le 14/11/2007 22:01:41

Salut Jeep,
Un moment ca me le faisait aussi,c'est fini maintenant. Tant que sur la scène ca se passe bien, il y a pas de quoi s'inquiéter je pense... Demandons confirmation!.

Commentaire de fakie le 12/12/2007 10:44:43

Bravo pour le script, c'est toujours sympa d'avoir une base sur laquelle s'appuyer et de ne pas avoir à tout faire seul ;-). Pour ma part, je trouve les explications suffisament claires pour l'adapter mais je n'ai pas mis 10/10 pour 2 raisons:
- le script devrait prévoir le grossissement en fonction de la position _y de la souris car soit on limite l'action à une zone de l'écran et là ça manque de fluidité au premier aggrandissement (trop abrupte), soit on laisse tout l'écran mais personnellement je ne trouve pas ça beau...je sais que tu prévois de le faire et là ça mériterait 9,90/10.
- le petit dixième qui manque à la note pour obtenir le mégabanco ce serait le fait d'intégrer 2 menus (ex: un en haut et en bas) dans la même animation.

Si j'ai le temps et si j'y arrive ;-) je ferai la modification et avec ta permission je la posterai.

Bravo aussi pour ton site.

Rv

Commentaire de bast65 le 21/05/2008 00:01:33

bonjour,
super codes bravo.
J'aimerai l'utiliser comme menu dans un site flash mais je ne sais pas comment faire pour bien l'intégrer.faut t-il en faire un .swf puis l'importer dans mon .fla du site et comment faire pour l'importer et que les icônes fasse aller sur des image clé (ou autre s'il existe une meilleur solution).Ou alors dois je simplement essayer de l'intégrer directement dan le .fla se mon site

Commentaire de bast65 le 21/05/2008 00:06:07

ah oui et aussi petite question débile, a quoi sert le clip "fond" ?

Commentaire de bast65 le 21/05/2008 17:33:43

merci pour toute ces explication juste une derniere question et je t'embête presque plus.
comment tu fais pour avoir les titre en blanc au lieu de noir j'ai tenter f.color = ffffff; dans :
setTitre = function (str:String, mc:MovieClip)
{
titre.text = str;

var f:TextFormat = new TextFormat();
f.font = "Helvetica";
f.size = 14;
f.bold = true;
sa ne marche pas.
Que faut il faire ?

Commentaire de bast65 le 22/05/2008 01:10:12

En fait je vais t'embêter encore un peu,dsl.
J'ai un problème, je l'ai bien intégré dans ma scène principale et quand je clique sur un icône sa marche impec mais dès que je veux revenir sur une rubrique déjà cliqué sa ne m'y ramène pas.need help !!

Commentaire de dubsone le 22/05/2008 11:57:54

Et bien je le saurai la prochaine fois, sur PC ça marche ;o)
Allez j'y jette et oeil et je posterai le résultat si j'arrive à l'adapter.
D'avance merci aux pros du développement !

Commentaire de Slagt le 24/05/2008 17:23:54

Effectivement, il y a un bug à ce niveau...

Je ne peux pas regarder ça pour le moment (exam oblige).
Je m'en occupe donc dès que j'ai du temps.

Slagt.

Commentaire de audreycormont le 02/06/2008 20:20:06

bonjour,

bravo pour ta source elle est génial;
J'ai juste un petit souci, je c'est que tu a déjà répondu a cette question, mais je n'arrive pas a le mettre en place, peut tu me dire comment faut t il faire pour que le mouvement des icônes ce face seulement quand on est sur l'icône, là toute la partie du haut et du bas est active.

merci d'avance.

Commentaire de Slagt le 07/06/2008 02:31:41

Encore une fois, je préfère vous demander d'attendre un petit peu que je fasse une nouvelle version dès que j'ai le temps.

Je vous convie en attendant à explorer et modifier tous les paramètres de cette source ;)

Commentaire de dubsone le 10/06/2008 14:32:07

Pour régler les paramètres (écarts, mouvements...), il suffit de modifier les variables (une à la fois) et de voir le résultat... ça m'a pris un peu de temps mais ça m'a permis de comprendre certaines lignes de code (un minimum je pense pour respecter le travail du développeur à qui je l'emprunte ;o). Pour la gestion du survol, j'ai rajouté une contrainte de position de la souris :

this.onMouseMove = function (){
if (!stop_effet){
if(_root._ymouse > 600){ //ligne rajoutée pour limiter la surface active
var Mu:Number = (horizon ? this._xmouse : this._ymouse);
var Sigma:Number = 50;
var G:Number = this._G; // Grossisement
var T:Number = this._T; // Taille de base
}else{ //valeur mise à 0 (trouver un moyen plus tard pour faire revenir à l'état initial)
var Mu:Number = 0;
var Sigma:Number = 0;
var G:Number = 0;
var T:Number = 0;
}}

Je n'ai pas eu le temps de m'y remettre depuis et comme vous le voyez il me reste à trouver la ligne pour réinitialiser le placement des îcones lorsque le curseur sort de la zone. En tout cas, encore merci à Slag pour cette source et bon courage, tu sembles dans le jus en ce moment...

Commentaire de audreycormont le 16/06/2008 17:20:20

bonjour,

super ta nouvelle version,j'ai juste une petite question:comment je fait pour que mon icône de départ soit plus grande ?

Merci d'avance pour ton aide.

Commentaire de Slagt le 19/06/2008 02:13:07

Pour que ton icone de départ soit plus grande, il faut changer la valeur de "Taille de l'icone" dans les paramètres du composant. Ensuite, tu peux régler la "Largeur maximale" sur 0 (zéro), ce qui permet de ne pas restreindre la taille du Dock en largeur.

Pour ajouter 10 icones par défaut, il suffit de changer les deux tableaux "Icones" et "Titres" des paramètres du Dock. Le tableau "Icones" doit contenir les noms de liaisons de tes icones dans la bibliothèque, et le tableau "Titres" contient les titres donnés à tes icones.