"Head ใหม่!!! กับ Flash Animate convert to HTML5 !?
posted on 23 Jan 2012 00:17 by monkiji321 in CartoonME, Diary, Flash, News, Trip directory Cartoon, Knowledge, Ideaเห็น Exteen เปลี่ยนไป๊(ไป)....

ก็เลยหาเรื่องเปลี่ยน Head Blog

ก็เลยหาเรื่องเปลี่ยน Head Blog
กับทำ Character ตัวเองใหม่ดูบ้างดีกว่า...

^Character ME!!! 2012
(ส่วน Head Blog ใครยังไม่เห็นการเปลี่ยนแปลง...
...ให้กด F5 เบาๆหนึ่งที เด้อครับ เด้อ )

อ่ะ....ว่ากันต่อ...
และแล้ว Head บล๊อค อันนี้ล่ะ...
มันคือปัญหาในเอนทรี่นี้...
เรื่องของเรื่องก็คือ...
ตอนแรกนั้น ผมสร้างชิ้นงานนี้ำใน Flash และตั้งใจจะให้ Orijinal Animate ที่ทำ...
เป็นอย่างใน flash ใน link ด้านล่างนี่ (ใครใช้ Safari เปิดก็เสียใจด้วยนะครับ มันดู บ่ได้อ่ะนะ)

***กดเพื่อดู Flash Orijinal****

^Character ME!!! 2012
(ส่วน Head Blog ใครยังไม่เห็นการเปลี่ยนแปลง...
...ให้กด F5 เบาๆหนึ่งที เด้อครับ เด้อ )

อ่ะ....ว่ากันต่อ...
และแล้ว Head บล๊อค อันนี้ล่ะ...
มันคือปัญหาในเอนทรี่นี้...
เรื่องของเรื่องก็คือ...
ตอนแรกนั้น ผมสร้างชิ้นงานนี้ำใน Flash และตั้งใจจะให้ Orijinal Animate ที่ทำ...
เป็นอย่างใน flash ใน link ด้านล่างนี่ (ใครใช้ Safari เปิดก็เสียใจด้วยนะครับ มันดู บ่ได้อ่ะนะ)

***กดเพื่อดู Flash Orijinal****
....
แต่นึกไป นึกมา Flash มันดันถูกดองเค็มซะแล้ว ด้วยพ่อเลี้ยง อะโดบี้...
(*ADOBE งดพัฒนาต่อ แล้วหันไปเล่น HTML5 ตามApple)
...ส่วน พี่เบร้าเซอร์ต่างๆ ก็ไม่รู้จะเลิกรักน้องแฟรสเมื่อไหร่ =..="
...ซึ่งอาจเป็นเหตุ ทำให้น้อง แฟรส มีโอกาศถูกเฉดหัวออกจากบ้านพี่เบร้าฯเมื่อไหร่ก็ได้
(อ่ะนะ...ประหนึ่งละครน้ำเน่าหลังข่าวเลยแฮะ...)

แถมถ้าเปิดดูใน ios ที่ใช้ Safari ทั้งหลาย มันก็จะมองไม่เห็นด้วยอ่ะนะ
ว่าแล้วก็เลยเปลี่ยน ชิ้นงาน Flash Animate ให้เป็น HTML5 ซะ...
(ด้วยโปรแกรมปลั๊กอินสำหรับใช้ใน Flash 5.5)
เพื่อที่ว่า ไม่ว่าจะเปิดด้วย เบร้าเซอร์อะไร ก็จะได้เห็น Head Blog เป็น animate ได้เหมือนๆกัน...
แต่พอเอามาใช้จริง ทำให้ได้รู้ว่า...
สคริป ที่ convert มาเป็น Html5
มันจะแสดงผลออกมาได้ในแต่ล่ะเบร้าเซอร์ไม่เหมือนกัน...
-- ผมทดลองเปิดด้วย... 4 เบร้าเซอร์หลักนี้ --

