Retour à Flash et ActionScript forum

Advanced ActionScript Help!

  • ScRat0i71
  • Novice
  • Novice
  • No Avatar
  • Inscription: Avr 12, 2007
  • Messages: 15
  • Loc: Detroit
  • Status: Offline

Message Septembre 2nd, 2007, 1:30 pm

Besoin de quelqu'un avec une connaissance d'ActionScript fou de l'aide sur celui-ci.

J'ai un projet sur le travail de la GI qui est dû dans les 2 jours, et c'est la pièce flash Im émulant avec mes réglages: http://www.burstlabs.com/

Quelle im fait, c'est rendre les bulles * se chevauchent pas et les faire planer dans une formation en cercle. Donc ce qui Im aide, qui est la seule manière que je peux penser à est ressorts. Mon code est en bas, et toute aide serait tout à fait apprécié et c'est un projet totalement doux à ajouter au CV anyones. Si vous vivez dans le Michigan et un gourou de votre actionscript je t'offre un verre si vous pouvez m'aider à ce sujet! :)


Je serai sur AIM / MSN toute la journée: ScRat0i71



Code: [ Select ]
var left:Number = 0;
var right:Number = Stage.width;
var top:Number = 0;
var bottom:Number = Stage.height;
var numBubbles:Number = 5;
var spring:Number = 0.005;
var gravity:Number = 0;
init();

var spring2:Number = 0.1;
var friction:Number = 0.9;
var spring2Length:Number = 25;


