หัดสร้าง Application บน Facebook ด้วย Heroku (Free Cloud Hosting) by heha

30
Sep
5

บทความนี้จริงๆ ก็เหมือนของเก่าเล่าใหม่ เพราะเคยเขียนไปนานมากแล้ว แต่ครั้งนี้ Facebook ได้ประกาศจับมือกับ Heroku ทำให้เรามี Cloud Hosting ได้ใช้กันฟรีๆ ไม่ต้องไปหา host เองให้วุ่นวาย (แต่เฉพาะการทำ app ง่ายๆ เล็กๆ น้อยๆ นะครับ ถ้าจะทำจริงจัง ควรไปเช่า host แบบจ่ายเงินจริงจังอยู่ดี) ซึ่งตัว Heroku นั้นมีข้อดีอย่างมากอย่างแรกคือมี https ในตัว ทำให้ผู้ที่ต้องการจะสร้าง application บน facebook แบบง่ายๆ ไม่ต้องไปวุ่นวายหา Host ใช้งาน และหาทางจดค่าโดเมนและค่า https certificate แบบรายปีให้วุ่นวาย ผมจึงขอเขียนเป็นบทความใหม่ดังนี้ครับ

องค์ประกอบจำเป็นสำหรับนำ application ขึ้น Facebook

รูปแสดง Architecture ของเกม facebook ทั่วๆ ไป

  • —เตรียม Hosting สำหรับเก็บไฟล์ รองรับ load การใช้งานทั่วไป (ในที่นี้ของเราคือ Heroku ครับ)
  • —สร้าง Application ใน Developer ของ Facebook
  • —SDK สำหรับติดต่อกับ Facebook ภาษาต่างๆ (หลักๆ ที่ใช้คือ PHP SDK และ Javascript SDK)
  • —ตัวเกม ตัว app ที่เราสร้างขึ้น

เปิด Animated GIF เป็น frame ด้วย Photoshop by akara

21
Feb
1
ปัญหาหลักๆในการที่จะ edit รูป animated gif แบบรูปด้านล่างนี้
ที่หลายๆคนมักจะเจอนะครับ ก็คือเปิดมันใ้้ห้ออกมาเป็น frame ๆไม่ได้
พอลากไฟล์ .gif เข้าไปใน photoshop ทีไร มันก็ขึ้นหน้าต่างนี้ขึ้นมา
แล้วภาพ .gif ของเราก็กลายเป็นภาพเดียวตลอดเลย
ถ้าเป็นเมื่อก่อนก็ไม่มีปัญหาหรอกครับ ถ้าเราัยังมีเจ้า Imageready อยู่
แต่ ณ วันนี้(CS3+ มั้ง) เขาก็ได้จากเราไปแล้วครับ
แต่ว่าเราก็ยังมีความหวังอยู่ครับ วิธีการนั้นก็ไม่ได้ยากเลยครับ แค่ไม่รู้เท่านั้นเอง
วิธีการคือ
1. ไปที่ File > Import > Video Frames to Layers
2. จากนั้น Photoshop ก็จะขึ้นหน้าต่างเลือกไฟล์ที่จะเิปิดมาครับ
ให้เราเลือกไปที่ Folder ที่มีไฟล์ .gif ของเราอยู่ แต่เมื่อเข้าไปถึงก็จะพบว่าไม่มีไฟล์ของเราให้เลือก
แถมกดไปที่ File type: ก็ไม่มีให้เลือกอย่างอื่นอีกต่างหาก
3. ถึงขั้นนี้แล้วเราก็อย่างไปยอมครับ พิมพ์ชื่อไฟล์ของเราเข้าไปดื้อๆเลย!
เมื่อกด Load ปุปเราก็จะได้ของที่เราอยากได้ครับ ไฟล์ gif ที่แบ่งออกมาเป็น frame แล้ว

วิธีการเอารูปจาก .ai ไปใส่ใน .fla by akara

28
Jan
0

ไม่รู้คนอื่นๆเป็นเหมือนผมไหมนะครับ ในสมัยที่ผมเริ่มหัดทำแฟลชแรกๆ ถ้าจะเอารูปภาพ หรือ Interface ที่เราออกแบบในไฟล์ .ai หรือ .psd  เข้าไปใช้ในแฟลชเนี่ย วิธีที่ผมทำมีอยู่ 2 แบบครับ 1. Ctrl+C , Ctrl+V 2.เซฟออกมาเป็นไฟล์รูป .jpg .png ก็ว่ากันไป แล้วค่อยลากเข้าไปใน Movie Clip ในไฟล์ .fla อีกที

แต่ทุกวันนี้ผมใช้วิธีที่(คิดว่า)น่าจะดีกว่าทั้ง2วิธีนั้นแล้วครับ เพราะรู้สึกว่ามันเป็นระเบียบกว่า และรวดเร็วกว่า

เริ่มต้นกับการเขียน Facebook Application สำหรับผู้เริ่มต้น (Javascript) by heha

30
Sep
6

ต่อจากบทความก่อน เริ่มต้นกับการเขียน Facebook Application สำหรับผู้เริ่มต้น (PHP) ฉบับปรับปรุง Graph API นะครับ มาครั้งนี้ลองมาดู Javascript API กันบ้าง โดย Application ทุกตัวมีความจำเป็นอย่างหลีกเลี่ยงไม่ได้ที่จะต้องใช้ Javascript API มาทำงานร่วม เพราะต้องใช้ตอน publish หรือสร้างหน้าต่าง invite ซึ่งเป็น UI ของทาง facebook ที่สร้างมาให้ใช้ โดย Javascript Library ตัวนี้เป็นคนละตัวกับในบทความเก่าของผมนะครับ ไม่สามารถใช้ร่วมกันได้ ก่อนอื่นมาดู ก่อนอื่นต้องสร้าง code ส่วนของการ Authenticate ผ่าน Javascript ไว้ด้วย ลองดูไฟล์ตัวอย่างที่นี่ จะมี code ส่วน Authenticate ดังนี้

เริ่มต้นกับการเขียน Facebook Application สำหรับผู้เริ่มต้น (PHP) ฉบับปรับปรุง Graph API by heha

30
Aug
31

เนื่องจาก Facebook ได้ประกาศ API ใหม่มาตั้งแต่เดือนเมษายน ชื่อว่า Graph API ตอนนี้ก็ควรแก่เวลา(ตั้งนานแล้ว) ที่จะ update บทความใหม่เสียที

Update ล่าสุดตามได้ที่บทความใหม่อันนี้ครับ บทความนี้ใช้ได้แค่ตั้งแต่ข้อ 7 ลงไปนะครับ ส่วนข้อ 1-6 มันเก่าเกินไปแล้ว ใช้ไม่ได้แล้วครับ

องค์ประกอบการทำเกม Facebook เกมหนึ่งมีดังนี้

  1. Hosting สำหรับเก็บไฟล์ รองรับ load การใช้งานทั่วไป และรองรับ php5.2 ขึ้นไป (หากต่ำกว่านี้ต้องหา library json_encode, json_decode เพิ่มเอง)
  2. ประสบการณ์การพัฒนา Web Application ด้วย php และ mysql ใช้สร้างตัว Core เกมทั้งหมด (จริงๆ แล้วภาษาอื่นก็ได้แทบทุกภาษา แต่ในบทความนี้ผมจะกล่าวแต่ php)
  3. Facebook SDK สำหรับติดต่อกับ Facebook ในที่นี้จะแบ่งออกเป็นสองส่วนใหญ่ๆ คือ PHP SDK และ Javascript SDK
  4. ทำการสร้าง Application ใน Developer ของทาง Facebook (ฟรี และสามารถใช้งานได้ทันที)

ในบทความนี้จะกล่าวถึงข้อ 4 นะครับ สิ่งที่ต้องทำมีดังนี้