Flex :: Creating Simple Live Drawing / White Board Application?
Jul 9, 2010How do I create a simple live drawing board/whiteboard functionality using flash as3, and flash media server 3.5.
View 1 RepliesHow do I create a simple live drawing board/whiteboard functionality using flash as3, and flash media server 3.5.
View 1 RepliesI want to develop a white board application using flex.. Can anyone tell what are the requirements and how to develop it. My plan is to develop online class room. There should be text chat, video chat, voice chat, save current class and so on.
View 1 RepliesHow do I create a simple drawing board/whiteboard functionality in Flex ?
View 2 RepliesI have to create a white board in Flash Action Script 3.. I'm unable to create the text box property in the white box. When i open the swf i need a text box property with whch i can create a text box field where ever the user wishes.
View 2 RepliesI Created a white Board in Big Blue Button.In that white board i created a text Field.. Now i want to Share the Text Field.
View 1 RepliesI'm building a simple white board app in ActionScript 3. Most white board or painting apps in ActionScript tend to use an interval, timer, mouseMove event, or enterFrame event to track the mouse position and paint lines or brushes in between the tracked points.
What I'm trying to achieve is the nice smooth painted line that a program like Photoshop can render while painting with the brush tool. In Photoshop, no matter how fast you move the mouse around the canvas, the painted lines always end up with a nice smooth curved edge. In my app, using any of the methods mentioned prior, there is always latency between the function calls that render the brush to the stage. Thus, using any of those techniques can result in a sharp cornered line when moving the mouse very quickly in a circular manner.
This is no surprise to me, I just have no idea how I could achieve a smoother line like Photoshop's brush tool. Mind you, the brushes for my app are mostly based on shapes and do not or cannot use the drawing API to draw continues lines. In other words, graphics.curveTo() is not an option. I am also rendering the Sprites or Shapes generated by the brushes to a BitmapData instance.
I found this tut http:[url]...and wat i want to do is have thing like Flash.I know how to make the lines thicker but i need when you click the button the lines turn thicker like the As changes.
View 9 RepliesUpon hoping to the frame with the drawing board actionscript on it, i've successfully created the erase button to remove all the drawings made, but then i also have a 'HOME' button that takes me back home. BUT the drawing board actionscript is still active even on the HOME frame. +On the home button i've added in the clear(); function to also remove the drawing. Either way this still does not remove the drawing board actionscript. How do I completely disable the drawing board actionscript upon clicking home? but still be able to reactivate it when I'm on the frame again.
[Code]...
This code is from a drawing board, the problem is:
1- When you click outside the drawing area, a dot is drawn (thus you cant click anything except inside drawing area because it will result in undesired dots)
2- When you drag outside the drawing area the dot is drawn (bad), the pencil doesn't draw (good), but if you drag until reaching the drawing area draws (undesired, because it should only draw when you started to drag from inside the drawing area) how to tweak the code or simple add a "deselect" tool option ? That's a link to the fla file ziped, and that's the code of the drawing board: [URL]
Code:
_root.P = 0;
_root.level = 1000;
_root.tmpx = -1;
[code]...
I'm making a drawing board and i want users to be able to press colors on my swf to be able to change the colour of the pen how can i do this?
if you dont know what i mean just check a paint package out and look at how you chose your colour thats what i want to do?
i'm currently devolping a drawing board out of flash but i was wondering instead of erasing all the pen lines drawn just the last pen line drawn,im using kirupa drawing board tut for the all erase just stuck to gewt the last line erase done
View 9 Replies(MX2004)I have made a 'whiteboard', users can draw on it, change width of pen, clear it.
I need to:
1. allow users to add text as well as lines
2. allow them to add a circle or a square
3. clear last stroke/shape
4. save the drawing
5. email it or print it
I used Kirupa's drawing board tutorial, but when I finished making the flash file I wondered if there was a way to limit where the viewer can draw. For example, on his tutorial he shows you how to create an easy erase button. Well, what if I don't want the viewer to be able to draw on the button. Is there a way to specify the area that you want the viewer to be able to draw on? I tried making the space a movie clip and just adding the actionscript to the movieclip, but when I placed the movie clip inside a bigger flash file it wouldn't let me draw at all. I thought making it a movie clip would then limit the drawable area. Did I do a good enough job explaining my problem? I just want to be able to limit where the viewer can draw, so that the viewer can't get wild and draw all over the buttons and controls.
View 1 RepliesI have put a drawing board on my application, but I cannot figure out how to get a colour selector..? Another problem with this, is that when the page is selected I can draw out of the board, and also when I navigate to another page I can continue to draw on other pages (not good!)...
Heres the script:
this.createEmptyMovieClip("drawing_mc",this.getNex tHighestDepth());
this.onMouseDown = function() {
drawing_mc.lineStyle(10,0x000000);
drawing_mc.moveTo(_xmouse,_ymouse);
onMouseMove = function() {
drawing_mc.lineTo(_xmouse,_ymouse);
}} this.onMouseUp = function() {
onMouseMove = noLine;
}
This code is from a drawing board, the problem is:
1- When you click outside the drawing area, a dot is drawn (thus you cant click anything except inside drawing area because it will result in undesired dots)
2- When you drag outside the drawing area the dot is drawn (bad), the pencil doesn't draw (good), but if you drag until reaching the drawing area draws (undesired, because it should only draw when you started to drag from inside the drawing area)[code]...
im making a drawing board and i want users to be able to press colours on my swf to be able to change the colour of the pen how can i do this? if you dont know what i mean just check a paint package out and look at how you chose your colour thats what i want to do?
View 9 Repliesin a flash drawing board... how do i get it to change color of the pen... i know how to draw.... but not how to change color
View 3 RepliesIs there a drawing board in Flash Professional CS 5.5 installed or an extension? I want to use it to display a text string, and the user would be able to draw above the text. For example I could display a question and the user would be able to circle the right answer. Is it possible?
View 1 RepliesI need to know how to script the drawing board as in the user can only draw on a specified area. For example, on a 800x600 layout, only 1/4 of it is the drawing board.After the user has drawn the image, when he/she clicks on a button, the image will be replicated on another area in the same 800x600 space. So far, I can only manage to make a drawing board on the whole 800x600 space and erasing.
View 2 Replieshow to create a live message board in flash php and mysql databases what i want to do is for users to be abel to post messages in forum style , with title message and so on , and for them to be listed out on a page ( not more complicated than that, no different topics or anything) and i want flash to check if there are any new posts ever like 10 seconds
View 1 Replieshow to create a live message board in flash php and mysql databases
what i want to do is for users to be abel to post messages in forum style , with title message and so on , and for them to be listed out on a page ( not more complicated than that, no different topics or anything) and i want flash to check if there are any new posts ever like 10 seconds
This time round i need to get the pattern drawn on the drawing board to be repeated on another area of the stage.I need it to be repeated 4x4 tile.
View 1 RepliesI wonder which component to extend in Flex 3 in order to make a drawing stage.
View 1 Repliesi am trying to make a drawing board(like colouring book) where when i click and MOVE THE MOUSE it colours the object(more like a brush and not as a paint bucket)i would like to know how to colour objects individually(without coloring background) and the most IMPORTANT is there any way to detect what percentage of object had been colored(like if 100% of object coloured something happens!)
View 2 RepliesI'm trying to create a very simple chat application in Flex/.Net using FluorineFX but can't get it to work.
<mx:VBox
width="100%"
height="100%"
xmlns:mx="http://www.adobe.com/2006/mxml">
[code]...
It's compiling all fine, and when I try to send I don't get any errors, but also no result. No message is received. Am I on the right path? What's the logic behind the endpoint uri? What port should I use? Should I configurate Web.config? (beyond the flourinefx configs that enable RemotingService?) I don't get any response in the flourine.log.
I want to use vkontakte's new wrapper feature, that enhances your application abilities by running under SWF wrapper. This is a sample application that uses this mechanism. It uses pure action script to display it's contents rather than an mx:Application.
Using the wrapper on my mx:Application failed due to the following error:
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at mx.managers::FocusManager/activate()[C:autobuildgalagaframeworksprojectsframeworksrcmxmanagersFocusManager.as:702]
at mx.managers::SystemManager/activateForm()[C:autobuildgalagaframeworksprojectsframeworksrcmxmanagersSystemManager.as:2493]
at mx.managers::SystemManager/activate()
[Code]...
Unfortunately - it also failed, and the question remains, how to start Application from a simple AS file?
Maybe it is a bad habbit which still i have from Flash Professional, but : I am trying to add a simple Sprite or/and Bitmap on just created, empty application, and it just not hapening.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code].....
i want to make a editable board, that i can drag and drop activites into,i'm having difficulty doing it, the instructions are provided in the attached fla
View 1 Repliesi want to make a editable board, that i can drag and drop activites into,i'm having difficulty doing it, the instructions are provided in the attached fla.
View 1 RepliesI'm trying to create a custom component which displays a red rectangle in the middle with the following Flex Mobile project for Android (in Flash Builder 4.5 Burrito) -
MyComp.mxml (has no errors):
<?xml version="1.0" encoding="utf-8"?>
<components:MobileApplication
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code].....
even though I have added c:Program FilesAdobeAdobe Flash Builder Burritosdks4.5.0frameworkslibsmxmx.swc to Flex Build Path (by clicking "Add SWC" button in the project properties dialog).
PS: Power Stackoverflow-users, consider adding a tag for Android-AIR or Flex-Hero or maybe Flex-Mobile