+++ ว่ากันง่ายๆคือ...
"ในแต่ล่ะเบร้าเซอร์ จะมีข้อจำกัดในการแสดงผลของภาพที่เห็นต่างกัน..."
อาจจะงง ลองไปดูตัวอย่างกันเลย....
(*ผมเลียงลำดับจากเบร้าเซอร์น่าใช้ 4 อันดับขึ้นมาครับ)
อันดับที่ 4
แต่นึกไป นึกมา Flash มันดันถูกดองเค็มซะแล้ว ด้วยพ่อเลี้ยง อะโดบี้...
(*ADOBE งดพัฒนาต่อ แล้วหันไปเล่น HTML5 ตามApple)
...ส่วน พี่เบร้าเซอร์ต่างๆ ก็ไม่รู้จะเลิกรักน้องแฟรสเมื่อไหร่ =..="
...ซึ่งอาจเป็นเหตุ ทำให้น้อง แฟรส มีโอกาศถูกเฉดหัวออกจากบ้านพี่เบร้าฯเมื่อไหร่ก็ได้
(อ่ะนะ...ประหนึ่งละครน้ำเน่าหลังข่าวเลยแฮะ...)

แถมถ้าเปิดดูใน ios ที่ใช้ Safari ทั้งหลาย มันก็จะมองไม่เห็นด้วยอ่ะนะ
ว่าแล้วก็เลยเปลี่ยน ชิ้นงาน Flash Animate ให้เป็น HTML5 ซะ...
(ด้วยโปรแกรมปลั๊กอินสำหรับใช้ใน Flash 5.5)
เพื่อที่ว่า ไม่ว่าจะเปิดด้วย เบร้าเซอร์อะไร ก็จะได้เห็น Head Blog เป็น animate ได้เหมือนๆกัน...
แต่พอเอามาใช้จริง ทำให้ได้รู้ว่า...
สคริป ที่ convert มาเป็น Html5
มันจะแสดงผลออกมาได้ในแต่ล่ะเบร้าเซอร์ไม่เหมือนกัน...
-- ผมทดลองเปิดด้วย... 4 เบร้าเซอร์หลักนี้ --

+++ ว่ากันง่ายๆคือ...
"ในแต่ล่ะเบร้าเซอร์ จะมีข้อจำกัดในการแสดงผลของภาพที่เห็นต่างกัน..."
อาจจะงง ลองไปดูตัวอย่างกันเลย....
(*ผมเลียงลำดับจากเบร้าเซอร์น่าใช้ 4 อันดับขึ้นมาครับ)
อันดับที่ 4

อันแรกนี้รันบนเบร้าเซอร์ประจำวินโดว์ นั้นก็คือ IE9 นั้นเอง...
*จะเห็นว่าภาพหลุดมาก...
ทั้งกราเดียนที่ตัวcharacter และเงา หรือแสงต่างๆหายไป
(ไม่แสดงผล)
...ภาพออกมาต่างจาก Orijinal ไปมากมายทีเดียว
แต่กระนั้นผลดีที่ได้ก็คือ มันจะแสดงผลได้เร็ว หรือมีการ animate ที่ดูลื่นไหลนี่เอง
(อ่ะแน่ล่ะสิ.... ก็เล่นไม่แสดงผล Effect อ่ะไรที่ตั้งไว้เลยนิ... =..=")
ดังนั้น ถ้าใครจะคิดเพื่อจะแสดงผลใน IE ด้วย...
แนะนำอย่าใส่ Effect Code ใดๆให้ชิ้นงานนะครับ...
ไม่งั้นมันจะออกมาเป็นสีโล้นๆตามที่เห็นนั้นแล ... ดังนั้น...

-- ส่วนตัว IE ผมให้คะแนนการแสดงผลแค่ 4.5/10 ครับ...
(สาเหตุหลักก็เพราะ มันออกมาดู เน่า!!! สุด...)
*จะเห็นว่าภาพหลุดมาก...
ทั้งกราเดียนที่ตัวcharacter และเงา หรือแสงต่างๆหายไป
(ไม่แสดงผล)
...ภาพออกมาต่างจาก Orijinal ไปมากมายทีเดียว
แต่กระนั้นผลดีที่ได้ก็คือ มันจะแสดงผลได้เร็ว หรือมีการ animate ที่ดูลื่นไหลนี่เอง
(อ่ะแน่ล่ะสิ.... ก็เล่นไม่แสดงผล Effect อ่ะไรที่ตั้งไว้เลยนิ... =..=")
ดังนั้น ถ้าใครจะคิดเพื่อจะแสดงผลใน IE ด้วย...
แนะนำอย่าใส่ Effect Code ใดๆให้ชิ้นงานนะครับ...
ไม่งั้นมันจะออกมาเป็นสีโล้นๆตามที่เห็นนั้นแล ... ดังนั้น...

-- ส่วนตัว IE ผมให้คะแนนการแสดงผลแค่ 4.5/10 ครับ...
(สาเหตุหลักก็เพราะ มันออกมาดู เน่า!!! สุด...)
.............
อันดับที่ 3

อันดับ3ตกเป็นของหมาไฟ Firefox เบราเซอร์ยอดนิยม(ในอดีต)นี่เอง...
จริงๆ ตัดสินใจอยู่นานระหว่างอันดับ 2 กับ 3
แต่สรุปที่เลือกอันนี้เป็นอันดับ 3 ก็เพราะ สปิดในการแสดงผลนี่ล่ะ...
...คือเรื่องการแสดงค่าสี ความสมบูรณ์ของภาพที่เห็น
ไม่ว่าจะเป็นกราเดียน/เงา/แสง/Effect ต่างๆ
...แสดงออกมาได้เกือบ 100% ทีเดียว...
ติดอยู่แค่เรื่องความหนืดในการแสดงผลนั้นล่ะ...
มันทำให้ Animate ช่างดูกระตุกและช่างสโลโมชั่นเสียนี่กระไร

-- ส่วนตัว ผมเลยให้คะแนน น้องหมาไฟ FireFox ไป 6.5/10 ครับ...
จริงๆ ตัดสินใจอยู่นานระหว่างอันดับ 2 กับ 3
แต่สรุปที่เลือกอันนี้เป็นอันดับ 3 ก็เพราะ สปิดในการแสดงผลนี่ล่ะ...
...คือเรื่องการแสดงค่าสี ความสมบูรณ์ของภาพที่เห็น
ไม่ว่าจะเป็นกราเดียน/เงา/แสง/Effect ต่างๆ
...แสดงออกมาได้เกือบ 100% ทีเดียว...
ติดอยู่แค่เรื่องความหนืดในการแสดงผลนั้นล่ะ...
มันทำให้ Animate ช่างดูกระตุกและช่างสโลโมชั่นเสียนี่กระไร

-- ส่วนตัว ผมเลยให้คะแนน น้องหมาไฟ FireFox ไป 6.5/10 ครับ...
(เห็นแก่ที่มันโชว์ Effect+กราฟฟิคได้แหล่ม และครบอ่ะนะ...
แต่ animate นี่สิ ไม่ไหวจริงๆ(หนืดดดด...))
แต่ animate นี่สิ ไม่ไหวจริงๆ(หนืดดดด...))
.............
อันดับที่ 2

อันดับ2 ตกเป็นของน้องใหม่มาแรงเมื่อปีก่อน...
น้อง Chrome ณ. อากูฯ นี่เอง...
(ได้กระแส Google+ กับ Android ช่วยส่งอีกแรง)
น้อง Chrome ณ. อากูฯ นี่เอง...
(ได้กระแส Google+ กับ Android ช่วยส่งอีกแรง)
เบร้าเซอร์ตัวนี้ แสดงผลกราฟฟิคได้แหล่มเหมือนกับ น้องหมาไฟเลย
แต่ต่างกันแค่นิดเดียว...ในเนื้องานนี้ มันไม่แสดงค่าที่เป็น Effect-Overlay แค่นั้นเอง...
แต่เรื่องความคล่อง อาการหนืด มีไม่มากเท่าไหร่ ดีกว่าน้องหมาไฟเยอะ...
(ถึงจะยังเห็นอาการหน่วงๆคีย์เฟรมให้รำคาญใจอยู่บ้างก็เถอะ...)
แต่ต่างกันแค่นิดเดียว...ในเนื้องานนี้ มันไม่แสดงค่าที่เป็น Effect-Overlay แค่นั้นเอง...
แต่เรื่องความคล่อง อาการหนืด มีไม่มากเท่าไหร่ ดีกว่าน้องหมาไฟเยอะ...
(ถึงจะยังเห็นอาการหน่วงๆคีย์เฟรมให้รำคาญใจอยู่บ้างก็เถอะ...)

-- ดังนั้น ส่วนตัว ผมเลยให้คะแนน น้อง Chrome ไป 7.5/10 ครับ...
.............
อันดับที่ 1

และ...อันดับ1 ตกเป็นของคุณหนูไฮโซฯ
คุณหนู SAFARI คนนี้นี่เองงงง...
(เบร้าเซอร์ชื่อดังที่เหล่าคนชั้นสูงกล่าวขวัญ... =..=")
คุณหนู SAFARI คนนี้นี่เองงงง...
(เบร้าเซอร์ชื่อดังที่เหล่าคนชั้นสูงกล่าวขวัญ... =..=")
ไม่ต้องกล่าวอะไรเยอะ...เพราะคุณหนูคนนี้ ถูกอบรมมารยาทและสั่งสอนมาให้คุ้นเคยกับ HTML5 อยู่แล้ว...
(อดีตคุณพ่อจ๊อบของน้อง SAFARI ถึงกับเคยลั่นวาจาว่า
"Html5 นี่ล่ะคืออนาคต!!!"
...ก่อนที่จะหันมาดราม่ากับ Flash (งานเข้าเลยกรู... =..=")...)
ส่วนผลทดสอบที่ได้...
โอเคเลยทีเดียว...
ความสมบูรณ์ของภาพที่เห็น
ไม่ว่าจะเป็นกราเดียน/เงา/แสง/Effect ต่างๆ
...แสดงออกมาได้เกือบ 100% ทีเดียว...
ซึ่ง Effect ที่ไม่แสดงผลก็มีแค่ *drop Shadow เท่านั้น
**ซึ่งตรงนี้วิธีแก้คือ ให้ทำ Object นั้นเป็นเบลอแทนแล้วปรับสีให้เป็นดำ-เทา ก็ใช้เป็นเงาได้เหมือนกัน
(อดีตคุณพ่อจ๊อบของน้อง SAFARI ถึงกับเคยลั่นวาจาว่า
"Html5 นี่ล่ะคืออนาคต!!!"
...ก่อนที่จะหันมาดราม่ากับ Flash (งานเข้าเลยกรู... =..=")...)
ส่วนผลทดสอบที่ได้...
โอเคเลยทีเดียว...
ความสมบูรณ์ของภาพที่เห็น
ไม่ว่าจะเป็นกราเดียน/เงา/แสง/Effect ต่างๆ
...แสดงออกมาได้เกือบ 100% ทีเดียว...
ซึ่ง Effect ที่ไม่แสดงผลก็มีแค่ *drop Shadow เท่านั้น
**ซึ่งตรงนี้วิธีแก้คือ ให้ทำ Object นั้นเป็นเบลอแทนแล้วปรับสีให้เป็นดำ-เทา ก็ใช้เป็นเงาได้เหมือนกัน
แต่ที่น่าประทับใจสุดคือ ความคล่องและลื่นไหลในการแสดงผล Animate นั้นเอง...
(ทำได้เกือบสมบูรณ์ที่เดียว)
(ทำได้เกือบสมบูรณ์ที่เดียว)

-- ดังนั้น ส่วนตัว ผมเลยให้คะแนน คุณหนู SAFARI ไป 8.5/10 ครับ...
.....
จบการวิเคราะห์...
(ยาวเลยแฮะ... ^_^")
+++
เอาเป็นว่าก่อนจบเอนทรี่นี้...
ก็ขอให้ Happyๆ
ซินเจียยู่อี่ ซินนี้ฮัวใช้
ครับทุกท่าน...

+++
(ยาวเลยแฮะ... ^_^")
+++
เอาเป็นว่าก่อนจบเอนทรี่นี้...
ก็ขอให้ Happyๆ
ซินเจียยู่อี่ ซินนี้ฮัวใช้
ครับทุกท่าน...

+++
Tags: flash, head, html517 Comments








