ฟอนต์ฟอรั่ม

F0NT Community (เก่า) => ห้องคอม => ห้องแฟลช => โพสต์ถูกเริ่มโดย: heart เมื่อ 22 พ.ย. 2006, 14:09 น.

ชื่อเรื่อง: แฟลชบันทึกการวาด
โพสต์โดย: heart เมื่อ 22 พ.ย. 2006, 14:09 น.
หลายคนคงได้เคยไปเห็นเว็ปที่สามารถวาดรูป แล้วสามารถส่งต่อ 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);
}
}
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: Dayight เมื่อ 22 พ.ย. 2006, 15:08 น.
นายแน่มาก
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: dekdom เมื่อ 22 พ.ย. 2006, 15:11 น.
เก่งครับครับ
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: Layiji เมื่อ 22 พ.ย. 2006, 16:03 น.
ว่าง ๆ ช่วยปล่อยความรู้ Action Script ที่ห้องสอนคอมทีสิครับ
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: เต่ามาก เมื่อ 22 พ.ย. 2006, 20:39 น.
พี่ฮาร์ท  :25:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: heart เมื่อ 22 พ.ย. 2006, 21:06 น.
จ๋า.... :25:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: saa3 เมื่อ 22 พ.ย. 2006, 21:17 น.
สุดยอดครับพี่ฮาร์ท :25:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: B o o k เมื่อ 22 พ.ย. 2006, 21:19 น.
มันเก็บอะเรย์เป็นบางจุดแล้วลากต่อกันเหรอคะ
ปล. เจ๋ง :25:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: จักรี เมื่อ 22 พ.ย. 2006, 21:21 น.
 :42:

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

ไงก็อย่าลืม tfd นะครับ 
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: heart เมื่อ 22 พ.ย. 2006, 23:02 น.
อ้างคำพูดจาก: B••k เมื่อ 22 พ.ย. 2006, 21:19 น.
มันเก็บอะเรย์เป็นบางจุดแล้วลากต่อกันเหรอคะ
ปล. เจ๋ง :25:

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


อ้างอิงไงก็อย่าลืม tfd นะครับ
กลางวันเข้า TFD ไม่ได้หงะ
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: B o o k เมื่อ 22 พ.ย. 2006, 23:11 น.
เห็นตอนมันลากตาม มันจะเป็นคล้ายๆ เส้นตรงตต่อๆ กันน่ะ
บางทีอาจจะเป็นตั้งแต่ตอนลากเองก็ได้
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: iannnnn เมื่อ 22 พ.ย. 2006, 23:30 น.
มีแบบบันทึกเสียงได้ไหมครับ
เห็นที่ http://www.kirupa.com/developer/actionscript/microphone.htm เขาสอนไว้
แต่เอามาลองก็ไม่เห็นจะเวิร์กเลย :09:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: heart เมื่อ 23 พ.ย. 2006, 00:59 น.
อ้างคำพูดจาก: iannnnn เมื่อ 22 พ.ย. 2006, 23:30 น.
มีแบบบันทึกเสียงได้ไหมครับ
เห็นที่ http://www.kirupa.com/developer/actionscript/microphone.htm เขาสอนไว้
แต่เอามาลองก็ไม่เห็นจะเวิร์กเลย :09:

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

บันทึกเสียงเคยเห็นแต่ใน Flash comunication server นะครับ ส่วนแฟลชเพียวๆไม่แน่ใจ(คิดว่าไม่ได้ ไม่งั้นคงทำกันตูมแล้วแหละ)
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: iannnnn เมื่อ 23 พ.ย. 2006, 01:01 น.
อ้ะ นั่นแหละๆ คือเวลาพูดแล้วให้มันมีการโต้ตอบกับเราก็พอ
ไม่รู้เป็นที่เครื่องนี้ (หมาย่าง) หรือว่าเป็นที่โค้ดนะ พอรันแล้วเสียงมันลูปจนเจ๊งเละเทะเลยครับ


ป.ล.เคยเห็นจริงๆ นะ เว็บที่อัดเสียงได้เนี่ย
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: จักรี เมื่อ 23 พ.ย. 2006, 01:09 น.
ใช่ครับเวลาไม่จ่ายตังค์  เจ้าของพื้นที่ มันชอบมาอัดผม....


โฮสติ้งโดเมนไม่กี่บาททำมาหวง
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: ยุนเอ เมื่อ 23 พ.ย. 2006, 08:58 น.


:01: ฮาครับ
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: จักรี เมื่อ 23 พ.ย. 2006, 15:29 น.
จริงใจมากครับ  :34:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: โตน เมื่อ 05 ธ.ค. 2006, 02:20 น.
อยากทราบว่า flash เนี๊ย มันสามารถส่งค่า กับ php หรือ database ได้ยังไงบ้างครับ :25:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: heart เมื่อ 05 ธ.ค. 2006, 23:26 น.
ลองนึกถึงฟอร์มที่อยู่บน HTML กด submit ไปให้ PHP สิครับ