function init() {
    var bubbleArray:Array = new Array();
    for (var i:Number = 0; i<numBubbles; i++) {
        var bubble:MovieClip = attachMovie("bubble", "bubble" + i, i);
        bubbleArray[i] = bubble;
        bubbleArray[i]._x = Math.random() * Stage.width;
        bubbleArray[i]._y = Math.random() * Stage.height;
        bubbleArray[i]._xscale = bubbleArray[i]._yscale = 80 + Math.random()*50;
        bubbleArray[i].vx = 0;
        bubbleArray[i].vy = 0;
        bubbleArray[i].v2x = 0;
        bubbleArray[i].v2y = 0;
        bubbleArray[i].d2x = 0;
        bubbleArray[i].d2y = 0;
        
        
        ////////// --- SPRING TO CIRCLE --- //////////
        springTo(circle, bubbleArray[i]);
        springTo(bubbleArray[i], circle);
        clear();
        lineStyle(1, 0, 100);
        moveTo(circle._x, circle._y);
        lineTo(bubbleArray[0]._x, bubbleArray[0]._y);
        ////////// --- SPRING TO CIRCLE --- //////////
        
        /// -- color
        var orangeColor1:Color = new Color(bubbleArray[i].bg);
        var orangeColor2:Color = new Color(bubbleArray[i].bg_left);
        var orangeColor3:Color = new Color(bubbleArray[i].bg_right);
        var whiteColor:Color = new Color(bubbleArray[i].txt_menu);
        orangeColor1.setRGB(0xE9851A);
        orangeColor2.setRGB(0xE9851A);
        orangeColor3.setRGB(0xE9851A);
        whiteColor.setRGB(0xFFFFFF);
        
        /// -- button state
        bubbleArray[i].onRollOver = function() {
            this.swapDepths(10000);
            this._width += 30;
            this._height += 5;
            this.bg.colorTo(0xFF9A2E, .15, "easeOutQuad");
            this.bg_left.colorTo(0xFF9A2E, .15, "easeOutQuad");
            this.bg_right.colorTo(0xFF9A2E, .15, "easeOutQuad");
        }
        bubbleArray[i].onRollOut = function() {
            this._width -= 30;
            this._height -= 5;
            this.bg.colorTo(0xE9851A, .25, "easeOutQuad");
            this.bg_left.colorTo(0xE9851A, .25, "easeOutQuad");
            this.bg_right.colorTo(0xE9851A, .15, "easeOutQuad");
        }
        /*
        /// -- set textField width
        bubbleArray[i].txt_menu.autoSize = "center";
        
        /// -- set text
        bubbleArray[0].txt_menu.text = "Lorem ipsum";
        bubbleArray[1].txt_menu.text = "dolor sit amet";
        bubbleArray[2].txt_menu.text = "consectetuer adipiscing";
        bubbleArray[3].txt_menu.text = "elit";
        bubbleArray[4].txt_menu.text = "Nulla porta tempus sapien";
        
        /// -- set size/position of bg
        bubbleArray[i].bg._width = bubbleArray[i].txt_menu.textWidth + 10;
        bubbleArray[i].bg_left._x = bubbleArray[i].txt_menu._x -10;
        bubbleArray[i].bg_right._x = bubbleArray[i].txt_menu.textWidth / 2 + 12;
        */
    }
}
function onEnterFrame(Void):Void {
    for(var i = 0; i < numBubbles - 1; i++)
    {
        var bubbleA:MovieClip = this["bubble" + i];
        for(var j = i + 1; j < numBubbles; j++)
        {
            var bubbleB:MovieClip = this["bubble" + j];
            var dx:Number = bubbleB._x - bubbleA._x;
            var dy:Number = bubbleB._y - bubbleA._y;
            var dist:Number = Math.sqrt(dx*dx + dy*dy);
            var minDist:Number = bubbleA._width + bubbleB._width;
            if(dist < minDist)
            {
                var angle:Number = Math.atan2(dy, dx);
                var targetX:Number = bubbleA._x + Math.cos(angle) * minDist;
                var targetY:Number = bubbleA._y + Math.sin(angle) * minDist;
                var ax:Number = (targetX - bubbleB._x) * spring;
                var ay:Number = (targetY - bubbleB._y) * spring;
                bubbleA.vx -= ax;
                bubbleA.vy -= ay;
                bubbleB.vx += ax;
                bubbleB.vy += ay;
            }
        }
    }
    for (var i = 0; i < numBubbles; i++) {
        var bubble:MovieClip = this["bubble" + i];
        move(bubble);
    }
}
function move(bubble:MovieClip) {
    bubble.vy += gravity;
    bubble._x += bubble.vx;
    bubble._y += bubble.vy;
    if (bubble._x + bubble._width / 2 > right) {
        bubble._x = right-bubble._width / 2;
        bubble.vx *= -.9;
    } else if (bubble._x - bubble._width / 2 < left) {
        bubble._x = left+bubble._width / 2;
        bubble.vx *= -.9;
    }
    if (bubble._y + bubble._width / 2 > bottom) {
        bubble._y = bottom-bubble._width / 2;
        bubble.vy *= -.9;
    } else if (bubble._y - bubble._width / 2 < top) {
        bubble._y = top+bubble._width / 2;
        bubble.vy *= -.9;
    }
}

function springTo(ballA, ballB)
{
    if(!ballA.dragging)
    {
        var d2x:Number = ballA._x - ballB._x;
        var d2y:Number = ballA._y - ballB._y;
        var angle:Number = Math.atan2(d2y, d2x);
        var targetX:Number = ballB._x + Math.cos(angle) * spring2Length;
        var targetY:Number = ballB._y + Math.sin(angle) * spring2Length;
        ballA.v2x += (targetX - ballA._x) * spring2;
        ballA.v2y += (targetY - ballA._y) * spring2;
        ballA.v2x *= friction;
        ballA.v2y *= friction;
        ballA._x += ballA.v2x;
        ballA._y += ballA.v2y;
    }
};

