หน้า: [1] 2 3
 
ผู้เขียน หัวข้อ: แฟลชบันทึกการวาด  (อ่าน 10558 ครั้ง)
0 สมาชิก และ 1 ขาจร กำลังดูหัวข้อนี้
หลายคนคงได้เคยไปเห็นเว็ปที่สามารถวาดรูป แล้วสามารถส่งต่อ replay ไปให้เพื่อนดูได้
อย่าง art.com เค้าใช้แฟลชทำครับ และแฟลชเวลาวาดรูป จะลากเส้นไปจากจุดหนึ่งไปยังจุดหนึ่ง เราจึงเก็บจุด x y
พวกนั้นมาบันทึกเอาไว้ แค่นี้ก็จะสามารถส่งต่อ ไปให้เพื่อนๆดูได้แล้ว


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

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

<a href="http://cracky.exteen.com/images/flash/recDraw.swf" target="_blank">http://cracky.exteen.com/images/flash/recDraw.swf</a>

จากตัวอย่างนี้ ให้ลองใช้เมาส์คลิกแล้ววาด แล้วจึงปล่อยเมาส์ดูครับ ผมใช้วิธีเก็บจุดต่างๆลง อาเรย์ ซึ่งจริงๆเราสามารถส่งต่อไปยัง 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);
}
}
บันทึกการเข้า

นายแน่มาก
บันทึกการเข้า

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

นักเขียนการ์ตูนรายปี
พี่ฮาร์ท  กรี๊ดดดดด
บันทึกการเข้า
จ๋า.... กรี๊ดดดดด
บันทึกการเข้า

สุดยอดครับพี่ฮาร์ท กรี๊ดดดดด
บันทึกการเข้า
มันเก็บอะเรย์เป็นบางจุดแล้วลากต่อกันเหรอคะ
ปล. เจ๋ง กรี๊ดดดดด
บันทึกการเข้า

 ฮิ้ววว

มาบวก ให้ พี่    (อิอิ)

ไงก็อย่าลืม tfd นะครับ 
บันทึกการเข้า

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

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


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

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

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

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

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

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

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


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

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


โฮสติ้งโดเมนไม่กี่บาททำมาหวง
บันทึกการเข้า

ล้ำลึกคนึงหาในดวงจิต ใจเคยคิดตัดสวาทมิอาจสิ้น
ดั่งก้านบัวหักกลางชลาสินธุ์ ผิว่าสิ้นไร้เยื่อยังเหลือใย
หน้า: [1] 2 3
 
 
Powered by MySQL Powered by PHP Powered by SMF 1.1.21 | SMF © 2006-2007, Simple Machines | Thai language by ThaiSMF Valid XHTML 1.0! Valid CSS!