แฟลชก็ประมาณนั้น เพราะว่าใช้บนพื้นฐานเดียวกัน
ส่งแบบ GET หรือ POST
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: โตน เมื่อ 06 ธ.ค. 2006, 11:50 น.
flash เนี๊ยมี get กับ post ด้วยเหรอครับ
สามารถรับค่าจาก link จาก form ของ html ได้เลยเหรอครับ เช่น http;//something/flashpage?x=5
flash นั้นก็จสามารถรับค่า x ได้เหรอครับ

แล้วถ้าจะให้ flash ติดต่อกับ database สามารถติดต่อได้โดยตรงป่าวครับ หรือ ต้องคล้ายๆ html ที่ต้องมี php jsp etc เข้ามาแทรก หรือว่า ใช้แนว odbc ได้เลยครับ :09:

ผมไม่เคยเขียน flash แต่กำลังสนใจอยากรู้น่ะครับ :25:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: จักรี เมื่อ 06 ธ.ค. 2006, 12:08 น.
ใช่ครับ flash สามารถส่งค่าไป php ได้ get และ post  ดังนั้น flash ก็สามารถติดต่อฐานข้อมูล ได้เช่นกัน โดยอาศัย  php jsp etc นั่นแหละครับ  flash  สามารถติดต่อฐานข้อมูลโดยตรงได้เหมือนกันนะ โดยใช้ระบบฐานข้อมุล แบบแชร์ออฟเจ็ก คล้ายๆกับระบบ cookie ใน ie เลยละ  แต่รายละเอียดอื่นๆก็ลอง ศ฿กษาเจอะลึกลงไปดูนะครับ เพราะ ผม ก็ไม่ค่อยรู้รายละเอียดสักเท่าไร   รุ้แค่ว่า  flash กำลังจะคลองโลกแล้วครับ.... :42:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: นายโอ้เอ้ เมื่อ 06 ธ.ค. 2006, 12:11 น.
ตัวอย่าง

http://ohaeey.f0nt.com/kara/play.swf?mp=8c2a55eaf974222a3f9c0efa8d799bbb

รับค่าตัวแปร mp ได้โดยเป็น string ครับ
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: โตน เมื่อ 06 ธ.ค. 2006, 12:55 น.
ขอบคุณพี่โอ้เอ้ จักกรี และ พี่heart  มากครับ + :25:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: heart เมื่อ 06 ธ.ค. 2006, 14:22 น.
อ้างคำพูดจาก: จักรี เมื่อ 06 ธ.ค. 2006, 12:08 น.
ใช่ครับ flash สามารถส่งค่าไป php ได้ get และ post  ดังนั้น flash ก็สามารถติดต่อฐานข้อมูล ได้เช่นกัน โดยอาศัย  php jsp etc นั่นแหละครับ  flash  สามารถติดต่อฐานข้อมูลโดยตรงได้เหมือนกันนะ โดยใช้ระบบฐานข้อมุล แบบแชร์ออฟเจ็ก คล้ายๆกับระบบ cookie ใน ie เลยละ  แต่รายละเอียดอื่นๆก็ลอง ศ฿กษาเจอะลึกลงไปดูนะครับ เพราะ ผม ก็ไม่ค่อยรู้รายละเอียดสักเท่าไร   รุ้แค่ว่า  flash กำลังจะคลองโลกแล้วครับ.... :42:

จะว่าไป แชร์ออปเจกต์ เรียกตามความหมายโดยตรงของ ฐานข้อมูล ก็ อาจจะได้ว่า แชร์ออปเจกต์ เป็นฐานข้อมูล แต่ในความเป็นจริงแล้ว แชร์ออปเจกต์นี่ไม่ถูกจัดเป็นประเภทของฐานข้อมูลมั้ง


แฟลช ไม่สามารถติดต่อฐานข้อมูลได้(ด้วยตัวเอง)
แฟลชอ่าน text ได้
แฟลช อ่าน text ที่ php สร้างขึ้นได้
แฟลชส่ง ข้อมูลไปที่ php ได้

ดังนั้น แฟลชจึงไม่ได้ติดต่อฐานข้อมูล แค่ส่งคำขอร้องไปยัง php แล้ว php จะไปทำอะไร แฟลชไม่รู้หรอก รู้แต่ว่า php ส่ง text กลับมา แล้วพอดีว่าแฟลชอ่านได้ ก็จบ

ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: จักรี เมื่อ 06 ธ.ค. 2006, 15:02 น.
 :11:   ติดต่อไม่ได้ก็ไม่ได้ ดิ
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: iannnnn เมื่อ 06 ธ.ค. 2006, 15:04 น.
ถ้าว่ากันในเรื่องความปลอดภัย
ใครที่เก่งๆ ก็อาจสามารถดักข้อความที่แฟลชกระซิบบอก PHP ได้หรือเปล่าครับ
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: heart เมื่อ 06 ธ.ค. 2006, 18:31 น.
เหมือน HTML นั่นแหละครับ