/*
function doDrag()
{
    this.dragging = true;
    this.startDrag();
}
function doDrop()
{
    this.dragging = false;
    this.stopDrag();
}
*/
  1. var left:Number = 0;
  2. var right:Number = Stage.width;
  3. var top:Number = 0;
  4. var bottom:Number = Stage.height;
  5. var numBubbles:Number = 5;
  6. var spring:Number = 0.005;
  7. var gravity:Number = 0;
  8. init();
  10. var spring2:Number = 0.1;
  11. var friction:Number = 0.9;
  12. var spring2Length:Number = 25;
  15. function init() {
  16.     var bubbleArray:Array = new Array();
  17.     for (var i:Number = 0; i<numBubbles; i++) {
  18.         var bubble:MovieClip = attachMovie("bubble", "bubble" + i, i);
  19.         bubbleArray[i] = bubble;
  20.         bubbleArray[i]._x = Math.random() * Stage.width;
  21.         bubbleArray[i]._y = Math.random() * Stage.height;
  22.         bubbleArray[i]._xscale = bubbleArray[i]._yscale = 80 + Math.random()*50;
  23.         bubbleArray[i].vx = 0;
  24.         bubbleArray[i].vy = 0;
  25.         bubbleArray[i].v2x = 0;
  26.         bubbleArray[i].v2y = 0;
  27.         bubbleArray[i].d2x = 0;
  28.         bubbleArray[i].d2y = 0;
  29.         
  30.         
  31.         ////////// --- SPRING TO CIRCLE --- //////////
  32.         springTo(circle, bubbleArray[i]);
  33.         springTo(bubbleArray[i], circle);
  34.         clear();
  35.         lineStyle(1, 0, 100);
  36.         moveTo(circle._x, circle._y);
  37.         lineTo(bubbleArray[0]._x, bubbleArray[0]._y);
  38.         ////////// --- SPRING TO CIRCLE --- //////////
  39.         
  40.         /// -- color
  41.         var orangeColor1:Color = new Color(bubbleArray[i].bg);
  42.         var orangeColor2:Color = new Color(bubbleArray[i].bg_left);
  43.         var orangeColor3:Color = new Color(bubbleArray[i].bg_right);
  44.         var whiteColor:Color = new Color(bubbleArray[i].txt_menu);
  45.         orangeColor1.setRGB(0xE9851A);
  46.         orangeColor2.setRGB(0xE9851A);
  47.         orangeColor3.setRGB(0xE9851A);
  48.         whiteColor.setRGB(0xFFFFFF);
  49.         
  50.         /// -- button state
  51.         bubbleArray[i].onRollOver = function() {
  52.             this.swapDepths(10000);
  53.             this._width += 30;
  54.             this._height += 5;
  55.             this.bg.colorTo(0xFF9A2E, .15, "easeOutQuad");
  56.             this.bg_left.colorTo(0xFF9A2E, .15, "easeOutQuad");
  57.             this.bg_right.colorTo(0xFF9A2E, .15, "easeOutQuad");
  58.         }
  59.         bubbleArray[i].onRollOut = function() {
  60.             this._width -= 30;
  61.             this._height -= 5;
  62.             this.bg.colorTo(0xE9851A, .25, "easeOutQuad");
  63.             this.bg_left.colorTo(0xE9851A, .25, "easeOutQuad");
  64.             this.bg_right.colorTo(0xE9851A, .15, "easeOutQuad");
  65.         }
  66.         /*
  67.         /// -- set textField width
  68.         bubbleArray[i].txt_menu.autoSize = "center";
  69.         
  70.         /// -- set text
  71.         bubbleArray[0].txt_menu.text = "Lorem ipsum";
  72.         bubbleArray[1].txt_menu.text = "dolor sit amet";
  73.         bubbleArray[2].txt_menu.text = "consectetuer adipiscing";
  74.         bubbleArray[3].txt_menu.text = "elit";
  75.         bubbleArray[4].txt_menu.text = "Nulla porta tempus sapien";
  76.         
  77.         /// -- set size/position of bg
  78.         bubbleArray[i].bg._width = bubbleArray[i].txt_menu.textWidth + 10;
  79.         bubbleArray[i].bg_left._x = bubbleArray[i].txt_menu._x -10;
  80.         bubbleArray[i].bg_right._x = bubbleArray[i].txt_menu.textWidth / 2 + 12;
  81.         */
  82.     }
  83. }
  84. function onEnterFrame(Void):Void {
  85.     for(var i = 0; i < numBubbles - 1; i++)
  86.     {
  87.         var bubbleA:MovieClip = this["bubble" + i];
  88.         for(var j = i + 1; j < numBubbles; j++)
  89.         {
  90.             var bubbleB:MovieClip = this["bubble" + j];
  91.             var dx:Number = bubbleB._x - bubbleA._x;
  92.             var dy:Number = bubbleB._y - bubbleA._y;
  93.             var dist:Number = Math.sqrt(dx*dx + dy*dy);
  94.             var minDist:Number = bubbleA._width + bubbleB._width;
  95.             if(dist < minDist)
  96.             {
  97.                 var angle:Number = Math.atan2(dy, dx);
  98.                 var targetX:Number = bubbleA._x + Math.cos(angle) * minDist;
  99.                 var targetY:Number = bubbleA._y + Math.sin(angle) * minDist;
  100.                 var ax:Number = (targetX - bubbleB._x) * spring;
  101.                 var ay:Number = (targetY - bubbleB._y) * spring;
  102.                 bubbleA.vx -= ax;
  103.                 bubbleA.vy -= ay;
  104.                 bubbleB.vx += ax;
  105.                 bubbleB.vy += ay;
  106.             }
  107.         }
  108.     }
  109.     for (var i = 0; i < numBubbles; i++) {
  110.         var bubble:MovieClip = this["bubble" + i];
  111.         move(bubble);
  112.     }
  113. }
  114. function move(bubble:MovieClip) {
  115.     bubble.vy += gravity;
  116.     bubble._x += bubble.vx;
  117.     bubble._y += bubble.vy;
  118.     if (bubble._x + bubble._width / 2 > right) {
  119.         bubble._x = right-bubble._width / 2;
  120.         bubble.vx *= -.9;
  121.     } else if (bubble._x - bubble._width / 2 < left) {
  122.         bubble._x = left+bubble._width / 2;
  123.         bubble.vx *= -.9;
  124.     }
  125.     if (bubble._y + bubble._width / 2 > bottom) {
  126.         bubble._y = bottom-bubble._width / 2;
  127.         bubble.vy *= -.9;
  128.     } else if (bubble._y - bubble._width / 2 < top) {
  129.         bubble._y = top+bubble._width / 2;
  130.         bubble.vy *= -.9;
  131.     }
  132. }
  134. function springTo(ballA, ballB)
  135. {
  136.     if(!ballA.dragging)
  137.     {
  138.         var d2x:Number = ballA._x - ballB._x;
  139.         var d2y:Number = ballA._y - ballB._y;
  140.         var angle:Number = Math.atan2(d2y, d2x);
  141.         var targetX:Number = ballB._x + Math.cos(angle) * spring2Length;
  142.         var targetY:Number = ballB._y + Math.sin(angle) * spring2Length;
  143.         ballA.v2x += (targetX - ballA._x) * spring2;
  144.         ballA.v2y += (targetY - ballA._y) * spring2;
  145.         ballA.v2x *= friction;
  146.         ballA.v2y *= friction;
  147.         ballA._x += ballA.v2x;
  148.         ballA._y += ballA.v2y;
  149.     }
  150. };
  152. /*
  153. function doDrag()
  154. {
  155.     this.dragging = true;
  156.     this.startDrag();
  157. }
  158. function doDrop()
  159. {
  160.     this.dragging = false;
  161.     this.stopDrag();
  162. }
  163. */
