แฟลชบันทึกการวาด

เริ่มโพสต์โดย heart, 22 พ.ย. 2006, 14:09 น.

0 สมาชิก และ 1 บุคคลทั่วไป กำลังเปิดอ่านโพสต์นี้

heart

หลายคนคงได้เคยไปเห็นเว็ปที่สามารถวาดรูป แล้วสามารถส่งต่อ replay ไปให้เพื่อนดูได้
อย่าง art.com เค้าใช้แฟลชทำครับ และแฟลชเวลาวาดรูป จะลากเส้นไปจากจุดหนึ่งไปยังจุดหนึ่ง เราจึงเก็บจุด x y
พวกนั้นมาบันทึกเอาไว้ แค่นี้ก็จะสามารถส่งต่อ ไปให้เพื่อนๆดูได้แล้ว


จากตัวอย่างนี้ ให้ลองใช้เมาส์คลิกแล้ววาด แล้วจึงปล่อยเมาส์ดูครับ ผมใช้วิธีเก็บจุดต่างๆลง อาเรย์ ซึ่งจริงๆเราสามารถส่งต่อไปยัง php ให้เซฟลง DB ก็ได้อีกต่างหาก

โค้ดของแฟลชตัวนี้ครับ copy ไปวางแล้วรันได้เลย สำหรับแฟลช8เท่านั้นนะครับ

http://cracky.exteen.com/images/flash/recDraw.swf

จากตัวอย่างนี้ ให้ลองใช้เมาส์คลิกแล้ววาด แล้วจึงปล่อยเมาส์ดูครับ ผมใช้วิธีเก็บจุดต่างๆลง อาเรย์ ซึ่งจริงๆเราสามารถส่งต่อไปยัง php ให้เซฟลง DB ก็ได้อีกต่างหาก

โค้ดของแฟลชตัวนี้ครับ copy ไปวางแล้วรันได้เลย สำหรับแฟลช8เท่านั้นนะครับ

this.createEmptyMovieClip("canvas_mc", this.getNextHighestDepth());
var mouseListener:Object = new Object();
mouseListener.onMouseDown = function() {
canvas_mc.clear();
rec = new Array();
this.isDrawing = true;
canvas_mc.lineStyle(2, 0xFF0000, 100);
canvas_mc.moveTo(_xmouse, _ymouse);
};
mouseListener.onMouseMove = function() {
if (this.isDrawing) {
px = _xmouse;
py = _ymouse;
canvas_mc.lineTo(px, py);
rec.push(px+','+py);
}
updateAfterEvent();
};
mouseListener.onMouseUp = function() {
count = 0;
this.isDrawing = false;
canvas_mc.clear();
canvas_mc.lineStyle(2, 0xFF6666, 100);
temp = rec[count++].split(',');
canvas_mc.moveTo(temp[0], temp[1]);
delete temp;
inv = setInterval(drawLine,12);
};
Mouse.addListener(mouseListener);
function drawLine() {
if (count<=rec.length-1) {
temp = rec[count++].split(',');
canvas_mc.lineTo(temp[0], temp[1]);
delete temp;
} else {
clearInterval(inv);
}
}

Dayight

กินรอบวง

dekdom


Layiji

ว่าง ๆ ช่วยปล่อยความรู้ Action Script ที่ห้องสอนคอมทีสิครับ
นักเขียนการ์ตูนรายปี

เต่ามาก


heart


saa3

สุดยอดครับพี่ฮาร์ท :25:

B o o k

มันเก็บอะเรย์เป็นบางจุดแล้วลากต่อกันเหรอคะ
ปล. เจ๋ง :25:

จักรี

 :42:

มาบวก ให้ พี่    :43:

ไงก็อย่าลืม tfd นะครับ 
ล้ำลึกคนึงหาในดวงจิต ใจเคยคิดตัดสวาทมิอาจสิ้น
ดั่งก้านบัวหักกลางชลาสินธุ์ ผิว่าสิ้นไร้เยื่อยังเหลือใย

heart

อ้างคำพูดจาก: B••k เมื่อ 22 พ.ย. 2006, 21:19 น.
มันเก็บอะเรย์เป็นบางจุดแล้วลากต่อกันเหรอคะ
ปล. เจ๋ง :25:

ไม่ได้เก็บบางจุดครับ เก็บทุกจุดเลย ที่เมาส์ลาก แล้ว วาด ไป


อ้างอิงไงก็อย่าลืม tfd นะครับ
กลางวันเข้า TFD ไม่ได้หงะ

B o o k

เห็นตอนมันลากตาม มันจะเป็นคล้ายๆ เส้นตรงตต่อๆ กันน่ะ
บางทีอาจจะเป็นตั้งแต่ตอนลากเองก็ได้

iannnnn

มีแบบบันทึกเสียงได้ไหมครับ
เห็นที่ http://www.kirupa.com/developer/actionscript/microphone.htm เขาสอนไว้
แต่เอามาลองก็ไม่เห็นจะเวิร์กเลย :09:

heart

อ้างคำพูดจาก: iannnnn เมื่อ 22 พ.ย. 2006, 23:30 น.
มีแบบบันทึกเสียงได้ไหมครับ
เห็นที่ http://www.kirupa.com/developer/actionscript/microphone.htm เขาสอนไว้
แต่เอามาลองก็ไม่เห็นจะเวิร์กเลย :09:

อ๋อ ที่ kirupa นั่นไม่ใช่การบันทึกเสียงครับ
เป็นการแสดง activity level ของไมค์ พูดดัง รูปวงกลมก็ ขยับ แรง

บันทึกเสียงเคยเห็นแต่ใน Flash comunication server นะครับ ส่วนแฟลชเพียวๆไม่แน่ใจ(คิดว่าไม่ได้ ไม่งั้นคงทำกันตูมแล้วแหละ)

iannnnn

อ้ะ นั่นแหละๆ คือเวลาพูดแล้วให้มันมีการโต้ตอบกับเราก็พอ
ไม่รู้เป็นที่เครื่องนี้ (หมาย่าง) หรือว่าเป็นที่โค้ดนะ พอรันแล้วเสียงมันลูปจนเจ๊งเละเทะเลยครับ


ป.ล.เคยเห็นจริงๆ นะ เว็บที่อัดเสียงได้เนี่ย

จักรี

ใช่ครับเวลาไม่จ่ายตังค์  เจ้าของพื้นที่ มันชอบมาอัดผม....


โฮสติ้งโดเมนไม่กี่บาททำมาหวง
ล้ำลึกคนึงหาในดวงจิต ใจเคยคิดตัดสวาทมิอาจสิ้น
ดั่งก้านบัวหักกลางชลาสินธุ์ ผิว่าสิ้นไร้เยื่อยังเหลือใย

SMF 2.1.7 © 2026, Simple Machines