ถ้าดักแพ็กเกจของ ฟอร์มใน HTML ที่ส่งไปได้

ก็ดักแพ็กเกจของ swf ที่ส่งไปได้

เพราะส่งแบบเดียวกันเป๊ะ
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: i-poon เมื่อ 07 ธ.ค. 2006, 02:35 น.
เวลา embed flash ลงใน html มันจะมีพวก parameter ที่ใส่ลงไปใน embed tag เองได้ มันมีวิธีให้ flash ดึงตัวแปรที่สร้างเองจาก parameter พวกนี้ไหมครับ (มันเรียกว่า parameter หรือเปล่าไม่แน่ใจเพราะผมเีรียกตาม dreamweaver แหละ)  :46:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: จักรี เมื่อ 07 ธ.ค. 2006, 04:28 น.
สำหรับผม ก็ไม่แน่ใจนะครับ   แต่ ผมว่าคงไม่ได้  เพราะ parameter ในดรีม น่าจะเอาไว้สำหรับกำหนด mode การทำงานของ objcct flash นะครับ เช่น mode การทำงานแบบ transparent เป็นต้น.......
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: heart เมื่อ 07 ธ.ค. 2006, 09:35 น.
ถ้าพารามิเตอร์ตัวอื่น เช่น ความกว้าง ความสูง URL มันจะอ่านไม่ได้ครับ

แต่ว่าจริงๆแล้วแฟลชก็มีคำสั่งอ่านความกว้าง ความสูง url ด้วยตัวมันเองอยู่แล้ว

wmode = tranparent นี่ก็ อ่านไม่ได้



แต่ถ้า พารามิเตอร์ FlashVars นี่อ่านได้ครับ จะถือว่าเป็นตัวแปรในแฟลชไปเลย

ผมเคยเขียนแฟลชเมนู มา 1 ตัว แล้วใช้ทั้งเว็ป โดยที่เว็ปแต่ละโซน ก็จะมีเมนูเป็นของตัวเอง

โดยให้แฟลชเปลี่ยนแปลงไปตาม FLashVars ที่ใส่ไว้ที่ดรีม
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: โตน เมื่อ 07 ธ.ค. 2006, 20:41 น.
 :25: ว้าวววว
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: i-poon เมื่อ 09 ธ.ค. 2006, 00:20 น.
เอาคำว่า FLashVars ไปหาใน google ได้มาเพียบเลย

แบบนี้เลยครับที่ต้องการ ขอบคุณมากครับ  :33:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: chaiwut เมื่อ 10 ธ.ค. 2006, 21:03 น.
โอ้โห เวปนี้มีเนื้อหาแฟลชด้วยเหรอ ??? 

อิอิ
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: iannnnn เมื่อ 10 ธ.ค. 2006, 21:06 น.
"เว็บ" ครับ ไม่ใช่เวป
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: roundbol123 เมื่อ 10 ธ.ค. 2006, 21:53 น.
 :25:


อันที่จริง reply การวาดใน OC ก็มีนะคะ (ไม่เกี่ยวกันหรอกแต่มันคล้ายๆกันมั้ง) เรียกว่า event

ตั้งแต่วาดยันลงสีหมดเลย  :25:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: RakRok เมื่อ 22 ธ.ค. 2006, 18:21 น.
ใช้ Frame Rate เท่าไหร่หรอครับ

เท่าที่ดู code เหมือนกับน่าจะเก็บจุดทุก Frame Rate เลยใช่หรือป่าวครับ

มีวิธีของการ Recognition ด้วยหรือป่าวครับ อิอิ อยากได้เหมือนกันครับ
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: ป้าแป้งกึ่งสำเร็จรูป เมื่อ 03 ม.ค. 2007, 14:49 น.
โอ๊ะ กระจู๋มีประโยชน์อีก 1 น่าสนมั่กๆ  :25:
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: heart เมื่อ 04 ม.ค. 2007, 15:37 น.
อ้างคำพูดจาก: RakRok เมื่อ 22 ธ.ค. 2006, 18:21 น.
ใช้ Frame Rate เท่าไหร่หรอครับ

เท่าที่ดู code เหมือนกับน่าจะเก็บจุดทุก Frame Rate เลยใช่หรือป่าวครับ

มีวิธีของการ Recognition ด้วยหรือป่าวครับ อิอิ อยากได้เหมือนกันครับ

จริงๆใช้ onMouseMove ไม่ได้ใช้ onEnterFrame เลยไม่ได้เก็บทุกๆครั้งที่เข้าเฟรมใหม่

ตอน replay ก็ใช้ setInterval
ชื่อเรื่อง: Re: แฟลชบันทึกการวาด
โพสต์โดย: [v] เมื่อ 26 มี.ค. 2007, 22:28 น.
พี่เจ๋งจิงๆๆ    :12: :12: :12: