XNA Basic.

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
การใช้งานบริการ เสริมของ. ก่อนอื่นควรสมัคร Gmail.com ก่อน Click ที่ Gmail.
Advertisements

Lab Part Nattee Niparnan
ผังแสดง ขั้นตอน การทำงาน ระบบ e-Submission
ปฏิบัติการที่ 4 การใช้โปรแกรมประมวลผลคำ
XNA Basic.
หลักสูตร eLearning สำหรับ มทรก เม.ย.09
ผู้จัดทำโครงการ นายณัฐพงษ์ ทุมมาลา นายทินกร เหมหงษ์
ไมโครซอพต์ ออฟฟิศ เพาเวอร์พอยต์ Microsoft Office PowerPoint
Microsoft PowerPoint.
….E-Book สนุกสนาน…..
การสร้างหนังสืออิเล็กทรอนิกส์ (E-book)
โครงการ การสร้างสื่อผลิต MV ( Music Video )
LAB # 3 Computer Programming 1
เทคนิคการใช้โปรแกรม Sound Forge ในการบันทึกและตัดต่อเสียง
Visual Basic 6 By Samaporn Yendee VB6.
โครงสร้างภาษาซี.
Microsoft Word Part II Government Savings Bank Computer Training Í
By…Porta Boonyatearana
การแทรกรูปภาพ การนํารูปภาพจากแฟมขอมูลอื่น
Atlas.ti Date 24/03/10.
การใช้งานPowerPoint รู้จักกับ Microsoft PowerPoint2003ใบงานที่1
บทที่ 7 การกำหนดการนำเสนอ และเชื่อมโยงสไลด์
การสร้างภาพเคลื่อนไหว
บทที่ 9 การใส่รูปภาพ (Image).
โปรแกรมกราฟิก illustrator cs3
การสร้าง Digital Video ด้วย Window Movie Maker
การใช้งาน Microsoft Windows XP
เขียนโปรแกรมด้วย microC
Data Projector การใช้งานเมนู การแสดงหัวข้อต่างๆ
Lab 7: เกมไพ่จับคู่ (อีกรอบ)
Suphot Sawattiwong Sprite Suphot Sawattiwong
Suphot Sawattiwong Sound On Game Suphot Sawattiwong
CDEX => MP3 โปรแกรมบันทึกเสียงขนาดเล็ก ปรับปรุง 10 มิถุนายน
โปรแกรม DeskTopAuthor
พื้นฐานของ Microsoft Office Excel โดย
การใส่ภาพลงบน Work Sheet...
เครื่องมือที่ใช้ในการกำหนดการเคลื่อนไหว
เหตุการณ์ในโปรแกรม Game Maker
เรียนรู้การสร้างเกมจากตัวอย่าง 1
การสร้างเหตุการณ์ click ให้กับปุ่มกด Button
วาดภาพสวยด้วย Paint.
การ Generate ตารางข้อมูลให้เป็นแผนที่โดยใช้ ArcView
การรับรองรายงานการประชุม ผ่านเว็บไซต์จังหวัดลพบุรี
เจ้าหน้าที่ระบบคอมพิวเตอร์ ศูนย์เทคโนโลยีสารสนเทศการประชาสัมพันธ์
การใช้โปรแกรม Captivate
การเขียนโปรแกรมภาษาคอมพิวเตอร์ 1
PHP & MySQL ระบบจัดการสินค้า
การใช้งานโปรแกรม Microsoft Power Point
วาดรูปด้วย Paint ชั้นประถมศึกษาปีที่ 3
share folder -จัดทำโดย- 1.นายวัชรพงศ์ จันทร์อินทร์ เลขที่ 22
เข้าสู่เว็บไซต์ สทศ. ผ่าน โปรแกรม Internet Explorer ( ห้ามใช้โปรแกรม Mozilla Firefox, Google Chrome, Safari) แล้วเข้าไปที่ URL สทศ. ที่
Symbol & Instance.
Java for Android Mobile Application Developers
CorelDRAW 12.
ความรู้พื้นฐานเกี่ยวกับ Microsoft Visual C#
การเพิ่มลูกเล่นให้กับเว็บเพจ
การสร้างภาพเคลื่อนไหวด้วย
Lesson01 แมวเหมียว การแสดงภาพและเสียง. 1. คลิก New Project.
นางสาวขวัญชนก ขจรภพ รหัสนิสิต กลุ่ม B06 คณะพยาบาลศาสตร์
การสร้างพจนานุกรม.
เริ่มต้น Photoshop CS5.
Object Oriented Programming : OOP
 สามารถใส่ไฟล์เสียงเพื่อประกอบงานที่สร้างขึ้น  อิมพอร์ตไฟล์เสียงเข้ามาไว้ในไลบรารี  เพิ่มเลเยอร์ใหม่ แล้วคลิกลากไฟล์เสียงมาวาง บนสเตจ  สร้างคีย์เฟรมใหม่ในตำแหน่งเฟรมที่ต้องการให้หยุด.
การสร้างสื่ออิเล็กทรอนิกส์ด้วยโปรแกรม CONTERT AUTHORING
เริ่มใช้งาน Microsoft Office
ปัญหา ที่เกิดขึ้นตั้งแต่ เปิดเครื่องจนถึงปิดเครื่อง
( คลิกเมนู Insert  Image  เลือกไฟล์รูปภาพ.
เทคนิคการใช้ โปรแกรมเพาเวอร์พอยต์
1. ทำการคลิกที่ audiostudio80a-trial 2. เมื่อคลิกจะปรากฏหน้าจอดังรูป 3. ทำการเลือกที่ติดตั่งไฟล์ Setup 4. คลิก Next เฟื่อดำเนิการต่อ.
การทำอนิเมชั่นในโปรแกรม Photoshop
ใบสำเนางานนำเสนอ:

XNA Basic

สร้างโปรเจค หลังจากติดตั้ง XNA แล้ว เลือก Visual Studio เลือก XNA Studio เลือก template Windows Game

Loop Game ใน XNA จะมี loop game ซึ่งคอยอัพเดตข้อมูลของเกม กับ วาด ภาพบนหน้าจอ โดยจะทำงานคล้ายๆ loop Update Draw

Method ที่สำคัญสำหรับโหลดสิ่งต่างๆ Content.Load<type>(“ชื่อไฟล์ใน content”); ยกตัวอย่าง code Texture2D picture = Content.Load<Texture2D>(“picture”);

การวาดสิ่งต่างๆบนหน้าจอ คำถาม ถ้าเราจะวาดอะไรบนหน้าจอต้องมีอะไรบ้าง? 1 รูปภาพ ใน XNA (support เฉพาะ .jpg,.png,.bmp) 2 ตำแหน่ง

แต่ว่าใน XNA จะมีอีกสิ่งหนึ่งที่มันต้องการคือสี ซึ่งมันจะนำไปใช้เป็นโทนสี ของภาพ code Texture2D picture; Vector2 position = new Vector2(50,100); spriteBatch.Begin(); spriteBatch.Draw(picture,position,Col or.White); spriteBatch.End();

สีมีน้อยไป อยากได้สีอื่นอะ? Code Color ColorPicture = new Color(0,0,0); spriteBatch.Begin(); spriteBatch.Draw(Picture,position,ColorPicture); spriteBatch.End();

การทำภาพอนิเมชั่น ภาพอนิเมชั่น คือ การที่เราแสดงภาพเร็วๆหลายๆภาพ เพื่อสร้างภาพลวงตา ยกตัวอย่าง เช่น การวาดภาพ cartoon ลงบนกระดาษหลายๆแผ่น แล้ว คลี่กระดาษ ก่อนอื่นเลยเราต้องการภาพอย่างน้อย 2 ภาพ การสร้างภาพอนิเมชั่นต้องมีช่วงเวลาในการเปลี่ยนภาพที่เหมาะสมเพื่อสร้างอนิ เมชั่นที่เหมาะสม แล้วเราจะกำหนดช่วงการเปลี่ยนเวลายังไง

Code int timer = 0; protected override void Draw(GameTime gameTime) { timer++; if(timer < 10) { timer = 0; } //do something }

การรับ input Method ที่ใช้ เช็คว่าปุ่มไหนถูกกด KeyboardState keyboard = Keyboard.GetState(); keyboard.IsKeyDown(Keys.Enter);

Code Protected override Update(GameTime gameTime) { KeyboardState keyboard = Keyboard.GetState(); if(keyboard.IsKeyDown(Keys.Enter)) { //do something } }

การเช็คการชน การชนอย่างน้อยต้องมี 2 ภาพ ก่อนอื่นเรามาเริ่มวาดภาพกัน 2 ภาพ

ก่อนหน้านั้นเรามารู้จักกับ Rectangle ก่อน Code Rectangle position = new Rectangle(50,100,50,50); Code การ Draw จะเปลี่ยนเล็กน้อย spriteBatch.Draw(picture,position,Color.White); แล้วเราจะรู้ได้อย่างไร ว่าภาพ 2 ภาพ ชนกัน bool r.Intersects(Rectangle value);

การใส่เสียงในโปรเจค ไฟล์เสียงอะไรที่เหมาะในการใช้ใส่เสียง คำตอบคือ .wav แต่ XNA ไม่สามารถนำไฟล์ .wav ไปใช้ได้ โดยตรง แล้วต้องทำไง? ต้องใช้ XACT ในการใส่ .wav ให้ XNA

Code AudioEngine audio; WaveBank wave; SoundBank sound;

Code audio = new AudioEngine(@”Content/Sound/Sound.xgs”); wave = new WaveBank(audio,@”Content/Sound/WaveBa nk.xwb”) ; Sound = new SoundBank(audio,@”Content/Sound/Sound Bank.xsb”); Sound.PlayCue(“ชือไฟล์เสียง”);

มี code อีกแบบในการเล่นเสียง Cue song = sound.GetCue(“ชื่อไฟล์เสียง”); song.Play(); // เล่นเพลง song.Pause(); // หยุดเล่นเพลง song.Resume(); // กลับมาเล่นเพลง ณ จุดที่หยุด song.Stop(); // ปิดเพลง

การใช้ XACT ก่อนจะใช้ก็ต้องเปิดโปรแกรมก่อน XACT จะถูกติดมาพร้อม XNA อยู่ในส่วนของ tool

การสร้าง project XACT เลือก file menu เลือก new project

สร้าง Wave Bank เลือก new wavebank ที่ wavebank เมนู ข้อควรระวัง ไฟล์เสียงควรจะอยู่ที่โฟลเดอร์ content ใน project เพราะ XNA ไม่สามารถมองหาไฟล์ที่อยู่นอก folder content ได้

สร้าง Sound Bank เลือก new soundbank ที่ soundbank เมนู ลากไฟล์ในหน้าต่าง wave bank เข้ามาในหน้าต่าง soundbank ส่วนบน ลากไฟล์จากส่วนของหน้าต่าง sondbank ส่วนบน เข้ามาในหน้าต่าง soundbank ส่วนล่าง เลือก build แล้ว save project

การใช้ audacity โหลด โปรแกรมตัดต่อเสียงได้จาก http://audacity.sourceforge.net/