[/ code]
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Septembre 2nd, 2007, 1:30 pm

  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 11, 2005
  • Messages: 1828
  • Loc: In the Great White North
  • Status: Offline

Message Septembre 2nd, 2007, 4:37 pm

pourriez-vous être un peu plus précis sur whats wrong? Vous n'aurez pas beaucoup d'aide en disant que votre essayer de copier quelque chose et ne nous dit pas whats brisé
  • ScRat0i71
  • Novice
  • Novice
  • No Avatar
  • Inscription: Avr 12, 2007
  • Messages: 15
  • Loc: Detroit
  • Status: Offline

Message Septembre 2nd, 2007, 7:42 pm

Ahh oui. Cela aurait un sens aussi bien.

Si vous cochez le lien http://www.burstlabs.com/ et le comparer à mon projet http://romanodx.com/projects/xxxxxx/bubbleTest.html vous remarquerez un petit peu de différence.

Mon problème se pose ici:
1) - J'ai besoin d'un fluide, comme dans un mouvement circulaire comme barrière ce site.

2) - Besoin d'un renversement dynamique entre popup au lieu de pousser un instant et revenir chercher. (transition sans heurt en haut et en bas). À l'heure actuelle, sa juste bubbleArray [i]. _width + = 30; bubbleArray [i]. _height + = 5; thats le code pour le moment. Im pense qu'il doit être une fonction, car la taille est généré chaque fois différent et je ne peux pas utiliser l'échelle lmc_tween juste en haut ou en bas, car il renvoie la taille aléatoire généré dynamiquement à la taille de 100...

