# Tutorials on how to achive the following effects?

**URL:** <https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092>\
**Category:** flash\
**Created:** [October 23, 2002, 5:26pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092 "2002-10-23T17:26:19Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 3:58am UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/21 "2002-10-31T03:58:41Z")

</div>

Yes I do, to tell the pixels where to go to form the letters.

I don’t know how to do it, but I can see how they would be used.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 11:09am UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/22 "2002-10-31T11:09:33Z")

</div>

OK, I’m getting somewhere. This will draw an “I” if you have a 5\*5 square in your library with the linkage name “cell”:

```auto
cellSize=5;

letterI=new Array(
		  [0,1,1,0],
		  [0,1,1,0],
		  [0,1,1,0],
		  [0,1,1,0]);

function displayCell(letter){
	var num,i,j,mc;
	this.createEmptyMovieClip("container",-1);
	for (j=0;j < letter.length;j++){
		for (i=0;i < letter[0].length;i++){
			if (letter[j]*==1){
				mc=container.attachMovie("cell","cell"+num,num);
				mc._x=i*cellSize;
				mc._y=j*cellSize;
				num++;
			}
		}
	}
}

displayCell(letterI);

```

Then “all” you need to do is define the spinning function. 🙂

pom :cowboy:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 2:09pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/23 "2002-10-31T14:09:16Z")

</div>

I hope u guys can figure something out because I’m stumped:-\

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 5:10pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/24 "2002-10-31T17:10:47Z")

</div>

Wow, that is pretty awesome. I now know how to make letters with arrays :beam:

I understand your code, I am just going to study it for a while to make sure I fully get it into my head for later use.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 5:28pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/25 "2002-10-31T17:28:39Z")

</div>

Last update:

```auto
cellSize=5;
radius=20;
damp=.9;

letterI=new Array(
				  [0,1,1,0],
				  [0,1,1,0],
				  [0,1,1,0],
				  [0,1,1,0]);

/ *****************************************************************
Functions:
	- containerRollOver defines the container rollOver
	- displayCell takes an array in parameter and draws the letter
	- explode makes the dots explode
	- spinningAround makes the final spin and return to normal
****************************************************************** /
function containerRollOVer(){
	delete this.onRollOver;
	for (var clip in this) this[clip].explode();
}

function displayCell(letter){
	var num,i,j,mc;
	this.createEmptyMovieClip("container",-1);
	for (j=0;j < letter.length;j++){
		for (i=0;i < letter[0].length;i++){
			if (letter[j]*==1){
				mc=container.attachMovie("cell","cell"+num,num);
				mc.i=i;
				mc.j=j;
				mc._x=i*cellSize;
				mc._y=j*cellSize;
// mc.onRollOver=explode;
				num++;
			}
		}
	}
	this.container.onRollOver=containerRollOver;
}

MovieClip.prototype.explode=function(){
	start=getTimer();
	this.vx=(Math.random()-.5)*radius;
	this.vy=(Math.random()-.5)*radius;
	this.onEnterFrame=function(){
		this._x+=this.vx;
		this._y+=this.vy;
		this.vx*=damp;
		this.vy*=damp;
		if (getTimer()-start > 2000) this.onEnterFrame=spinningAround;
// if (this.vx < .1 && this.vy < .1) delete this.onEnterFrame;
	}
}

function spinningAround(){
	var diffx=this._x-this.i*cellSize;
	var diffy=this._y-this.j*cellSize;
	this._x-=diffx/7;
	this._y-=diffy/7;
	if (Math.abs(diffx)+Math.abs(diffy) < .1){
		this._x=this.i*cellSize;
		this._y=this.j*cellSize;
		this._parent.onRollOver=containerRollOver;
	}
}

displayCell(letterI);

```

But I don’t know how exactly he made his dots spin ☹ But you get the idea.

pom :cowboy:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 5:34pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/26 "2002-10-31T17:34:47Z")

</div>

OH WOW, that is friggin amazing ilyas.

How do you get it to work with more than 1 letter?

Or to work with a string that you define through AS?

Sorry if that is too much…lol, I am learning so much right now, this is great.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 5:44pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/27 "2002-10-31T17:44:01Z")

</div>

I guess you’d have to define all the letters like I did with the I by hand. ☹ (see the array? 1 is black, 0 is white).

pom :cowboy:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 5:47pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/28 "2002-10-31T17:47:05Z")

</div>

I figured that, but when I try and draw the other letter, it doesn’t draw. I can only draw one letter at a time :-\

Do I have to define a new displaycell function for all the letters?

PS: I was close to the rotation thing, but it was one of those close but no cigar deals. I could get it to rotate, but with the code I came up with I realized there was no way to get it back to the original spot. At least that I could figure out.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 6:01pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/29 "2002-10-31T18:01:14Z")

</div>

That’s because I create the container clip at the same depth all the time. Change it into an incrementing variable and I think it should work.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 6:04pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/30 "2002-10-31T18:04:48Z")

</div>

Nope :-\ doesn’t seem to work.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 6:23pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/31 "2002-10-31T18:23:33Z")

</div>

omgosh … so over my head

i wish there was a \*\*\*\* school somewhere that could teach you stuff like this.

i guess after i finish this degree i should get another one in comp sci so i can learn to code. maybe then this stuff would make more sense.

its easy for me as a designer to discount the validity of a lot of nifty tricks out there b/c they serve no purpose and honestly aren’t designed that well. but this guy that did the orisinal site and a few other choice designers are the ones that inspire me. they find effective uses and apply good design to nifty code.

_sigh_ i want to learn but i think i’m too thick headed to do it on my own.

pft.

i will figure it out!

ok i’m done 🙂 _shrug_ back to work

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 6:23pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/32 "2002-10-31T18:23:39Z")

</div>

Hrmm, I am suppose I am to duplicate the movie clip “container” and move the new duplicate to a new (x,y)… now to work on that… :-\ 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 6:24pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/33 "2002-10-31T18:24:19Z")

</div>

I’m starting to understand but it is hard to learn when I don’t have flash at work. This weekend i’m going to try this out though. I think I should do some array tuts first though. I haven’t used one in about 2 years and I need to brush up on them a little.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 7:35pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/34 "2002-10-31T19:35:30Z")

</div>

> \*Originally posted by lostinbeta \*  
> \*\*Hrmm, I am suppose I am to duplicate the movie clip “container” and move the new duplicate to a new (x,y)… now to work on that… :-\ 🙂 \*\*  
> Hmmm?? :q:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 8:15pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/35 "2002-10-31T20:15:19Z")

</div>

So u guys had never seen that site before? It was easy to find. It is top of the list on google when u search for “flash games”. I would like to know who he is and what he does for a living. That site seems to be a hobby. He doesn’t have any portfolio work there. I would like to see some more web design work form him:-\

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 8:24pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/36 "2002-10-31T20:24:02Z")

</div>

Nope, I have never seen it before, and I never looked for flash games in google.

I don’t play too many games online so if I were to I would just go to newgrounds, shockwave, or whatever.

Hrmmm, I can’t seem to get this thing to work for more than 1 letter, so I can make like a word.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 8:27pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/37 "2002-10-31T20:27:42Z")

</div>

> \*Originally posted by lostinbeta \*  
> \*\*And look at this one…

[http://www.ferryhalim.com/orisinal/text/pixels1.htm](http://www.ferryhalim.com/orisinal/text/pixels1.htm)

It is actually done with tiny images!!! \*\*

what a loser… i mean sure its cool… but how much time does he have on his hands???

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 8:30pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/38 "2002-10-31T20:30:04Z")

</div>

Um, some people do this for a living… this might be him.

Also, when you get good enough at it, you can create things like that in like 5-10 minutes.

Who knows if he has been using Flash since like Version 1 and knows everything about it.

I don’t think being able to create such cool things is being a loser, it is having talent.

[edit]if you check out [http://www.ferryhalim.com](http://www.ferryhalim.com) you can see his portfolio, and he does Flash Games for major sites [/edit]

His site says you need the Flash 4 plugin.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 8:31pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/39 "2002-10-31T20:31:31Z")

</div>

:q: i hope you guys figure it out :-\ you would be sooo cool!!:cool:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 31, 2002, 9:41pm UTC](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092/40 "2002-10-31T21:41:45Z")

</div>

> \*Originally posted by HCLPfan \*  
> \*\*what a loser… i mean sure its cool… but how much time does he have on his hands??? \*\*  
> :cyclops:

[Previous page](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092.md?page=1)

[Next page](https://forum.kirupa.com/t/tutorials-on-how-to-achive-the-following-effects/7092.md?page=3)