ฟอนต์ฟอรั่ม

F0NT Community (เก่า) => ห้องคอม => ห้องแฟลช => โพสต์ถูกเริ่มโดย: pahn* เมื่อ 28 ก.ค. 2007, 13:21 น.

ชื่อเรื่อง: เขียน scroll bar ยังไง ?
โพสต์โดย: pahn* เมื่อ 28 ก.ค. 2007, 13:21 น.
กำลังลองทำเว็บอยู่  :02:
... :08: แต่ก็เกิดข้อสงสัยขึ้นมาว่าจะเขียน scroll bar ใน flash ยังไง

แบบนี้อะจ๊ะ


(http://img2.f0nt.com/28/339d287d6f506edde33d400a2e57f4ef.jpg)


หรือถ้าใครมีเว็บสอน ลงลิ้งไว้หน่อยนะ ^ ^'
ขอบคุณค่ะ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: เต่ามาก เมื่อ 28 ก.ค. 2007, 14:26 น.
http://www.mediasparkles.com/resume/scrollbar.html

แบบง่ายๆ ครับ  :22:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: pahn* เมื่อ 28 ก.ค. 2007, 15:00 น.
 :22:  +  ขอบใจจ๊ะ เดี๋ยวจะไปลองดู  :25:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: คนตาบอดข้างเดียว เมื่อ 28 ก.ค. 2007, 22:45 น.
ขอแบบเด้งๆน่ะ
เต่ามีสต๊อกไว้ไหม
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: เต่ามาก เมื่อ 29 ก.ค. 2007, 07:15 น.
เด้งๆ แบบไหนเหรอครับน่ะ  :08:
มีแต่แบบที่มันติด easing ดึ๋งๆ อ่ะ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: คนตาบอดข้างเดียว เมื่อ 29 ก.ค. 2007, 09:53 น.
นั่นแหละๆ
ขอหยุ่นๆน่ะ อธิบายด้วยนะ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: thaPIXIE เมื่อ 31 ก.ค. 2007, 17:33 น.
ทำไว้วันก่อน คันมือเลยนั่งคิดเล่นๆ(เค้าดองเราไม่ให้งานเราทำ)
อันนี้ลากแล้วจะหน่วงๆ พริ้วตามแบบนุ่มนวลนะ :40:
http://img2.f0nt.com/flash/20a94ea91b7b24c9129ff342d573c290.swf
#include "mc_tween2.as"
// ถ้าไม่รู้จัก mc tween หาดูใน google

this.scrollbar.scroller.oldx = this.scrollbar.scroller._x;
this.scrollbar.scroller.oldy = this.scrollbar.scroller._y;
// ตั้งค่า X,Y แรกเริ่มของตัว bar ที่ใช้ลากๆ

this.scrollbar.scroller.onPress = function() {
   this.startDrag(false, this.oldx, this.oldy, this.oldx, this.oldy+350-(this._height));
};
//เมื่อกดเม้าส์บนบาร์ให้ --- เริ่มลาก, snap center เป็น false, ค่าซ้ายสุดที่ไปได้ให้เท่ากับตำแหน่ง x ของมันตอนนี้, ค่าบนสุดที่ไปได้ให้เท่ากับตำแหน่ง y ตอนนี้, ตำแหน่งขวาสุดที่ไปได้ให้เท่ากับตำแหน่ง x ตอนนี้ (สรุปว่า ซ้ายสุดก็คือตรงนี้ ขวาสุดก็คือตรงนี้ ดังนั้นเท่ากับล๊อคมันไม่ให้ขยับซ้ายขวาได้), ตำแหน่งล่างสุดที่มันจะไปได้คือค่า y ตอนนี้บวกไปอีก 350 แล้วลบออกด้วยความสูงของตัวบาร์เอง เพื่อให้มันสุดขอบล่างพอดีไม่ล้ำลงไป

this.scrollbar.scroller.onRelease = this.scrollbar.scroller.onReleaseOutside=function () {
   this.stopDrag();
};
// เมื่อปล่อยเม้าส์ให้ --- หยุดลาก

function scrolling() {
   container.contents.tween("_y", -(((container.contents._height-container.msk._height)/(scrollbar._height-scrollbar.scroller._height))*scrollbar.scroller._y), 1);
}
// ฟังก์ชั่นปรับตำแหน่งให้ content เลื่อนไปให้สัมพันธ์กับ scrollbar (เรื่อง .tween จะไม่ขออธิบาย หาเอาในเรื่องของ mc tween นะจ๊ะ) โดยให้สัดส่วนของระยะทางที่ content จะเคลื่อนไปได้ เท่ากับสัดส่วนของระยะที่ scrollbar จะเคลื่อนไปได้ พอได้แล้วก็ให้ ตำแหน่ง y ของ content เป็นปฎิภาคกับตำแหน่ง y ของ scrollbar (เพราะมันจะเคลื่อนที่สวนกัน นึกออกไหมจ๊ะ ลากbarลง content จะวิ่งสวนขึ้น) โดยเอาค่าทั้งหมดติดลบไว้ข้างหน้าซะ

setInterval(scrolling,10);
// set interval เพื่อให้ฟังก์ชั่นตรวจตำแหน่งที่อุตส่าห์คิดมาทำงานเป็นช่วงๆ คือลาก scrollbar จะรอจิ๊กนึง content ถึงจะเลื่อนไป แต่จิ๊กนึงที่ว่านี้กินเวลาแค่ 10มิลลิวินาที และ mc tween จะช่วยเลื่อน content ของเราไปอย่างนุ่มนวล

var mouseListener:Object = new Object();
mouseListener.onMouseWheel = function(delta) {
   scrollbar.scroller._y -= delta*2;
   if(scrollbar.scroller._y<=0){
   scrollbar.scroller._y = 0;   
   }
   if(scrollbar.scroller._y>= 318){
   scrollbar.scroller._y = 318;   
   }
}
Mouse.addListener(mouseListener);

//ไอ้ยวงสุดท้ายนี่โชว์หรูให้หมุน wheel แล้ว scroll ได้ด้วย ลองแกะดูจ้ะ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 31 ก.ค. 2007, 19:58 น.
อู้ย มึน :48:

แต่ขอบคุณครับ เดี๋ยวคงได้ใช้ +
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: เต่ามาก เมื่อ 31 ก.ค. 2007, 20:00 น.
กรี๊ด  :25:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: WuTtY เมื่อ 31 ก.ค. 2007, 23:35 น.
 :12: :12:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: ej_sing เมื่อ 01 ส.ค. 2007, 01:18 น.
อันนี้ ไม่ตรงตามต้องการ เพราะมีแค่ ลูกศร ขึ้นลง ไม่มีลากๆ ไม่มี lmc_tween
ใช้ง่าย ทำไว้นานแล้ว

ปรับขนาด ความกว้างความสูงได้ โดยไม่ต้องไปยุ่งกับโค้ด แต่ต้องแก้ตัว mask ให้เท่ากัน
ปรัปสปีดได้ แก้โค้ดเอานิดเดียว

สามารถยกไปวางได้อย่างง่ายๆ
ลองใช้ดู ง่ายๆครับ แล้วจะเข้าใจ

บรรยายซะเจ๋ง จริงๆ ห่วยครับ  :05:  ทำกันเองได้ง่ายๆแหล่ะครับ  :08: เผื่อใครขี้เกียจทำ

ตัวอย่าง
http://img2.f0nt.com/flash/575974dac6c1c49f91a10da958740661.swf
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: thaPIXIE เมื่อ 01 ส.ค. 2007, 01:31 น.
อ้างคำพูดจาก: ej_sing เมื่อ 01 ส.ค. 2007, 01:18 น.
อันนี้ ไม่ตรงตามต้องการ เพราะมีแค่ ลูกศร ขึ้นลง ไม่มีลากๆ ไม่มี lmc_tween
ใช้ง่าย ทำไว้นานแล้ว

ปรับขนาด ความกว้างความสูงได้ โดยไม่ต้องไปยุ่งกับโค้ด แต่ต้องแก้ตัว mask ให้เท่ากัน
ปรัปสปีดได้ แก้โค้ดเอานิดเดียว

สามารถยกไปวางได้อย่างง่ายๆ
ลองใช้ดู ง่ายๆครับ แล้วจะเข้าใจ

บรรยายซะเจ๋ง จริงๆ ห่วยครับ  :05:  ทำกันเองได้ง่ายๆแหล่ะครับ  :08: เผื่อใครขี้เกียจทำ


นั่นแน่ เจอสหาย lmc ละ ลองเปลี่ยนมาใช้ mc tween สิจ๊ะพ่อ หรูกว่าคั่กๆ มัน tween พวก effect ของ flash ได้ด้วยนะ blur bevel emboss แหล่มเลยน๊า... :12:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 01 ส.ค. 2007, 02:58 น.
อธิบายคร่าวๆ หน่อยสิครับว่าไอ้เจ้า mc tween นี่คืออะไร :44:
ผมตกเขาครับ


http://hosted.zeh.com.br/mctween/animationtypes.html
อ๊ะ เจอแล้ว แต่มันคืออะไรอะไรยังไงอะไรยังไงยังงอะไรยังไงเหรอครับ :44:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: heart เมื่อ 01 ส.ค. 2007, 03:52 น.
มันคล้ายๆกับเครื่องซักผ้าอัฉริยะ ที่เรากดปุ่มให้ทำงาน มันก็ซักผ้าจนเสร็จ โดยที่เราไม่ต้องไปนั่งขยี้ หรือ เติมผงซักฟอก หรือ เติมน้ำยาปรับผ้านุ่ม และมันยังอบแห้งให้พร้อม



ประโยชน์

สมมุติจะให้ลูกบอลมันเด้งไป ทางมุมห้อง

ถ้าเขียนสคริปเอง ยุ่งยากมากมาย

แต่พวก mc tween และ lmc tween นี้ จะช่วยให้เราไม่ต้องยุ่งยากเขียนโค้ดอีกต่อไป

เพียงสั่งว่า ลูกบล ไปมุมห้องเดี๋ยวนี้


ลองเปรียบเทียบโค้ดแบบคร่าวๆ

เช่นถ้าเราส่งให้ลูกบอลไปที่แกน x 500

บอล.onEnterFrame =function(){
         ถ้าแกน x ปัจจุบันมีค่าน้อยกว่า 500
                  ก็กระเถิบไปครั้งละ 5 พิกเซล
        ถ้าแกน x ปัจจุบันมีค่ามากกว่า 500
                 ก็กระเถิบกลับมา ครั้งละ 5 พิกเซล
       
  ถ้าถึง 500 แล้ว หยุดการทำงาน
}


แต่ ไอ้เครื่องซักผ้าของเรามันง่ายกว่านั้น



บอล.tween("_x",500,1);

แปลว่า สั่งให้ลูกบอลไปที่แกน x 500 ใช้เวลาเดินทาง 1 วินาที(เวลายิ่งมากแสดงว่าความเร็วจะน้อย มันจะวิ่งช้า)



ง่ายประมาณลงกะไดแล้วลื่นพรวดเดียวถึงพื้นเลย
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 01 ส.ค. 2007, 03:55 น.
โอ้ว คุณพระช่วยด้วย :07b:

ขอบคุณสำหรับความมัหศจรรย์ครับ +
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: ej_sing เมื่อ 01 ส.ค. 2007, 11:16 น.
บอล.tween("_x",500,1,"easeOutElastic"); << เพิ่มตัวหลังเข้าไป สั่งให้มันเคลื่อนที่แบบไหนก็ได้

"linear",
"easeInQuad","easeOutQuad","easeInOutQuad","easeOutInQuad"
"easeInCubic","easeOutCubic","easeInOutCubic","easeOutInCubic"
"easeInQuart","easeOutQuart","easeInOutQuart","easeOutInQuart"
"easeInQuint","easeOutQuint","easeInOutQuint","easeOutInQuint"
"easeInSine","easeOutSine","easeInOutSine","easeOutInSine"
"easeInExpo","easeOutExpo","easeInOutExpo","easeOutInExpo"
"easeInCirc","easeOutCirc","easeInOutCirc","easeOutInCirc"
"easeInElastic","easeOutElastic","easeInOutElastic","easeOutInElastic"
"easeInBack","easeOutBack","easeInOutBack","easeOutInBack"
"easeInBounce","easeOutBounce","easeInOutBounce""easeOutInBounce"

ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: เต่ามาก เมื่อ 01 ส.ค. 2007, 18:16 น.
มันคือๆ กับ ทำ motion tween เป็น actionscript ใน CS3 ป่ะครับ

แล้วมันจะดีกว่า motion tween เฉยๆ มั้ยครับ (คือผมเขียน action script ไม่เป็นนะ)
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: ej_sing เมื่อ 01 ส.ค. 2007, 18:31 น.
" มันคือๆ กับ ทำ motion tween เป็น actionscript ใน CS3 ป่ะครับ "

ไม่รู้ครับเพราะยังไม่เคยแตะเลย cs3 เนี่ย

แต่มันสะดวก ใช้ได้เลยครับ
ใช้แบบ สคริปสั่งงานอย่างเดียว
ลดบรรทัดไปได้เยอะเลย แต่ก่อนต้องเขียน easing เองนี่ โค้ดยุ่บยั่บเลยครับเขียนเอง งงเอง

พักหลังเลยเขียนฟังชั่น easingTween แบบง่ายๆไว้ใช้เอง

จนมาเจอ LMC_Tween นี่แหล่ะครับ  จบถ้วนกระบวนความ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 01 ส.ค. 2007, 18:42 น.
เมื่อคืนลองโหลดมาศึกษาดู โอ้วเจ๋งจริงๆ ด้วยแหละ
ใช้ง่ายมากเลยครับ ไวยากรณ์เขาก็ให้มาแล้วในเว็บ(ลิงก์หน้าที่แล้วที่ตูแปะไว้) เลย

http://img2.f0nt.com/flash/5002e02b4827a620062793161cd7d361.swf

นี่คือ My hello, World! ครับ (ไม่ได้ทำปุ่มรีเพลย์ไว้นะ)  :25:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: ej_sing เมื่อ 01 ส.ค. 2007, 18:46 น.
 :33: ชีวิตเป็นสุขขึ้นเยอะเลยมั๊ยครับ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 01 ส.ค. 2007, 18:49 น.
สุขมากครับ :25:+
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: heart เมื่อ 01 ส.ค. 2007, 22:04 น.
อ้างคำพูดจาก: เ_่า เมื่อ 01 ส.ค. 2007, 18:16 น.
มันคือๆ กับ ทำ motion tween เป็น actionscript ใน CS3 ป่ะครับ

แล้วมันจะดีกว่า motion tween เฉยๆ มั้ยครับ (คือผมเขียน action script ไม่เป็นนะ)

ไม่ใช่

มันเกิดมาก่อน cs3 ซะอีก

มันคือฟังชั่นสำเร็จรูป ภายในประกอบด้วยคำสั่งมากมาย

จากเดิมที่เราต้องพิมพ์คำสั่งเอง แต่เค้าเขียนไว้แล้ว เราเพียงใช้งานเท่านั้นเอง
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: WuTtY เมื่อ 01 ส.ค. 2007, 22:33 น.
มันคือการทำ motion tween โดยใช้ programming ครับไม่ได้กดจาก tool
จริง ๆ แล้วน่าจะเหมือนกันเพียงแต่ทำคนล่ะที่


:12: :12: :12: ชีวิตดีขึ้นเป็นกอง ขอบคุณมาก ๆ ครับ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: thaPIXIE เมื่อ 02 ส.ค. 2007, 01:28 น.
อ้างคำพูดจาก: WuTtY เมื่อ 01 ส.ค. 2007, 22:33 น.
มันคือการทำ motion tween โดยใช้ programming ครับไม่ได้กดจาก tool
จริง ๆ แล้วน่าจะเหมือนกันเพียงแต่ทำคนล่ะที่


:12: :12: :12: ชีวิตดีขึ้นเป็นกอง ขอบคุณมาก ๆ ครับ

คืออย่างนี้ครับ ไอ้เจ้า mc tween เนี่ย เค้าเรียกมันว่า tweening prototype ครับ

prototype ในที่นี้คือชุดคำสั่งที่เขียนเก็บๆไว้ในรูปของฟังก์ชั่น คนที่ได้ลองใช้แล้วจะเห็นว่ามันจะมีรูปแบบการ tween ต่างๆเช่น blurTo, scaleTo, rotateTo, alphaTo เป็นต้น ไอ้พวกนี้แหละที่เรียกว่า prototype ทั้งหลาย การใช้ว่า my_mc.scaleTo(120,1,"easeOutElastic",2,doSomething()) แบบนี้เฉยๆ แฟลชไม่รู้เรื่องหรอกครับ เพราะ statement ข้างบนมันไม่ได้มีความหมายที่แฟลช เข้าใจ

เจอแบบข้างบนแฟลชมันจะตีความว่า ไอ้มูวี่คลิปที่ชื่อ my_mc ทำฟังก์ชั่นที่ชื่อว่า scaleTo โดยมี parameter 120,1, ข้อความว่า easeOutElastic,2 และฟังก์ชั่น doSomething แต่ด้วยที่แฟลชหาฟังก์ชั่น scaleTo ไม่เจอ มันก็นิ่งไม่รู้จะทำอะไร

ดังนั้นก่อนใช้ mc tween เราจึงต้องใส่คำสั่ง #include "mc_tween.as" ลงไปเพื่อบอกให้แฟลชไปเอาไอ้ไฟล์ที่ชื่อ mc_tween.as แนบลงไปใน swf ตัวนี้ด้วย แล้วใน mc_tween.as มีอะไร? มันก็มีการเขียนชุดคำสั่งที่จะอธิบายว่าไอ้เจ้า blurTo, scaleTo, rotateTo, alphaTo อะไรทั้งหลายเนี่ยเป็น prototype นะ แต่ละตัวทำงานอย่างนี้ๆ

ดังนั้นจริงๆแล้ว การเขียน my_mc.scaleTo(120,1,"easeOutElastic",2,doSomething()) เมื่อแนบไฟล์ mc_tween.as ไปแล้ว แฟลชจะไปอ่านเจอและรู้ว่าอ๋อ จริงๆคือ สั่งให้ my_mc ทำฟังก์ชั่น scaleTo อ๋อ ใน mc_tweeb.as บอกว่า scaleTo คือฟังก์ชั่นที่ให้ tween ขนาดนี่เอง โดยของในวงเล็บคือค่า parameter ในการ tween นะ 120 คือ scale ที่เป็น % ,1 คือเวลาที่ใช้ตั้งแต่เริ่มจนจบ tween ,ข้อความ easeOutElastic คือบอกว่าให้ขยายแล้วให้มี effect หยุ่นๆตอนจบด้วย ,2 คือหน่วงเวลาไป2วินาทีแล้วค่อยเริ่มทำ และ doSomething นี่คือฟังก์ชั่นที่ให้ทำต่อหลังจาก tween เสร็จแล้ว... โดยไอ้คำอธิบายเหล่านี้ถูกเขียนเป็นฟังก์ชั่นรอไว้ให้เราเรียกใช้หมดแล้วใน mc_tween.as ที่แนบเข้าไป

:12:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 02 ส.ค. 2007, 02:03 น.
ชัดเจนเปลี่ยน :27:



สงสัยอีกอย่างครับ
ไอ้บรรทัดแรกที่เราใส่ไว้ในเฟรมแรกเนี่ย
ที่มันบอกว่าให้ include .as เข้ามา
พอเรา compile แล้วมันจะแนบโค้ดนั้นเข้ามรใน swf เลยใช่ไหมครับ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: WuTtY เมื่อ 02 ส.ค. 2007, 02:30 น.
อ้างคำพูดจาก: uuuuuɐı เมื่อ 02 ส.ค. 2007, 02:03 น.
ชัดเจนเปลี่ยน :27:



สงสัยอีกอย่างครับ
ไอ้บรรทัดแรกที่เราใส่ไว้ในเฟรมแรกเนี่ย
ที่มันบอกว่าให้ include .as เข้ามา
พอเรา compile แล้วมันจะแนบโค้ดนั้นเข้ามรใน swf เลยใช่ไหมครับ

โดยปกติแล้วใช่ครับ มันจะ include รวมอยู่ใน swf (default ของ flash เป็นแบบนี้)

ผมไม่แน่ใจว่ามีแบบไม่ปกติหรือเปล่า เพราะปกติแล้ว programming ทั่ว ๆ ไปสามารถ set  ได้ว่าให้รวมและไม่รวมลงไปใน execute file  เช่น เขียนด้วย M$ ต่าง ๆ เราสามารถแยกทำออกเป็น .dll ได้้ด้วย ตัว .exe มันจะได้ไม่ใหญ่ และแก้ไขง่าย ในกรณีที่มีการแบ่งกันเขียน
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 02 ส.ค. 2007, 02:37 น.
อ๋อ แต่ถ้าเราจะแชร์กันใช้หลายๆ ไฟล์ก็แยกรัน .as ข้างนอก
แล้วแนบไฟล์ .as ไปด้วยได้ใช่ไหมครับ

ถามเป็นทฤษฎีไว้ก่อนเพราะนานๆ ผมจะเขียนโค้ดยาวกว่า 10 บรรทัดสักที :08:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: WuTtY เมื่อ 02 ส.ค. 2007, 02:40 น.
อ้างคำพูดจาก: uuuuuɐı เมื่อ 02 ส.ค. 2007, 02:37 น.
อ๋อ แต่ถ้าเราจะแชร์กันใช้หลายๆ ไฟล์ก็แยกรัน .as ข้างนอก
แล้วแนบไฟล์ .as ไปด้วยได้ใช่ไหมครับ

ถามเป็นทฤษฎีไว้ก่อนเพราะนานๆ ผมจะเขียนโค้ดยาวกว่า 10 บรรทัดสักที :08:

ตามทฤษฏี ก็ประมาณนั้น ภาษาอื่นทำได้นะครับ แต่ AS ผมไม่แน่ใจว่าทำงัย รอกูรู ตัวจริงมาตอบอีกทีนะ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: thaPIXIE เมื่อ 02 ส.ค. 2007, 02:57 น.
เวลา include แฟลชมันจะยัดของที่มีในไฟล์นั้นลงไปใน swf เลยครับ และด้วยความที่ swf มันเป็น binary ผมก็สุดปัญญาจะอธิบายว่าไอ้ของที่มัน include เข้าไปหลังจาก compile เป็น swf แล้วมันหน้าตายังไง ถ้าถามว่ายังอ่านได้เป็นโค้ดอยู่ไม๊ก็คงจะไม่ล่ะครับ เพราะเป็น binary ไปแล้ว แต่มันมีอยู่ในนั้นแน่ๆ

ส่วนจะทำเป็นไฟล์แยกโดยไม่ compile รวมไปกับ swf นั้นทำได้ไม่นี่ไม่รู้ครับ แบบว่าบอกให้ไปอ่านไฟล์ หรือ text file ที่มี action script อยู่ข้างในประมาณนั้น อยากรู้ต้องรอเดี๋ยว...

อั๊บดุล!.....

เอ๊ย!

มาตอบด้วย... อั๊บดุล :02:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 02 ส.ค. 2007, 03:10 น.
เรียกยังงี้ เดี๋ยวก็มา :21:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: WuTtY เมื่อ 02 ส.ค. 2007, 03:22 น.
Export SWC ----------- Exports a .swc file, which is used for distributing components. The .swc file contains a compiled clip, the component's ActionScript class file, and other files that describe the component.

อ่านจากใน help ของ flash CS3 นะครับ คิดว่าทำได้
output มันจะเป็น .swc แต่ !! ต้องเขียน เป็น class เท่านั้น !!!

ลองอ่านในนี้ดู
http://www.communitymx.com/content/article.cfm?cid=dc2c0
ประโยชน์ของมันก็คือ ใช้ทำ component เพื่อที่จะเอามา reuse ได้ในตอนหลัง เช่น พวก textbox, listbox ที่เป็น component ที่มากัน flash เลย
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 02 ส.ค. 2007, 03:42 น.
อู้ย :41: เลิกๆๆ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: ej_sing เมื่อ 02 ส.ค. 2007, 08:10 น.
เคยลองคอมไพลดู ตัวที่ include "lmc_tween.as"

ก็มาหมดเลยครับ อยู่ในเฟรมนั้นเลยทั้งหมด ทุกคำสั่ง ยุ่บยั่บเต็มพรืดไปหมดเลย
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: heart เมื่อ 02 ส.ค. 2007, 11:15 น.
อ้างคำพูดจาก: thaPIXIE เมื่อ 02 ส.ค. 2007, 02:57 น.
เวลา include แฟลชมันจะยัดของที่มีในไฟล์นั้นลงไปใน swf เลยครับ และด้วยความที่ swf มันเป็น binary ผมก็สุดปัญญาจะอธิบายว่าไอ้ของที่มัน include เข้าไปหลังจาก compile เป็น swf แล้วมันหน้าตายังไง ถ้าถามว่ายังอ่านได้เป็นโค้ดอยู่ไม๊ก็คงจะไม่ล่ะครับ เพราะเป็น binary ไปแล้ว แต่มันมีอยู่ในนั้นแน่ๆ

ส่วนจะทำเป็นไฟล์แยกโดยไม่ compile รวมไปกับ swf นั้นทำได้ไม่นี่ไม่รู้ครับ แบบว่าบอกให้ไปอ่านไฟล์ หรือ text file ที่มี action script อยู่ข้างในประมาณนั้น อยากรู้ต้องรอเดี๋ยว...

อั๊บดุล!.....

เอ๊ย!

มาตอบด้วย... อั๊บดุล :02:

ทำไม่ได้

โค้ดที่ include เข้ามา มันจะรวมไปเลย

จะเอาฟังชั่นไว้ในไฟล์ as แล้วแยกไว้ข้างนอก ให้รันเลยทำไม่ได้

เพราะฟังชั่นต่างๆ จะทำงานได้ ต้องคอมไพล์แล้วเท่านั้น จะแยกเป็น text file ไม่ได้

เพราะมันไม่ใช่ สคริปเหมือน JS ที่จะตีความจาก text

แต่แฟลชจะต้องคอมไพล์
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: heart เมื่อ 02 ส.ค. 2007, 12:06 น.
ทำมาให้ลองเล่น
อันนี้ไม่ครบทุกคำสั่งนะ
แค่ตัวอย่าง

http://img2.f0nt.com/flash/5890a6c366fed66b86a76fb26d247384.swf
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: ยุนเอ เมื่อ 02 ส.ค. 2007, 12:09 น.
อ้างคำพูดจาก: heart เมื่อ 02 ส.ค. 2007, 12:06 น.
ทำมาให้ลองเล่น
อันนี้ไม่ครบทุกคำสั่งนะ
แค่ตัวอย่าง

http://img2.f0nt.com/flash/544945e80cd0fdf387441a617689a4f2.swf

เจ๋งครับ  :12:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: WuTtY เมื่อ 02 ส.ค. 2007, 12:11 น.
อ้างคำพูดจาก: heart เมื่อ 02 ส.ค. 2007, 11:15 น.
ทำไม่ได้

โค้ดที่ include เข้ามา มันจะรวมไปเลย

จะเอาฟังชั่นไว้ในไฟล์ as แล้วแยกไว้ข้างนอก ให้รันเลยทำไม่ได้

เพราะฟังชั่นต่างๆ จะทำงานได้ ต้องคอมไพล์แล้วเท่านั้น จะแยกเป็น text file ไม่ได้

เพราะมันไม่ใช่ สคริปเหมือน JS ที่จะตีความจาก text

แต่แฟลชจะต้องคอมไพล์

complie เป็น .swc เฉย ๆ แล้ว link มาได้มั้ยครับ หรือต้องทำกับ movie clip เท่านั้น .as เฉย ๆ ทำไม่ได้
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: heart เมื่อ 02 ส.ค. 2007, 12:15 น.
อ้างคำพูดจาก: WuTtY เมื่อ 02 ส.ค. 2007, 12:11 น.
complie เป็น .swc เฉย ๆ แล้ว link มาได้มั้ยครับ หรือต้องทำกับ movie clip เท่านั้น .as เฉย ๆ ทำไม่ได้

swc เป็นไฟลื component ก็ต้องเอามาใส่ใน document แล้วคอมไพล์ ก็รนวมเป็น swf อยุ่ดี
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: ยุนเอ เมื่อ 02 ส.ค. 2007, 12:16 น.

การแยกโค๊ดน่าจะแค่เพื่อความสะดวกตอนเขียนโปรแกรมอย่างเดียวละมั้งครับ

เพราะว่ายังไงก็ต้องคอมไพล์เป็น binary เดียวกัน

หรืออาจจะทำเป็นแบบ .dll ได้  :09:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: คนตาบอดข้างเดียว เมื่อ 02 ส.ค. 2007, 13:09 น.
โฮ่ สุดยอด  :46:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 02 ส.ค. 2007, 15:18 น.
โอ้ว ขอบคุณครับ
(ขอบคุณเป็นอย่างเดียวเลยตู)
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: คนตาบอดข้างเดียว เมื่อ 02 ส.ค. 2007, 18:40 น.
http://img2.f0nt.com/flash/d6a13fe0c6772899bcf7c55b133e6878.swf

#include "mc_tween2.as"

this.scrollbar.scroller.oldx = this.scrollbar.scroller._x;
this.scrollbar.scroller.oldy = this.scrollbar.scroller._y;

this.scrollbar.scroller.onPress = function() {
   this.startDrag(false, this.oldx, this.oldy, this.oldx, this.oldy+400-(this._height));
};

this.scrollbar.scroller.onRelease = this.scrollbar.scroller.onReleaseOutside=function () {
   this.stopDrag();
   scrolling();
};

function scrolling() {
   container.contents.tween("_y", -(((container.contents._height-container.mask._height)/(container.mask._height-scrollbar.scroller._height))*scrollbar.scroller._y),5,"easeoutelastic", undefined, undefined, 50);
}

var mouseListener:Object = new Object();
mouseListener.onMouseWheel = function(delta) {
   scrollbar.scroller._y -= delta*2;
   if(scrollbar.scroller._y<=0){
   scrollbar.scroller._y = 0;   
   }
   if(scrollbar.scroller._y>= 400){ //อันนี้เลยไปหน่อยนึง
   scrollbar.scroller._y = 400;   
   }
}
Mouse.addListener(mouseListener);




คือผมพยามจะทำให้เวลาเลื่อนแล้วมันหยุ่นๆน่ะครับ
แต่ออกมาคือ
ต้องลากแล้วปล่อย
แล้วก็ ใช้ลูกกลิ้งแล้วมันไม่ขยับน่ะครับ

จะให้มัน dragลากเฉยๆแล้วตรงกลางให้มันหยุ่นๆ แต่ไม่รู้จะเอา scrolling() ไปแปะไว้ตรงไหนดี
เอาไปลงกับ onEnterFrame มันก็เด้งของมันตลอด เลยเอาไปแปะกับไอ้ตัวเลื่อนแม่งเลย

วานอับดุลชี้แนะที  :46:




ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: thaPIXIE เมื่อ 02 ส.ค. 2007, 21:42 น.
setInterval ไอ้ scrolling() เอาครับ ให้ถี่ๆหน่อย แยกออกมาเลย :12:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: heart เมื่อ 02 ส.ค. 2007, 22:52 น.
แต่จริงๆแล้ว tweening prototype ไม่ได้ถูกออกแบบมาให้สั่งถี่ๆ

แต่ถ้าเว้นระยะพอสมควรผลออกมาก็ ok อยู่

แต่ถ้าจะทำหยุ่นๆแบบนั้นเขียนโค้ดเองน่าจะดีกว่าตามความคิดผมนะ :)
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: คนตาบอดข้างเดียว เมื่อ 02 ส.ค. 2007, 23:23 น.
ดีกว่าแปลว่า ทั้งง่ายกว่า สะดวกกว่า และเร็วกว่าprototype  เหรอครับ

สำหรับผม ถ้าเขียนให้มันเด้งเองนี่  :48:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: thaPIXIE เมื่อ 02 ส.ค. 2007, 23:25 น.
ให้เราเป็นพระเอกหน่อยดิ นะนะ... :49:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: heart เมื่อ 03 ส.ค. 2007, 10:02 น.
อ้างคำพูดจาก: เร็วจี๋ยอดอาชา เมื่อ 02 ส.ค. 2007, 23:23 น.
ดีกว่าแปลว่า ทั้งง่ายกว่า สะดวกกว่า และเร็วกว่าprototype  เหรอครับ

สำหรับผม ถ้าเขียนให้มันเด้งเองนี่  :48:
.

อาจจะไม่ง่ายกว่า แต่เร็วกว่าคือการทำงานของโค้ดแน่นอน
แต่ก็ไม่ใช่ว่าจะผิด วิธีไหนก็ทำกันไปเถอะ


อ้างคำพูดจาก: thaPIXIE เมื่อ 02 ส.ค. 2007, 23:25 น.
ให้เราเป็นพระเอกหน่อยดิ นะนะ... :49:
หงะ
เสนอแนวไปนิดนึงเองพี่โป้ง
ถ้าพี่โป้งลองดูโค้ดแบบที่เขียนเอง แล้วมานั่งจินตนาการ การทำงานของมัน มันดูสมเหตุสมผลกว่าอะพี่โป้ง
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: พองบิน ศิษย์ราชพฤกษ์ เมื่อ 16 ต.ค. 2007, 13:11 น.
1. อยากรู้วิธีสร้าง Scroll Bar เด้งดึ๋งแบบของพี่ thaPIXIE แบบเป็นขั้นตอนครับ
2. mc_tween2.as ในเครื่องผมไม่มีครับหาได้จากที่ไหนครับ
3. as ที่พี่  thaPIXIE บอกไว้ที่หน้าแรก เอาไปใส่ที่ตรงไหนครับ

ขอบคุณมากๆครับ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: คนตาบอดข้างเดียว เมื่อ 16 ต.ค. 2007, 19:08 น.
1.อธิบายเป็นตัวอักษรมันไม่เห็นภาพน่ะครับ ลองหาหนังสือแบบมีรูปประกอบมาดูครับ แบบนั้นจะง่ายกว่า
2.หาได้ในกระจู๋นี้แหละครับ
3.ใส่ไว้ในไทม์ไลน์น่ะครับ
เอาง่ายๆเวลาจะทำก็ตั้งชื่ออินสแต๊นให้ตรงกับโค๊ดที่เขาแปะไว้ครับ ลองไล่ๆลำดับดู
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 18 พ.ย. 2007, 03:45 น.
ขอขุดหน่อยครับ


ยังไม่ค่อยเคลียร์เรื่องไอ้เจ้า MC Tween นี่เท่าไหร่
จริงๆ ก็เอาไปใช้ได้ในงานเล็กๆ แล้วแหละ แต่มันก็แค่แบบง่ายๆ อย่าง slideTo หรือ scaleTo เท่านั้น
อยากทราบครับว่า

1.
มันแทนค่าตัวแปรลงไปยังไงครับ :08:
ไวยากรณ์ที่ผมเขียนนี่มันผิดตรงไหนครับ ลองเรียกมาแล้วมันไม่ขยับเลย
--> mc1.xSlideTo((mc2*1.5),2,"linear");
(ถ้าเปลี่ยน mc2*1.5 เป็นตัวเลขธรรมดา มันวิ่งครับ)

ข้อนี้เอมาตอบให้ในเอ็มแล้วครับ ว่ามันต้องเป็นตัวเลข
ตูก็ลืมไปว่ามันต้องบอกค่าด้วย เช่น mc2._x
ขอบคุณครับ :27:

2.
คำสั่ง frameTo มันเล่นยังไงครับ (อยากเห็นตัวอย่างสักชิ้นน่ะจ้ะ)
อ่านๆ ดูแล้วเหมือนว่ามันสั่งให้ mc นี้โดดไปที่เฟรมที่กำหนด
ด้วยความหน่วงตามที่กำหนดได้งั้นเหลยเหรอ :18:


ขอบคุณครับ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: ยุนเอ เมื่อ 18 พ.ย. 2007, 03:52 น.


ไม่เป็นไรครับ  :27:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: ej_sing เมื่อ 20 พ.ย. 2007, 21:24 น.
อ้างคำพูดจาก: iannnnnส์ เมื่อ 18 พ.ย. 2007, 03:45 น.

2.
คำสั่ง frameTo มันเล่นยังไงครับ (อยากเห็นตัวอย่างสักชิ้นน่ะจ้ะ)
อ่านๆ ดูแล้วเหมือนว่ามันสั่งให้ mc นี้โดดไปที่เฟรมที่กำหนด
ด้วยความหน่วงตามที่กำหนดได้งั้นเหลยเหรอ :18:


ขอบคุณครับ

http://img2.f0nt.com/flash/f6bc092e9a2c2b2f6cb36d3070fda140.swf

มันจะสั่งเฟรมภายใน mc ให้วิ่งแบบ LMC ครับ ลองดูตัวอย่างครับ
:44: แนบไฟล์มาด้วย ลองเอาไปมั่วดูครับ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: i-poon เมื่อ 20 พ.ย. 2007, 23:38 น.
 :14:!!!!

LMC หมายถึงวิ่งกลับหลังหรือเปล่าครับบบบ!!

แบบนี้ก็ทำ menu ที่ mouse over, mouse out แบบพริ้วๆ ได้แล้วสิเนี่ย  :25: :25: :25:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: คนตาบอดข้างเดียว เมื่อ 21 พ.ย. 2007, 00:33 น.
โฮ่ เดี๋ยวลองทำเล่นดูครับ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 21 พ.ย. 2007, 00:39 น.
ขอบคุณครับน้า :27a:+
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: หนึ่ง เมื่อ 21 พ.ย. 2007, 02:32 น.
ถ้าจะให้ symbol เคลื่อนที่ในแกนเดียวตามเม้าส์แบบหยุ่น ๆ
ผมผสม mc.tween ลงไปได้รึป่าวครับ

:01:
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: คนตาบอดข้างเดียว เมื่อ 21 พ.ย. 2007, 17:42 น.
ก็น่าจะได้นะครับ
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: หนึ่ง เมื่อ 28 พ.ย. 2007, 16:31 น.
ไปเจอ lmc_tween.as (http://laco.wz.cz/tween/) มาดูน่าสนใจดี

แต่มันแตกต่างกันยังงัยกับ mc_tween ครับ หรือ คือ คือ กัน
ชื่อเรื่อง: Re: เขียน scroll bar ยังไง ?
โพสต์โดย: iannnnn เมื่อ 29 พ.ย. 2007, 01:22 น.
คนละอันกันครับ
แต่ตัวอย่างเขาโคตรเจ๋งเลย :25: