ไปเจอของดีมาครับ :25: :25: :25:
เป็นระบบเพจฟลิป (แฟลชพลิกหน้ากระดาษ) อันใหม่
ซึ่งฟรี!! แฃะดีมากกว่าอันที่เสียตังค์ที่เคยใช้มาเสียด้วยนะ
MegaZine 3 (http://megazine.mightypirates.de/?c=home&l=en)
A Free and Opensource Pageflip Engine
- Simplicity เรียบร้อยสวยงาม หน้าตาไม่เชย
- Deep Linking ทำลิงก์เข้ามาดูแต่ละหน้าได้เลยโดยตรง หรือถ้าจะดูย้อนหลังก็กด Back ในเบราว์เซอร์ก็ได้
- Control Bar ตัวแฟลชมันสร้างระบบพลิกหน้าและเมนูมาให้สมบูรณ์แบบเลย กดง่าย ดูง่าย
- Page Caching โหลดไม่อืดเพราะไม่ใช้วิธีโหลดรวดเดียวทั้งเล่ม
- Usability ใช้ง่าย คนที่อ่านก็อ่านง่าย มีทูลทิป มีสัญลักษณ์เมาส์ใบ้ให้
- Element System ไอ้นี่อะไรไม่รู้
- The XML and Internal Linking แน่นอนว่าใช้ XML ในการโหลดข้อมูล
- Localization มีหลายภาษา กดธงเปลี่ยนภาษาได้ :07:
- Zoom Images ซูมภาพได้ :07: :07:
- Gallery Functionality ภาพใหญ่ๆ มันจะย่อให้เลื่อนดูได้ หรือถ้ามีหลายภาพมันจะทำ Thumbnail ได้ด้วย :07: :07:
จานก่อ เอามาเล่นอะไรสนุกๆ กันไหม :25: :25: :25: :25:
ฟ้อนสุดฯ เล่มใหม่ใช้ไอ้นี่กันเถอะ :25:
เย้ เอาเลย :25:
ทำยังไงอ้ะ :3005:
ม่ายรู้ววววว :25:
:25: ว้าว น่าสนุกอะครับพี่แอน เอามาเล่นกันเถอะครับๆ
เดี๋ยวผมขอโหลด Source code มาดูก่อนครับ
คิดว่าน่าจะใช้ ActionScript 3 เขียน..
ถ้าเล่นแล้วเวิร์ก ผมจะทำตัวแก้ xml ด้วยเลย :30:
AS3 อ้ะ :3005:
// ก่อเอามายำเป็นรุ่น Offline เล้ย
:25: กรี๊ดด AS3
งั้นเราเอามาทำเป็น AIR ดีไหมครับพี่แอน
มันดูได้ทุกแพลตฟอร์มเลยนะครับ ทั้ง Windows Mac และ linux
ต่อไปนี้ก็จะไม่มีปัญหาเรื่องที่ว่า ดูได้แต่ใน Windows แล้ว :12:
สิ่งที่จำเป็นอย่างเดียวคือโหลดตัว AIR (ฟรี) จากเว็บ Adobe แค่นั้นเอ๊ง
EDIT
ดูโค้ดบางส่วนจากใน SVN แล้วครับ ดูท่าจะแปลงง่ายซะด้วย
แทบไม่ต้องเขียนโค้ดใหม่เลยครับ ผมสามารถเปลี่ยน Publish Settings จาก Flash Player เป็น AIR ได้เลย
:25: ว้าวๆ น่าใช้มากๆ คืนนี้นั่งงมเล่นเลยดีก่า
อืม น่าสนๆ :12:
แล้วก็คิดว่าน่าจะชูเวอร์ชันออนไลน์มาเป็นหลัก(อีกอันนึง) ด้วย ไว้เก็บสถิติออนไลน์ได้ด้วยนะ
เพราะประโยชน์จากการที่สามารถทำลิงก์ตรงไปยังหน้ากระดาษที่ต้องการได้เนี่ย มันมีค่ามากๆ เลย
(เช่นใครจะอ้างอิงบทความหมอแมวอะไรงี้ไง)
โอว รู้สึกได้ว่าข้อจำกัดต่างๆ กำลังจะเริ่มถูกทำลายลงไปแล้ว :25:
งั้นคืนนี้ผมจะทำตัวแก้ XML เลยละกันครับ :30:
:05: ดีใจจริงๆ ครับ
ก่อพลังหนุ่ม ไฟแรง เอาเลย :25:
ตอนหนุ่มๆ ก็เคยเป็น ตอนนี้เอาน้ำมันมาราดไฟยังดับเลย :3005:
ตอนแรกว่าจะนั่งทำเลย แต่พอเห็น Document ของ XML แล้ว
:55:
Attribute เยอะมากครับ แล้วก็ไดนามิกมากๆ ด้วย อย่างเช่น
อยากให้ใน Chapter มันมี 100 หน้า ตั้งแต่หน้า 1 ถึง 100
เราไม่จำเป็นต้องใส่หน้าใน XML ทั้ง 100 บรรทัด
<chapter>
<page> <img src="pages/page1.jpg" /> </page>
<page> <img src="pages/page2.jpg" /> </page>
<page> <img src="pages/page3.jpg" /> </page>
...
<page> <img src="pages/page100.jpg" /> </page>
</chapter>
แต่เราสามารถใส่แบบนี้แทนได้ :07:
<chapter pages="pages/page[1-100].jpg">
</chapter>
มันจะไล่หาเองเลยครับ ตั้งแต่ไฟล์ page1.jpg ถึง page100.jpg
:07: กรี๊ด
สุดยอดดดดด :07:
กดดู Demo ชอบตรงหน้าที่มีตัดทะลุอ่ะ :25:
:07: ว้าว เจ๋งเมพมาก
อูร่า เจ๋งมากกกก \:07:/
คุยอะไรกัน :37:
นั่นน่ะสิ :05: :05:
แต่ว่าฟ้อนสุดฯ เล่มหน้าใช้ไอ้นี่แล้วจะเจ๋งขึ้นใช่ป่ะ โบร่า \:07:/
:25: แปะไว้ก่อน เดี๋ยวมาอ่าน
:25: :25: เจ๋งๆ
สรุปว่าตอนนี้มันเป็นแบบออนไลน์อยู่
แต่ก่อจะใช้พลังเมพทำให้มันเป็นออฟไลน์ก็ได้ ออนไลน์ก็ด้วย
ใช่มะครับ :37:
ใช่ครับ ก่อทำให้ทั้งเล่มเลย \:07:/
ฟังแล้วมันดูไฮโซดีแหะ
อูร่าาาา!! ด้วยอีกคน \:07:/
งานเข้า :30:
:30:
อ้างคำพูดจาก: iannnnn เมื่อ 23 มิ.ย. 2009, 23:03 น.
ใช่ครับ ก่อทำให้ทั้งเล่มเลย \:07:/
โดยส่วนตัวคิดว่าง่ายครับ
ถ้าเป็นออนไลน์ ตอนคอมไพล์เป็นอีเอ็กซ์อีก็ตั้งให้มันเปิดไปที่ตัวเพจฟลิปได้ไหมครับ
โอ้วววว
อ้างคำพูดจาก: แทนครับ! เมื่อ 06 ก.ค. 2009, 18:40 น.
โดยส่วนตัวคิดว่าง่ายครับ
ถ้าเป็นออนไลน์ ตอนคอมไพล์เป็นอีเอ็กซ์อีก็ตั้งให้มันเปิดไปที่ตัวเพจฟลิปได้ไหมครับ
คือตอนนี้มันติดตรงที่ ตัว PageFlip มันจะรับค่าเริ่มต้นจาก Javascript ที่อยู่ในตัว html ครับ
มันเลยทำ Offline ไม่ได้ ถ้าเปิดตรงๆ มันเป็นเป็นไฟล์เปล่าๆ ขนาด 1x1 pixel ครับ
ดังนั้น ถ้าจะให้ใช้งาน Offline ได้ ก็จะต้องปรับวิธีการเรียกใช้งานมันใหม่ อาจต้องไปแกะโค้ดเดิมด้วยน่ะครับ
ซึ่งก่อจะเป็นคนแกะเองคนเดียว เย้ \:07:/
เกรงใจก่อจังเลย :56:
เย้ :27:
:3005:
ไม่เถียงด้วย :25:
อ้างคำพูดจาก: ก่อสตูดิโอเอ็กซ์ทู เมื่อ 10 ก.ค. 2009, 15:03 น.
คือตอนนี้มันติดตรงที่ ตัว PageFlip มันจะรับค่าเริ่มต้นจาก Javascript ที่อยู่ในตัว html ครับ
มันเลยทำ Offline ไม่ได้ ถ้าเปิดตรงๆ มันเป็นเป็นไฟล์เปล่าๆ ขนาด 1x1 pixel ครับ
ดังนั้น ถ้าจะให้ใช้งาน Offline ได้ ก็จะต้องปรับวิธีการเรียกใช้งานมันใหม่ อาจต้องไปแกะโค้ดเดิมด้วยน่ะครับ
อ๋อ
งั้นพี่ก่อแกะนะครับ
อ่ะ บวกหนึ่งค่าแกะ
+ กดดัน เอ้ย ขอบคุณล่วงหน้าด้วยคน :56:
มาช่วยกันบวกกดดัน เอ้ย ขอบคุณล่วงหน้าก่อกันเถอะ :56: :56:
กรี๊ดดดดดดด เราจะดูฟอนต์สุดในแมคได้แล้ววว :25: :25: :25:
+ ก่อเลยค่ะ :53:
+ เป็นกำลังใจให้ก่อ :12:
+ :40:
- :56:
:3005: กรี๊ดดดดดด
จะดีใจหรือเสียใจดีฮะเนี่ยยย
:05: งั้นผมจะพยายามแกะเพื่อชาวประชาฟอนต์นะครับ
เนอะๆ ฉบับนี้เผื่อจะได้ชูเล่มหลักเป็นออนไลน์ซะเลย :25:
งั้นกำหนดความกว้าง+ยาวของแต่ละหน้ามาได้เลยครับ
อ้อๆ ตัวนี้ถ้าจะทำหน้าคู่ เราต้องแยกหน้าเองนะครับ
คือเอารูปใหญ่มาซอยเป็น 2 ไฟล์เองครับ
อ๋อ ได้ๆ (เดือนหาให้ที ที่เคยคุยในฟ้อนสุดฯ ฉบับก่อนอ้ะ :05:)
แล้วยังงี้พวกปุ่มคำสั่งนี่คือใส่ไม่ได้แล้วใช่ไหม
หรือถ้าใส่ได้มันใส่ข้ามหน้าได้หรือเปล่า
กำลังหาข้อเสียของมันอยู่น่ะ
ปุ่มคำสั่งแบบสารบัญเหรอครับ? ผมเห็นตัวอย่างมันทำได้นะครับ
อ๋อ นั่นสินะ สงสัยต้องลองดูก่อน
แล้วพวกปุ่มข้ามหน้า สั่งหน้าซ้าย เล่นหน้าขวาเงี้ยะล่ะ
อยู่ไหนละอ้ะ จำไม่ได้แล้ว :05:
เจอแล้ว
อ้างคำพูดจาก: iannnnn เมื่อ 07 ม.ค. 2009, 14:28 น.
จริงๆ แล้วเรื่องความสวยน้นทางฝ่ายศิลป์คงอยากให้เป็นเรื่องสำคัญหมือนกันครับ
แต่เรื่องฟังก์ชันการอ่านได้อ่านดีสบายตานั้น โลกเราได้พิสูจน์มาแล้วว่า
Tahoma ขนาดเดียวกะที่ปั่นบอร์ดกันอยู่นี่แหละ ดีที่สุด
ดังนั้นบางกอลลั่มที่ใช้ฟอนต์อื่นๆ ก็อาจจะต้องพิจารณาว่าพออ่านๆ ไปมันจะมึนตาหรือเปล่า
ส่วนเรื่องขยายขนาด(กว้างยาว)หนังสือนั้น
ใจจริงอยากขยายเหมือนกันนะครับ จะได้ใส่อะไรได้เยอะอีกหน่อย
แต่ยังห่วงเรื่องความเข้ากันได้ของคนทั่วไปที่อาจจะใช้จอที่เล็กกว่าชาวบ้าน
(เช่นจอของเน็ตบุ๊กที่ฮิตขึ้นเรื่อยๆ มันรับได้แค่ 1024x600 เองแฮะ)
(http://img3.f0nt.com/07/2a73dbbcfc59977efcfe1d42dc239058.jpg)
ของ TSD MAG พันธมิตรของเรา
เขา 980x660 พิกเซล สำหรับหน้ากระดาษ
และ 1010x725 สำหรับ Interface ทั้งหน้า
(http://img3.f0nt.com/07/4efa7657ac6434d04c7bf34af6f25bee.jpg)
ของหมดปัญญา เขา 800x600 สำหรับหน้ากระดาษ
และ 915x660 พิกเซล สำหรับ Interface ทั้งหน้า
(http://img3.f0nt.com/07/dcfd7eba27c47ad32df2e85810c6d800.jpg)
ส่วนของฟ้อนสุดฯ เราเองเนี่ย
ขนาดกระดาษเรา 1000x600 พิกเซล
และ 1060x750 สำหรับ Interface ทั้งหน้า
ถ้าจะขยายก็คือเล่มหน้าอาจจะเพิ่มขนาดกระดาษเป็นหน้าละ 500x660 (จากเดิม 500x600)
เพื่อเพิ่มความยาวของหน้าให้มากขึ้น เวลากางดูจะได้รู้สึกว่าหน้ามันใหญ่ขึ้นเหมือนกันนะ
ส่วนตัว Interface ด้านหลังก็อาจจะปรับดีไซน์ใหม่ให้มันเพรียวบางลงหน่อยจะได้เป็นเนื้อที่เนื้อหาเยอะๆ แทน
เอางี้ดีไหมครับ :37:
อ้างคำพูดจาก: iannnnn เมื่อ 11 ก.ค. 2009, 23:52 น.
อ๋อ นั่นสินะ สงสัยต้องลองดูก่อน
แล้วพวกปุ่มข้ามหน้า สั่งหน้าซ้าย เล่นหน้าขวาเงี้ยะล่ะ
มีให้ครับ เป็น Panel ด้านล่างเลยครับ
อ้างคำพูดจาก: MoonShines เมื่อ 12 ก.ค. 2009, 01:09 น.
เจอแล้ว
อูว 500*660.. โอเคครับๆ
น่ารักจริงๆ เจ้าก่อแำก้ว :45:
โอเคแล้วใช่ไหมไอ้สหาย :45:
เห็นบอกจะทำให้หมดเลยแบบสบายสบาย :45:
โอ้วน้องชายมายก้อดยอดจริงจริง :45:
:05:
อ้างคำพูดจาก: MoonShines เมื่อ 12 ก.ค. 2009, 01:27 น.
น่ารักจริงๆ เจ้าก่อแำก้ว :45:
อ้างคำพูดจาก: iannnnn เมื่อ 12 ก.ค. 2009, 01:28 น.
โอเคแล้วใช่ไหมไอ้สหาย :45:
เห็นบอกจะทำให้หมดเลยแบบสบายสบาย :45:
โอ้วน้องชายมายก้อดยอดจริงจริง :45:
:30: :30:
ยอดคนจริงๆเลย :45: :45:
(http://img3.f0nt.com/12/92b8497816d97ed6a45ee89ca7f266c9.jpg)
โหลดมาไม่เห็นมีปัญหาด้านการรันโดย INDEX.html ครับ
แทนลองรันตัว swf เฉยๆ อะครับ มีแน่ๆ หึๆ
ที่พี่เค้าบอกว่ามีปัญหาที่หมายถึงการรัน Standalone น่ะครับน้องแทน
ไม่ใช่การรันผ่านบราวเซอร์แบบที่น้องแทนเข้าใจ :56:
ดูเหมือนจะเจอจุดที่ต้องแก้แล้วครับ
(สำหรับโค้ด)ใน
MegaZine 3 Pageflip/de/mightypirates/megazine/Main.asตรงนี้
if (stage.loaderInfo.parameters["xmlFile"]) {
if (stage.loaderInfo.parameters["interface"]) {
_mz = new MegaZine(stage.loaderInfo.parameters["xmlFile"],
stage.loaderInfo.parameters["interface"]);
} else {
_mz = new MegaZine(stage.loaderInfo.parameters["xmlFile"]);
}
} else {
_mz = new MegaZine();
}ตรงที่ stage.loaderInfo.parameters มันจะดึงจาก FlashVars ที่อยู่ใน html ตรงนี้ครับ
<script type="text/javascript">
swfobject.embedSWF("megazine/megazine.swf", /* Path to the megazine.swf. You probably won't have to change this. */
......
{
xmlFile : "megazine.xml", /* ชื่อไฟล์ xml ที่เก็บรายละเอียดของแต่ละ Page */
/* เปิดใช้ Liquid Scaling โดยถ้า minScale และ maxScale เท่ากัน จะไม่ทำงาน */
minScale : 1.0, /* ขนาดเล็กสุดของหนังสือ โดยที่ 1.0 คือขนาดปกติ (100%) แปลว่า ขนาดหนังสือจะไม่เล็กไปกว่า 100% แล้ว */
maxScale : 1.0, /* ขนาดใหญ่สุดของหนังสือ โดยที่ 1.0 คือขนาดปกติ (100%) แปลว่า ขนาดหนังสือจะไม่ใหญ่ไปกว่า 100% แล้ว */
top: "auto" /* กำหนดความสูงของที่ว่างบนตัวหนังสือ หน่วยเป็น pixel ใส่ auto เพื่อให้มันจัดการเอง */
},
{
/* (3) */ bgcolor : "#333333", /* สีพื้นหลังของตัวแฟลช */
/* (4) */ //wmode : "transparent", /* สั่งให้พื้นหลังแฟลชโปร่งใส เอาไว้เวลาอยากให้เห็นพื้นหลังของ HTML (ไม่แนะนำถ้าในหนังสือมีวีดีโอด้วย.. อืดมากๆ) */
allowFullscreen : "true" /* ใส่ไว้ เผื่อสั่ง Fullscreen */
},
.......
</script>
ตอนนี้รู้ที่แงะแล้ว ต่อไปก็ถึงขั้นตอนที่ว่า.. จะแงะยังไง ให้ใช้งานได้ง่ายๆ :56:
เท่าที่ตรวจๆ ดูนะครับ
stage.loaderInfo.parameters["xmlFile"] ใน Flash จะได้ค่าคือ
อ้างอิงmegazine.xml
ที่ใส่ใน HTML
ถ้าให้มันยัดลงไปตรงๆ เลย น่าจะได้ครับ
-----------------------------------
สำหรับฝ่ายศิลป์ ที่อยากปรับแต่ง Interface ของตัวหนังสือให้เข้าไปในไฟล์ MegaZine 3 Pageflip/fla/interface.fla
แล้วเปิดหน้าต่าง Library ครับ ในนั้นจะมีลิสต์ของพวกปุ่ม แล้วก็ส่วนประกอบต่างๆ ที่ประกอบออกมาเป็น
หนัาตาของหนังสือ สามารถดับเบิ้ลคลิกแล้วแก้ได้เลยครับ
แก้เสร็จแล้วก็ให้ Ctrl Enter แล้วเอาไฟล์ interface.swf ไปเก็บไว้ในโฟลเดอร์เดียวกับไฟล์ swf อื่นๆ ครับ
ปกติอยู่ที่
MegaZine 3 Pageflip/binอย่าลืม backup ไฟล์เดิมไว้ก่อนแก้ แล้วก็เวลาก๊อปทับด้วยนะครับ เผื่อไว้
ตูไม่รู้เรื่องหรอก รู้แค่ว่าก่อทำให้โหม๊ดเลย :25:
:30: ของพี่แอน ดูส่วนฝ่ายศิลป์ด้านล่างอย่างเดียวก็ได้ครับ
ตูไม่รู้เรื่องหรอก รู้แค่ว่าก่อทำให้โหม๊ดเลย :25:
:3005: แง ปรับอินเตอร์เฟซผมไม่เอานะ
:30: ประเด็นชัดเจน
interface.fla ไฟล์นี้มันอยู่ตรงไหนเหรอครับ :25:
มาบวกก่อด้วยอีกคนค่ะ :25:
กรี๊ดด ป้าติ๊กขุดมาไซโคผมเหรอครับ :0705:
:30: ได้เริ่มทำไปบ้างรึยังนั่น :30:
อ้างคำพูดจาก: เบล เมื่อ 24 ส.ค. 2009, 09:17 น.
:30: ได้เริ่มทำไปบ้างรึยังนั่น :30:
ยัง T-T
การ์ตูนยังไม่เสร็จเลย กรี๊ด
ขอเอา link มาแปะไว้หน่อย :33:
http://megazine.mightypirates.de/forum/index.php/topic,324.0.html (http://megazine.mightypirates.de/forum/index.php/topic,324.0.html)
วิธีการเย็บเล่มแบบ offline (ใช่ปะก่อ)
for more information
please contact Kor studio
เปล่าครับ แต่เป็นการทำให้มันไม่ต้องรันบน Web Browser
(คือดูออฟไลน์เฉยๆ แต่ไม่ได้รวมเป็นเล่มได้นะครับ)
โอเค :12:
อันนี้เป็นรายละเอียดของ tag XML :33:
http://megazine.mightypirates.de/xml/?l=en (http://megazine.mightypirates.de/xml/?l=en)
ใช้สำหรับปรับรูปแบบการแสดงหนังสือ
โอย ยิ่งรู้จักยิ่งรัก :05:
:32:
ตัวเนี้ย สามารถทำสารบัญ ทำ link ได้ในตัวเองเลย
ทำปกแข็ง ปกอ่อนได้ด้วย
ทำหลายภาษาได้ด้วยนะ
เจาะกระดาษเป็นรูก็ได้
ขยายรูป หรือใส่ vdo ก็ได้
:33:
(พื้นที่โฆษณา)
ให้น้องแอน
Quickstart Guide (EN)
http://megazine.mightypirates.de/forum/index.php/topic,9.0.html (http://megazine.mightypirates.de/forum/index.php/topic,9.0.html)
สำหรับเริ่มต้นง่ายๆก่อน
MegaZine3 Version 2.0.0 [Beta] ออกแล้วนะครับ..
มีความยีดหยุ่นในการปรับแต่ง Interface มากครับ... :18:
^
^ ลืมลิงค์ >> http://megazine.mightypirates.de/forum/index.php/topic,472.0.html (http://megazine.mightypirates.de/forum/index.php/topic,472.0.html)
:30:
อะไรก๊าน แค่นี้ยังเจ๋งไม่พออีกเรอะ :3005:
ยังไม่ได้ดูเพิ่มเลย :3005:
ยังไม่ได้เปลี่ยนมาใช้ตัวนี้ซะที
จนตอนนี้ ลาออกจากออฟฟิศและ :08:
:25: โอ้แหล่มจริง ๆ ของเดิมผมก็ใช้แบบ xml แต่อันนี้มี control ให้ด้วย :04: แบบนี้ต้องเอาไปโมมั่งซ่ะแล้ว
:25:
อ้างคำพูดจาก: LUCIFERinDESIGN เมื่อ 11 ธ.ค. 2009, 01:04 น.
:25: โอ้แหล่มจริง ๆ ของเดิมผมก็ใช้แบบ xml แต่อันนี้มี control ให้ด้วย :04: แบบนี้ต้องเอาไปโมมั่งซ่ะแล้ว
โมแจกที่นี่ด้วยนะครับ :04:
http://megazine.mightypirates.de/forum/index.php/topic,945.0.html (http://megazine.mightypirates.de/forum/index.php/topic,945.0.html)
รุ่น 2.0.6
http://megazine.mightypirates.de/wiki/index.php/Version_history (http://megazine.mightypirates.de/wiki/index.php/Version_history)
โหลดไปนานแ้ล่ว
แต่ยังใช้แต่ตัวเดิมๆ เพราะโมไม่ค่อยเป็น
ขอบคุณนะครับ
ใช้โปรแกรมอะไรดูหรอครับ พอดีผมก็พึ่งจะหัดลองเล่นนะครับ เลยอยากรู้เขาใช้โปรแกรมอะไรเปิดกันนะครับ
สวัสดีครับผมสมาชิกใหม่ขอนแนะนำตัวครับ
ผมชื่อ เอก ครับ :33:
คือผมมีเรื่องรบกวนถามนิดหน่อยครับ ผมทำไปได้เยอะแล้ว แต่ติดปัญหาตรงที่จะย้าย Navigationbar ให้มาอยู่ด้านล่างอะครับ
ไม่รู้ว่าต้องทำอย่างไรบ้างครับ
****ตอบเม้นข้างบน ใช้ Browser เปิดครับ