•  

ยินดีต้อนรับสู่ ThaiFlashDev

ผู้เขียน หัวข้อ: เว็บใหม่ ทำอนิเมชั่นใน animate CC แล้วแปลงเป็น html5  (อ่าน 90 ครั้ง)

ออฟไลน์ game2animate

  • เด็กเตรียมอนุบาล
  • *
  • กระทู้: 6
    • game-animate.com
เว็บไซต์ ใหม่ของทางเราครับ
http://www.game-animate.com/

ใช้ animate CC ในการทำอนิเมชั่น และไปเขียนเพิ่มบน ดรีมวิวเวอร์ครับผม

ตอนแรกทำมาเป็น html5 จากใน Animate CC เลย
มีอนิเมชั่นมากกว่าที่เห็นบนเว็บ แต่พอเปิดในมือถือต่างๆ
ค่อนข้างกระตุกมากเลย ลดทอนคุณภาพของภาพและตัดอนิเมชั่นออก

เพื่อให้เล่นได้ไวที่สุดแม้ในมือถือรุ่นเล็กครับผม

ออฟไลน์ thora

  • เด็กอนุบาลสามกำลังโต
  • ****
  • กระทู้: 429
จะให้ล่นลื่นๆ วิธีแก้มี 3 วิธีครับ

1.เปลี่ยน vector รายละเอียดสูงทั้งหมดให้เป็น png แล้วค่อยเอาไปใส่ ตอนแปลงจะเบาขึ้นมาก เพราะจะไม่ต้องเข้าระหัสการวาดตอนเล่น

2.เข้าไปแก้กราฟิกใหม่ ให้วาดใหม่โดยใช้จุดอ้างอิงน้อยที่สุด อย่าดึงภาพจากอิลาสมาวาง เพราะสิ้นเปลืองจุดอ้างอิงมาก ในไฟล์ js จะเห็นก้อนขี้หมาก้อนใหญ่ๆ เพียบ

3.ลดการใช้ timeline เป็น animation ให้หัดเขียน animation จาก script ให้คล่อง จะเบาขึ้นมากครับ

แค่ 3 อย่างนี้ถ้าทำได้ก็สบายแล้วครับ พวก animation จัดการไม่ค่อยยาก พวก code น่าปวดหัวกว่ามากครับ โดยเฉพาะงานที่ซับซ้อนมากๆ ใช้ทางอ้อมทางลัดกันจนเหนื่อยครับ กว่าจะใช้ได้ใกล้เคียงกัน
« แก้ไขครั้งสุดท้าย: 24 ก.พ. 17, 04:36:50 โดย thora »
ควรวางลำดับความคิดเราก่อน ก่อนที่จะลงมือทำ

ออฟไลน์ -w-

  • รุ่นพี่ปอหนึ่ง
  • *****
  • กระทู้: 790
  • shunlong livis rafael
    • rainball studios
?~*[.LM.]*~? [ขยันฝึกฝน อดทนหัดทำ เข้าใจใช้เป็น] ?~*[.LM.]*~?
https://www.facebook.com/shunlong.livis
http://rainballstudios.com
https://www.facebook.com/RainballStudiosPage