3) - qui sont des objets flottants ne peuvent pas se chevaucher les uns les autres et doivent rester dans une sorte de disposition circulaire. Im pas un actionscript géniale, mais la seule chose que je peux trouver cette distance est proche de ce que j'ai besoin, c'est d'utiliser des ressorts? Im vraiment pas sûr de savoir comment aller sur ce pur effet.


Ce que j'ai fait dans ce projet, ou la pensée de ce travail est:
1) - Utilisez "Actionscript Animation - Faire bouger les choses" par Keith Peters, chapitre 8 "sources" et essayer de faire une motion sans gravité en utilisant toutes les instances de contrôle tableau rebondissent les uns avec un shell 10 pixel entre les deux, qui de toute évidence, dans mon exemple est beaucoup plus grand que 10 pixels et je ne peux pas comprendre cela.

2) - Utilisez un autre "printemps" type pour former un mouvement circulaire. Utilisation de la fonction springTo dans ce script, j'ai été l'espoir d'un exemple de lien vers le milieu "cercle" qui est caché, et ensuite établir un lien entre tous les autres à celui qui est lié au cercle, et la dernière liée à la manière de son cercle une chaîne autour du cercle. Cela, cependant, ne fonctionne pas pour le moment. (vous remarquerez une simple ligne à essayer de tirer de la position d'une case à chaque fois faire preuve d'un lien avec le milieu "cercle" thats caché.)



J'espère que cette explication aidera à vous montrer ce que Im essayant de faire avec cela.
Aussi, la copie de mon actionscript et de le coller dans flash et de créer une instance d'un MovieClip sur la scène appelée bulle, et de créer un autre MovieClip sur la scène d'un cercle et dans l'articulation de ce nom cercle. Si vous utilisez AIM ou MSN s'il vous plaît ajouter mon nom d'écran et je peux parler et de mieux expliquer si une question se pose de savoir ce qu'il est Im cherche à faire.

Merci mille fois! :)
  • dhonsvick
  • Beginner
  • Beginner
  • No Avatar
  • Inscription: Mai 27, 2007
  • Messages: 49
  • Status: Offline

Message Septembre 2nd, 2007, 10:14 pm

Heres a Grow de liquide et de la fonction Shrink. Mettez ces fonctions dans le cadre d'action sous votre racine.


Code: [ Select ]

function grow(clip, scale){
        var xs:Tween = new Tween(clip, "_xscale", Strong.easeOut, clip._xscale, scale, 1, true);
        var ys:Tween = new Tween(clip, "_yscale", Strong.easeOut, clip._yscale, scale, 1, true);
    }
    function shrink(clip){
        var xs2:Tween = new Tween(clip, "_xscale", Strong.easeOut , clip._xscale, 100, 1, true);
        var ys2:Tween = new Tween(clip, "_yscale", Strong.easeOut, clip._yscale, 100, 1, true);
        
    }
  2. function grow(clip, scale){
  3.         var xs:Tween = new Tween(clip, "_xscale", Strong.easeOut, clip._xscale, scale, 1, true);
  4.         var ys:Tween = new Tween(clip, "_yscale", Strong.easeOut, clip._yscale, scale, 1, true);
  5.     }
  6.     function shrink(clip){
  7.         var xs2:Tween = new Tween(clip, "_xscale", Strong.easeOut , clip._xscale, 100, 1, true);
  8.         var ys2:Tween = new Tween(clip, "_yscale", Strong.easeOut, clip._yscale, 100, 1, true);
  9.         
  10.     }




