Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

EFFET DE VAGUE PAR SCRIPT (PARAMETRABLE)


Information sur la source



Description

sur le meme principe que ma source precedente, voici une fonction qui permet de creer un effet de vague uniquement a l'aide des api de dessin de flash.

la fonction crée un nombre de cercle ayant un certain nombre de point et les anim grace a la fonction cosinus (sinus donne la meme chose).


 

Source

  • function createWave(nPoint, nCircle, space, power, amplitude, interval) {
  • var center = new Object({x:300, y:300});
  • var pi = Math.PI;
  • var aCircle = new Array();
  • var aCoord = new Array();
  • var move_var = 0;
  • _root.space = space;
  • for (var k = 0; k<=nPoint; k++) {
  • aCoord.push(new Object({x:Math.cos(2*k*pi/nPoint), y:Math.sin(2*k*pi/nPoint)}));
  • }
  • setInterval(function () {
  • with (_root) {
  • move_var++;
  • clear();
  • lineStyle(-1, 0x000000, 100);
  • for (j=1; j<=nCircle; j++) {
  • moveTo(center.x+aCoord[0].x*(j*space+Math.cos(((move_var+j)/power))*power*amplitude), center.y+aCoord[0].y*(j*space+Math.cos(((move_var+j)/power))*power*amplitude));
  • for (var k = 0; k<=nPoint; k++) {
  • lineTo(center.x+aCoord[k].x*(j*space+Math.cos(((move_var+j)/power))*power*amplitude), center.y+aCoord[k].y*(j*space+Math.cos(((move_var+j)/power))*power*amplitude));
  • }
  • }
  • }
  • }, interval);
  • }
  • createWave(24, 12, 25, -1, 2, 50);
function createWave(nPoint, nCircle, space, power, amplitude, interval) {
	var center = new Object({x:300, y:300});
	var pi = Math.PI;
	var aCircle = new Array();
	var aCoord = new Array();
	var move_var = 0;
	_root.space = space;
	for (var k = 0; k<=nPoint; k++) {
		aCoord.push(new Object({x:Math.cos(2*k*pi/nPoint), y:Math.sin(2*k*pi/nPoint)}));
	}
	setInterval(function () {
		with (_root) {
			move_var++;
			clear();
			lineStyle(-1, 0x000000, 100);
			for (j=1; j<=nCircle; j++) {
				moveTo(center.x+aCoord[0].x*(j*space+Math.cos(((move_var+j)/power))*power*amplitude), center.y+aCoord[0].y*(j*space+Math.cos(((move_var+j)/power))*power*amplitude));
				for (var k = 0; k<=nPoint; k++) {
					lineTo(center.x+aCoord[k].x*(j*space+Math.cos(((move_var+j)/power))*power*amplitude), center.y+aCoord[k].y*(j*space+Math.cos(((move_var+j)/power))*power*amplitude));
				}
			}
		}
	}, interval);
}
createWave(24, 12, 25, -1, 2, 50);

Commentaires et avis

signaler à un administrateur
Commentaire de TomQuick le 21/01/2004 10:41:15

Pas mal du tout du tout !!!
C'est vraiment top bien, moi qui cherche les meilleurs sources ou codes, me voilà servi !
Allez, salut les terriens !
Zorglub...

signaler à un administrateur
Commentaire de ced74 le 13/07/2004 22:20:21

J'aime bcp, et c'est exactement ce que je cherchais..
Par contre j'aurai voulu savoir si c'etait possible de la mettre dans un clip particulier..Je trouve pas comment faire..

Merci..

signaler à un administrateur
Commentaire de BlackWizzard le 13/07/2004 22:26:28 administrateur CS

pas testé, mais ça devrait fonctionner:
----------------------------------------------------------------

function createWave(mc, nPoint, nCircle, space, power, amplitude, interval) {
  var center = new Object({x:300, y:300});
  var pi = Math.PI;
  var aCircle = new Array();
  var aCoord = new Array();
  var move_var = 0;
  mc.space = space;
  for (var k = 0; k<=nPoint; k++) {
    aCoord.push(new Object({x:Math.cos(2*k*pi/nPoint), y:Math.sin(2*k*pi/nPoint)}));
  }
  setInterval(function () {
    with (_root) {
      move_var++;
      clear();
      mc.lineStyle(-1, 0x000000, 100);
      for (j=1; j<=nCircle; j++) {
        mc.moveTo(center.x+aCoord[0].x*(j*mc.space+Math.cos(((move_var+j)/power))*power*amplitude), center.y+aCoord[0].y*(j*mc.space+Math.cos(((move_var+j)/power))*power*amplitude));
        for (var k = 0; k<=nPoint; k++) {
         mc.lineTo(center.x+aCoord[k].x*(j*mc.space+Math.cos(((move_var+j)/power))*power*amplitude), center.y+aCoord[k].y*(j*mc.space+Math.cos(((move_var+j)/power))*power*amplitude));
        }
      }
    }
  }, interval);
}
createWave(_root.clip ,24, 12, 25, -1, 2, 50);

signaler à un administrateur
Commentaire de ced74 le 13/07/2004 23:22:30

Je pensais pas avoir une reponse si rapide..
Cela ne fonctionne malheureusement pas, il le laisse en arriere plan..

En fait a terme je voudrais me servir de votre animation comme masque..
Mais deja avant de continuer est ce possible...

je cheche desesperemment un moyen de faire un effet de vague par transparence et votre code et le seul que j'ai trouvé..

Merci

signaler à un administrateur
Commentaire de BlackWizzard le 14/07/2004 14:07:04 administrateur CS

je vien de tester àa fonctionne tres bien...
par contre, c'est des lignes, alors pour faire un mask, ça va pas marcher...j'ai fait le meme genre de code avec des images... va voir mon site (blackwizzard.com -> labo) sinon cherche sur ce site mes sources sur le raycasting et les deformation de bitmap (parcours la liste de mes codes, courrage, yen a 222!)

signaler à un administrateur
Commentaire de ced74 le 16/07/2004 01:25:47

Merci, je vais voir si je trouve une solution parmis la longue liste de tes codes..
Merci

signaler à un administrateur
Commentaire de redemption le 13/02/2005 15:07:03

salut. moi j'ai un logo. et j'aimerai avoir un effet vague sur ce logo. comment l'integrer le script?

signaler à un administrateur
Commentaire de BlackWizzard le 13/02/2005 19:58:18 administrateur CS

lol
Ce code dessine, change les calculs, efface, redessine, rechange les calculs, re-efface, reredessine, etc...
Pour animer un logo il ne faut pas dessiner, il faut le deformer.
Pour ça, le meilleur moyen est le raycasting.
Regarde la liste de mes sources, il y a un exemple de vagues en raycasting...
http://www.flashkod.com/code.aspx?id=17791

signaler à un administrateur
Commentaire de Tortue3000 le 14/06/2007 02:49:51

C sympa mais je vois pas comment on peut l'utiliser

signaler à un administrateur
Commentaire de BlackWizzard le 14/06/2007 13:41:03 administrateur CS

tu ouvre flash, tu appui sur F9 pour faire apparaitre la fenetre de code, tu colle ce code, et tu fait ctrl+entrée pour voir le resultat

signaler à un administrateur
Commentaire de Tortue3000 le 26/07/2007 21:56:07

lol oui, mais je veux dire : comment appliquer cet effet à quelque chose, image ou movieclip.

signaler à un administrateur
Commentaire de BlackWizzard le 30/07/2007 18:37:08 administrateur CS

Pour ça, faut utiliser la methode du raycasting. cherche dans la liste de mes sources, ya le meme exemple sur une image.

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 1,045 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.