อนุบาลงาน ActionSctipt

ใช้ทำการอันใดครับ ?

ลองไปค้นมา น่ารักดี

http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/fl/transitions/Tween.html#yoyo()

เหมือนสั่งให้ทำงาน พอสุดแล้วเด้งย้อนกลับมั้งครับ

<a href="http://img2.f0nt.com/flash/d04465af6d13bc14050e79579ecc942d.swf" target="_blank">http://img2.f0nt.com/flash/d04465af6d13bc14050e79579ecc942d.swf</a>

โอ้ว ขอบคุณมากครับ

กำลังงมอยู่...

[มังกร]

ใช้ AS 3.0 ไม่เป็น

เผอิญเพื่อนมาถามให้ช่วยเขียนโค้ดให้ประมาณนี้
เลยทำมาประมาณนี้ ให้เพื่อนไป

<a href="http://img2.f0nt.com/flash/35c1e83bb880ee4b42a56f24a111e9bd.swf" target="_blank">http://img2.f0nt.com/flash/35c1e83bb880ee4b42a56f24a111e9bd.swf</a>

ส่วนข้างล่างนี่ คือโค้ดที่ใช้ทั้งหมดครับ

โค้ด:

mcRotate.onPress = function(){
startrotate = 1;
}
mcRotate.onRelease = mcRotate.onRollOut = mcRotate.onReleaseOutside = function(){
startrotate = 0;
}
mcRotate.onEnterFrame = function(){
if(startrotate == 1){
xVal = this._x - _xmouse;
yVal = _ymouse -this._y;
rotate =(Math.atan2(xVal, yVal)-1.5) * 60;
rotate = rotate % 360;
if(rotate < 0){
rotate += 360;
}
if((rotate >0 && rotate<180)){
mcRotate._rotation = rotate;
}
}else{
if(mcRotate._rotation > 0){
mcRotate._rotation -=2;
}
}
}

ตัวนี้ เพื่อนบอกมาว่า จะให้หมุนได้แค่ 180 องศาบน พอปล่อยเมาท์ ก็ให้มันหมุนกลับมาน่ะครับ

ซึ่งตัวนี้ ที่ผมใช้หลักๆ คือ ช่วงที่กด กับช่วงที่ปล่อย
แล้วก็ใช้ onEnterFrame ในการให้มันทำ animation ตลอดเวลาที่แสดงผลอยู่

แล้วก็

โค้ด:

xVal = this._x - _xmouse;
yVal = _ymouse -this._y;
rotate =(Math.atan2(xVal, yVal)-1.5) * 60;
rotate = rotate % 360;
if(rotate < 0){
rotate += 360;
}

เป็นโค้ดที่ทำให้เราหาได้ว่า ตอนนี้ เม้าท์เรา ทำองศาเท่าไร กับตัว movie clip นั้นอยู่
หลักๆ ก็ประมาณนี้น่ะครับ

ปล. อาจจะมีโค้ดที่ง่ายกว่านี้นะครับในการหาองศา แต่เนื่องจากไม่มีเวลา เลยต้องมานั่งบู้ + มั่วเอาจนได้มา

เยี่ยมครับ

แต่น่าจะใช้วิธี พอปล่อยปุ่ม ลบเอนเตอร์เฟรมเลย
แล้วเอาค่าสุดท้ายให้ lmc_tween เป็นตัวส่งกลับ (หมุนกัลบไปตำแหน่งเดิม)

เดี๋ยวทำมาแบบง่ายๆ พอเป็นแนวทางอีกแบบครับ
แป๊ปนึง

อ่อ ครับผม ขอบคุณครับ ลืมคิดไปเลย เรื่องลบ enterFrame

ความจริง ยังมีอีกหลายตัว ที่ได้เขียนเอาไว้
ไว้จะเอามาให้พี่ดูอีกทีครับ เพื่องานหน้า จะได้ทำให้ดีขึ้น

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

แบบนี้ก็เยี่ยมแล้วครับ มาช่วยกันโพสนะครับ เอากรณีใช้จริงนี่ล่ะ เจ๋งนักแล


เป็นแนวทางอีกแบบครับ อันนี้ไม่เหมือนกันนะครับ ไม่ได้กั้นไว้ 180 องศา
หมุนรอบ แล้ววิ่งกลับ เวลาวิ่งกลับมันจะเลือกทางที่ใกล้ที่สุด  เอาไว้ ประยุกต์ต่อ (ไปลองงมกันดู)

<a href="http://img2.f0nt.com/flash/38bc5da94243ec0b7957c00b3982d7d3.swf" target="_blank">http://img2.f0nt.com/flash/38bc5da94243ec0b7957c00b3982d7d3.swf</a>

stop();
#include "lmc_tween.as"
chk = new Boolean(false);
_mc.onPress = function() {
   chk = true;
   rotate_me();
};
_mc.onRelease= _mc.onReleaseOutside =function(){;
chk=false;
rotate_me();
_mc.tween("_rotation",0,2);
};
function rotate_me() {
if (_root.chk) {
   _mc.onEnterFrame = function() {
      rdn = Math.atan2((_root._ymouse-_root._mc._y), (_root._xmouse-_root._mc._x)); //บรรทัดนี้ หาค่าตำแหน่งค่ามุมเม้าส์
      _root._mc._rotation = rdn*180/Math.PI+180; //แปลงเป็นองศา ส่งกลับไปหมุน
   };
} else {
   delete _mc.onEnterFrame;
}
}

// อย่าหวังว่าผมจะคิดสูตรเองนะครับ เอามาจากหนังสือน่ะ คิดสูตรแบบนี้ คิดเองคิดทั้งปีก็ไม่ออก 

แจกด้วยจ้า เอาไปเลย เป็น FL8 แล้ว

อุอุ ดูดๆ อย่างเดียวครับ แซบหลาย

อ่ะ เต็มที่เลยครับพี่น้อง 

จากโค้ดด้านบน ที่ดึงค่า radian ของเม้าส์ เอามาแปลงเป็นองศา แล้วหมุน

rdn = Math.atan2((_root._ymouse-_root._mc._y), (_root._xmouse-_root._mc._x)); //บรรทัดนี้ หาค่าตำแหน่งค่ามุมเม้าส์
      _root._mc._rotation = rdn*180/Math.PI+180; //แปลงเป็นองศา ส่งกลับไปหมุน

ตัวอย่างการประยุกต์
เอาง่ายๆเลยอันนี้

คลิก แล้วตามมานะ หันหน้ามาด้วย 

<a href="http://img2.f0nt.com/flash/63362828c0f6815a422cc53105cbb074.swf" target="_blank">http://img2.f0nt.com/flash/63362828c0f6815a422cc53105cbb074.swf</a>

stop();
#include "lmc_tween.as"
n=1
var someListener:Object = new Object();
someListener.onMouseDown = function () {
   rdn = Math.atan2((_root._ymouse-_root._mc._y), (_root._xmouse-_root._mc._x));
      _mc.tween("_rotation",rdn*180/Math.PI+90,0.5) //***
      _mc.tween("_y",_ymouse,3)
      _mc.tween("_x",_xmouse,3)
                point()
   };
Mouse.addListener(someListener);
function point(){
   pt._x = _xmouse
   pt._y = _ymouse
   pt.gotoAndPlay(1)
}

ส่วนสีแดงนั่น ให้ดูจุด pivot เริ่มต้น ของ mc ครับ หาก ตั้งตรงก็ 90  หันซ้ายก็ 180

ลองทำดูนะครับ

ไม่แจกครับ     








อ่ะล้อเล่น 

เป๋แล้ว นี่ไม่อนุบาลแล้วนะครับ

  ขอโต๊ดดด
แก้ตัวงานหน้านะ 

  ขอบคุณมากค่ะ มีอะไรสนุกๆมาให้ศึกษาตลอดเลย

  +
เจ๋งครับป๋า

   
   สวัสดีครับ หลังจากไล่อ่านกระทู้นี้มาตั้งหลายวัน 
   
   ได้ความรู้เพิ่มอีกหลายอย่างเลยเกี่ยวกับการเขียน AS

   ตัวผมเองก็พอจะเคยเขียนมาบ้างแต่ก็ไ่ม่ได้เก่งเท่าไหร่
   
   ขอบคุณ คุณน๊าแอ๊ดที่ตั้งใจเขียนบทเรียนดีๆ แบบนี้ให้ชาวฟอนต์ได้อ่านกันนะครับ 
   
   จะติดตามต่อไป ถ้าเกิดมีอะไรที่พอจะทราบจะขออนุญาติร่วมด้วยคนนะครับ
 
   ฝากเนื้อฝากตัวด้วยครับผม