Maintenant, vous pouvez téléphoner au (_root.grow <instance name>, pour cent); à partir de n'importe où dans votre film ou submovies.
ie
Code: [ Select ]
_root.grow(myInstance, 150);

croît myInstance 150% et
Code: [ Select ]
_root.shrink(myInstance)
pour revenir à la normale.);
  • ScRat0i71
  • Novice
  • Novice
  • No Avatar
  • Inscription: Avr 12, 2007
  • Messages: 15
  • Loc: Detroit
  • Status: Offline

Message Septembre 4th, 2007, 9:00 pm

Cette fonction vous m'avez donné est kewl, mais pas son aide à la dynamique des cas, de rappeler l'ampleur et telles.
  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 11, 2005
  • Messages: 1828
  • Loc: In the Great White North
  • Status: Offline

Message Septembre 5th, 2007, 5:51 am

juste mod dhonsvicks script pour faire le suivi de l'état de départ.

Code: [ Select ]
function grow(clip, scale){
    clip.startXscale = clip._xscale;
    clip.startYscale = clip._yscale;
   var xs:Tween = new Tween(clip, "_xscale", Strong.easeOut, clip._xscale, scale, 1, true);

   var ys:Tween = new Tween(clip, "_yscale", Strong.easeOut, clip._yscale, scale, 1, true);

  }

  function shrink(clip){

   var xs2:Tween = new Tween(clip, "_xscale", Strong.easeOut , clip._xscale, clip.startXscale, 1, true);

   var ys2:Tween = new Tween(clip, "_yscale", Strong.easeOut, clip._yscale, clip.startYscale, 1, true);

   

  }
  1. function grow(clip, scale){
  2.     clip.startXscale = clip._xscale;
  3.     clip.startYscale = clip._yscale;
  4.    var xs:Tween = new Tween(clip, "_xscale", Strong.easeOut, clip._xscale, scale, 1, true);
  6.    var ys:Tween = new Tween(clip, "_yscale", Strong.easeOut, clip._yscale, scale, 1, true);
  8.   }
  10.   function shrink(clip){
  12.    var xs2:Tween = new Tween(clip, "_xscale", Strong.easeOut , clip._xscale, clip.startXscale, 1, true);
  14.    var ys2:Tween = new Tween(clip, "_yscale", Strong.easeOut, clip._yscale, clip.startYscale, 1, true);
  16.    
  18.   }


Qu'est-ce qu'il le fasse...

clip.startXscale = clip._xscale; - clip est une référence à ce MovieClip jamais vous passez à la fonction de sorte que tout cela prend du clip et fait une variable à l'intérieur de celui-ci thats égale à la XScale avant la transformation se produit.

Ensuite, lorsque vous réduisez le clip vers le bas que vous voulez lire dans la valeur de démarrage stockés dans le clip au lieu de la valeur par défaut: 100% que dhonsvick utilisé.
  • ScRat0i71
  • Novice
  • Novice
  • No Avatar
  • Inscription: Avr 12, 2007
  • Messages: 15
  • Loc: Detroit
  • Status: Offline

Message Septembre 10th, 2007, 8:07 pm

Génial! Merci man! Quand j'ai la chance je vais mettre cela en doute, et c'est ce qui im looking for!

Seriez-vous en savoir quelque chose sur le chargement en xml créé dynamiquement des instances qui flottent autour sans toucher l'autre?
  • graphixboy
  • Control + Z
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Juil 11, 2005
  • Messages: 1828
  • Loc: In the Great White North
  • Status: Offline

Message Septembre 12th, 2007, 8:06 am

à peu près tout ce dont vous aurez besoin de connaître XML pour l'utiliser dans Flash via Kirupa.com

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 8 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 92 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC