PHẦN MỀM CỜ TƯỚNG

HÃY THAM GIA DIỄN ĐÀN PHẦN MỀM CỜ TƯỚNG, CÙNG CHIA SẺ NIỀM VUI

Đăng Nhập

Vui lòng khai báo chính xác tên truy cập và mật khẩu!

Quên mật khẩu?

Đăng Ký

Bạn phải điền đầy đủ thông tin đăng ký!

  

[HƯỚNG DẪN] Cách tạo các ebook có bàn cờ động

Share
    TỔNG TƯ LỆNH
    avatar

    BÀI VIẾT : 307

    TÀI SẢN : 983078

    UY TÍN (+) : 15155

    THAM GIA : 28/11/2014

    #1

     on 3/3/2015, 1:36 pm

    First topic message reminder :

    Bước 1. Chuẩn bị game để làm ebook:
    1. Định dạng game: UBB, đây là định dạng để trình bày bàn cờ động dongping, định dạng mà trang dpxq.com sử dụng. Để có các game ở định dạng này, có 2 nguồn chính, một là dữ liệu cờ trên trang dpxq.com hoặc bất cứ đâu có bàn cờ dạng dongping, cách lấy như sau:



    lúc này ta được một đoạn code UBB, đây chính là dữ liện một game
    Mã nguồn PHP:
    Code:
    [DhtmlXQ] 
    [DhtmlXQ_ver]www_dpxq_com[/DhtmlXQ_ver] 
    [DhtmlXQ_init]500,350[/DhtmlXQ_init] 
    [DhtmlXQ_binit]9999259959990799848770999999995128999932405299999919994899999999[/DhtmlXQ_binit] 
    [DhtmlXQ_pver]110514[/DhtmlXQ_pver] 
    [DhtmlXQ_adddate]2008-11-3 12:19:00[/DhtmlXQ_adddate] 
    [DhtmlXQ_editdate]2008-11-3 12:19:00[/DhtmlXQ_editdate] 
    [DhtmlXQ_title]B其他的杀着-第45局[/DhtmlXQ_title] 
    [DhtmlXQ_movelist]844440304440303187813241403031305150[/DhtmlXQ_movelist] 
    [DhtmlXQ_firstnum]0[/DhtmlXQ_firstnum] 
    [DhtmlXQ_length]9[/DhtmlXQ_length] 
    [DhtmlXQ_type]全局[/DhtmlXQ_type] 
    [DhtmlXQ_gametype]慢棋[/DhtmlXQ_gametype] 
    [DhtmlXQ_class]象棋谱大全-近现代残排局[/DhtmlXQ_class] 
    [DhtmlXQ_event]象棋杀着大全[/DhtmlXQ_event] 
    [DhtmlXQ_round]27其他类[/DhtmlXQ_round] 
    [DhtmlXQ_date]0000-00-00[/DhtmlXQ_date] 
    [DhtmlXQ_other] [/DhtmlXQ_other] 
    [DhtmlXQ_hits]1910[/DhtmlXQ_hits] 
    [DhtmlXQ_sortid]973160[/DhtmlXQ_sortid] 
    [DhtmlXQ_owner]象棋谱大全[/DhtmlXQ_owner] 
    [DhtmlXQ_oldowner]象棋谱大全[/DhtmlXQ_oldowner] 
    [DhtmlXQ_comment9]红胜[/DhtmlXQ_comment9] 
    [DhtmlXQ_refer]http%3A//dpxq.com/%0D%0Ahttp%3A//dpxq.com/hldcg/search/[/DhtmlXQ_refer] 
    [DhtmlXQ_generator]www.dpxq.com[/DhtmlXQ_generator] 
    [/DhtmlXQ]  



    Một nguồn nữa cũng có thể lấy được code game dạng UBB chính là CCBridge, các bạn mở từng ván cờ ra và vào menu "Xuất dữ liệu", chọn Menuitem thứ 2, có chữ UBB ấy, ở đây tôi nói CCBridge đã việt hoá bởi "Đời mây trắng" ấy.
    Tất nhiên đây là cách thủ công, sẽ mất khá nhiều thời gian.
    Như vậy phần lấy game dạng UBB đã ok chưa các bác? bác nào còn thắc mắc chỗ nào thì cứ hỏi nhé.


    Bước 2. Tạo các file html có bàn cờ động
    Để tạo file ebook dạng chm thì chúng ta phải tạo ra các file html làm nội dung của ebook.
    1. Các bác download cái này về, giải nén ra được 2 file XQBase.htm và XQBase.js, file XQBase.js chính là file javascript để trình bày game UBB, cái này tôi đã việt hoá gần hết, nếu bác nào muốn lấy file triếng trung thì lên tiếng, tôi gửi cho. Các bác tạo một folder chứa các file html sẽ tạo (Chẳng hạn "Contents", gọi là thư mục gốc), trong folder này tạo một folder con, chẳng hạn "XQBase", copy 2 file vừa giải nén được vào folder con đó, vậy là khâu chuẩn bị đã OK, chuẩn bị làm web html nhé các bác.
    2. Trong thư mục gốc, tạo một file Game01.html, dùng một trình soạn html nào đó, hay đơn giản là Notepad hoặc tốt nhất là Notepad++ mở file đó lên (tất nhiên là chưa có gì), chuyển sang chế độ Charset là "Encode in UTF-8", để đảm bào những comment của game không bị hỏng. (Xem hình dười, tôi hướng dẫn đối với Notepad++)

    Sau đó các bác gõ vào nội dung như sau:
    Mã nguồn PHP:
    Code:
    <html> 
    <body> 
    <div id="Game01" style="display:none;"> 
    </div> 
    <iframe src="XQBase/XQBase.htm" name="name_Game01" id="id_Game01" width="500" height="350" frameborder="0" allowTransparency="true" bgcolor="transparent" scrolling="no" marginwidth="0" marginheight="0"></iframe> 
    </body> 
    </html>  



    Trong thẻ div
    Mã nguồn PHP:
    Code:
    <div id="Game01" style="display:none;"> 
    </div>  



    Các bác chèn và giữa 2 dòng đó nội dung UBB (trong Bước 1 đã lấy được)
    Nội dung được như sau:
    Mã nguồn PHP:
    Code:
    <html> 
    <body> 
    <div id="Game01" style="display:none;"> 
    [DhtmlXQ] 
    [DhtmlXQ_ver]www_dpxq_com[/DhtmlXQ_ver] 
    [DhtmlXQ_init]500,350[/DhtmlXQ_init] 
    [DhtmlXQ_binit]9999259959990799848770999999995128999932405299999919994899999999[/DhtmlXQ_binit] 
    [DhtmlXQ_pver]110514[/DhtmlXQ_pver] 
    [DhtmlXQ_adddate]2008-11-3 12:19:00[/DhtmlXQ_adddate] 
    [DhtmlXQ_editdate]2008-11-3 12:19:00[/DhtmlXQ_editdate] 
    [DhtmlXQ_title]B其他的杀着-第45局[/DhtmlXQ_title] 
    [DhtmlXQ_movelist]844440304440303187813241403031305150[/DhtmlXQ_movelist] 
    [DhtmlXQ_firstnum]0[/DhtmlXQ_firstnum] 
    [DhtmlXQ_length]9[/DhtmlXQ_length] 
    [DhtmlXQ_type]全局[/DhtmlXQ_type] 
    [DhtmlXQ_gametype]慢棋[/DhtmlXQ_gametype] 
    [DhtmlXQ_class]象棋谱大全-近现代残排局[/DhtmlXQ_class] 
    [DhtmlXQ_event]象棋杀着大全[/DhtmlXQ_event] 
    [DhtmlXQ_round]27其他类[/DhtmlXQ_round] 
    [DhtmlXQ_date]0000-00-00[/DhtmlXQ_date] 
    [DhtmlXQ_other] [/DhtmlXQ_other] 
    [DhtmlXQ_hits]1910[/DhtmlXQ_hits] 
    [DhtmlXQ_sortid]973160[/DhtmlXQ_sortid] 
    [DhtmlXQ_owner]象棋谱大全[/DhtmlXQ_owner] 
    [DhtmlXQ_oldowner]象棋谱大全[/DhtmlXQ_oldowner] 
    [DhtmlXQ_comment9]红胜[/DhtmlXQ_comment9] 
    [DhtmlXQ_refer]http%3A//dpxq.com/%0D%0Ahttp%3A//dpxq.com/hldcg/search/[/DhtmlXQ_refer] 
    [DhtmlXQ_generator]www.dpxq.com[/DhtmlXQ_generator] 
    [/DhtmlXQ] 
    </div> 
    <iframe src="XQBase/XQBase.htm" name="name_Game01" id="id_Game01" width="500" height="350" frameborder="0" allowTransparency="true" bgcolor="transparent" scrolling="no" marginwidth="0" marginheight="0"></iframe> 
    </body> 
    </html>  



    Ghi lại, dùng trình duyệt mở file Game01.html lên và xem kết quá.




    Theo Quocvuong82



    ✿◕ ‿ ◕✿   ❀◕ ‿ ◕❀   ❁◕ ‿ ◕❁   (◡‿◡✿)   (✿◠‿◠) 
    Binh nhì
    avatar

    BÀI VIẾT : 24

    TÀI SẢN : 466132

    UY TÍN (+) : 0

    THAM GIA : 14/03/2016

    #8

     on 16/3/2016, 5:00 pm

    cảm ơn bạn nhiều
    VIP MEMBER
    avatar

    BÀI VIẾT : 15

    TÀI SẢN : 77330

    UY TÍN (+) : 100

    THAM GIA : 12/04/2017

    #9

     on 13/4/2017, 9:24 pm

    cảm ơn bạn nhiều