# Drawing simulation

**URL:** https://forum.kirupa.com/t/drawing-simulation/22806
**Category:** flash
**Created:** [June 9, 2003, 3:23am UTC](https://forum.kirupa.com/t/drawing-simulation/22806 "2003-06-09T03:23:51Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Felipe\_Bastos](https://avatars.discourse-cdn.com/v4/letter/f/f05b48/32.png) [@Felipe\_Bastos](https://forum.kirupa.com/u/Felipe_Bastos)
#### Post date: [June 9, 2003, 3:23am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/1 "2003-06-09T03:23:51Z")

</div>

I`m workin on a cd-rom project about art analysis, paintings, artists, bla bla.  
It is for a teacher that will use it in his classes.  
[color=red]I need to learn how to simulate a blackboard, that he could click and paint on some parts of the paintings.[/color]  
Does anyone know a tutorial about that?

:thumb:

---

<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: [June 9, 2003, 3:27am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/2 "2003-06-09T03:27:52Z")

</div>

You mean like this

[http://www.kirupa.com/developer/actionscript/drawingboard.htm](http://www.kirupa.com/developer/actionscript/drawingboard.htm)

??

:-\

---

<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: [June 9, 2003, 3:42am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/3 "2003-06-09T03:42:11Z")

</div>

or this…?

[http://www.umbc.edu/interactive/fla/colorme.swf](http://www.umbc.edu/interactive/fla/colorme.swf)  
[http://www.umbc.edu/interactive/fla/colorme.fla](http://www.umbc.edu/interactive/fla/colorme.fla)

^^ senocular’s… 🙂

---

<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: [June 9, 2003, 3:54am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/4 "2003-06-09T03:54:20Z")

</div>

perfect! 🙂  
I didnt look for it at Kirupa!  
Thanks

---

<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: [June 9, 2003, 3:55am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/5 "2003-06-09T03:55:43Z")

</div>

> \*Originally posted by Felipe Bastos \*  
> \*\*perfect! 🙂  
> I didnt look for it at Kirupa!  
> Thanks \*\*

:!: :!: :!:

You didn’t look for it at Kirupa!!!

:!: :!: :!:

[size=1]::stares gazingly down at my footer[/size]

😛 hehehe

---

<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: [June 9, 2003, 4:02am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/6 "2003-06-09T04:02:39Z")

</div>

Thanks also to ahmed!  
This will be also usefull!  
:):)🙂

---

<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: [June 9, 2003, 4:27am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/7 "2003-06-09T04:27:58Z")

</div>

How can I set limits?  
top 20  
bottom 400  
left 0  
right 420

---

<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: [June 9, 2003, 4:33am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/8 "2003-06-09T04:33:36Z")

</div>

here’s how i did a while back:

```auto

	this.onEnterFrame = function() {
		if (_xmouse>271) {
			lineTo(271, _ymouse);
		} else if (_xmouse<30) {
			lineTo(30, _ymouse);
		} else if (_ymouse<45) {
			lineTo(_xmouse, 45);
		} else if (_ymouse>225) {
			lineTo(_xmouse, 225);
		} else {
			lineTo(_xmouse, _ymouse);
		}

	};

```

🙂  
there might be a better way though… im not really sure

---

<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: [June 9, 2003, 4:35am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/9 "2003-06-09T04:35:47Z")

</div>

You are pretty fast!  
zooooooooooooooooooooom  
Thanks :thumb:

---

<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: [June 9, 2003, 4:37am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/10 "2003-06-09T04:37:21Z")

</div>

😉

---

<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: [June 9, 2003, 4:40am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/11 "2003-06-09T04:40:35Z")

</div>

You could also try setMask if you wanted to…

Add this after \_root.createEmptyMovieClip(“line”, 1);

[AS]\_root.createEmptyMovieClip(“mask”, 2);  
mask.beginFill(0x000000, 100);  
mask.moveTo(20, 0);  
mask.lineTo(20, 420);  
mask.lineTo(400, 420);  
mask.lineTo(400, 0);  
line.setMask(mask);[/AS]

I didn’t test it, but yeah…lol.

---

<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: [June 9, 2003, 4:40am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/12 "2003-06-09T04:40:35Z")

</div>

Hey ahmed!  
Would u mind sharing your knowlogy and tell me how to use cookies like u do with … your thing to draw, I forgot the name of this thing!??  
🙂

---

<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: [June 9, 2003, 4:43am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/13 "2003-06-09T04:43:53Z")

</div>

hey lost, i think you’re way’s way better (doesn’t have to go through 4 if’s) … 🙂

and… here’s a tutorial on [shared objects: flash mx cookies](http://www.kirupa.com/developer/mx/sharedobjects.htm) 🙂

---

<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: [June 9, 2003, 4:48am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/14 "2003-06-09T04:48:55Z")

</div>

Thanks again ahmed  
My boss will love this!

---

<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: [June 9, 2003, 4:49am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/15 "2003-06-09T04:49:59Z")

</div>

ahmed: I honestly don’t know which method is better, yours has to go through 4 if statements, but mine still draws content outside of the border, which still uses up resources.

So hmmm.

---

<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: [June 9, 2003, 4:56am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/16 "2003-06-09T04:56:06Z")

</div>

The mask did not 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: [June 9, 2003, 4:59am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/17 "2003-06-09T04:59:40Z")

</div>

> \*Originally posted by lostinbeta \*  
> \*\*ahmed: I honestly don’t know which method is better, yours has to go through 4 if statements, but mine still draws content outside of the border, which still uses up resources.

So hmmm. \*\*

hmmmm…

> \*Originally posted by Felipe Bastos \*  
> \*\*The mask did not work!  
> ☹ \*\*  
> it does work, but you will have to draw within a movieclip called ‘line’

```auto
createEmptyMovieClip("line", ++depth)
createEmptyMovieClip("mask", ++depth)
mask.beginFill(0x000000, 100);
mask.moveTo(20, 0);
mask.lineTo(20, 420);
mask.lineTo(400, 420);
mask.lineTo(400, 0);
line.setMask(mask);
line.lineStyle(0)
line.onMouseDown = function() {
this.moveTo(_xmouse, _ymouse)
this.onEnterFrame = function() {
this.lineTo(_xmouse, _ymouse)
}
}
line.onMouseUp = function() {
delete this.onEnterFrame
}

```

or something like 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: [June 9, 2003, 5:18am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/18 "2003-06-09T05:18:56Z")

</div>

A black background is created and it does not work as a mask!

---

<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: [June 9, 2003, 5:21am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/19 "2003-06-09T05:21:17Z")

</div>

It worked for me…

I did this…

[AS]// 1. SETTING THINGS  
\_root.createEmptyMovieClip(“line”,1);  
\_root.createEmptyMovieClip(“mask”, 2);  
mask.beginFill(0x000000, 100);  
mask.moveTo(20, 0);  
mask.lineTo(20, 420);  
mask.lineTo(400, 420);  
mask.lineTo(400, 0);  
line.setMask(mask);  
// 2. EVENTS IN \_ROOT:  
\_root.onMouseDown = function(){  
line.moveTo(\_xmouse,\_ymouse);  
line.lineStyle(2,0x000000,100);  
this.onMouseMove = function(){  
line.lineTo(\_xmouse,\_ymouse);  
updateAfterEvent();  
}  
}  
\_root.onMouseUp = function(){  
this.onMouseMove = null;  
}[/AS]

ahmeds method created 2 clips on the same level, you can’t do that, the new one overwrites the old one.

---

<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: [June 9, 2003, 5:21am UTC](https://forum.kirupa.com/t/drawing-simulation/22806/20 "2003-06-09T05:21:43Z")

</div>

im sure it works, just tried it 🙂

[http://24.141.60.208/draw\_thingie.fla](http://24.141.60.208/draw_thingie.fla)

[Next page](https://forum.kirupa.com/t/drawing-simulation/22806.md?page=2)
