首頁 > 開發者 > JavaScript
????????????DEMO??????，demo
??????????
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="http://yanshi.bj8dream.com/static/xiaoniren/css/common.css" rel="external nofollow" /> <base target="_self" /> <title>????????????????</title> <script type="text/javascript" src="http://yanshi.bj8dream.com/static/xiaoniren/js/jQuery_v172_min.js"></script> <style type="text/css"> /* Bank Select */ .ui-list-icons li { float:left; margin:0px 10px 25px 0px; width:218px; padding-right:10px; display:inline; } .ui-list-icons li input { vertical-align:middle; } .ui-list-icons li .icon-box { cursor:pointer; width:190px; background:#FFF; line-height:36px; border:1px solid #DDD; vertical-align:middle; position:relative; display:inline-block; zoom:1; } .ui-list-icons li .icon-box.hover, .ui-list-icons li .icon-box.current { border:1px solid #FA3; } .ui-list-icons li .icon-box-sparkling { position:absolute; top:-18px; left:0px; height:14px; line-height:14px; } .ui-list-icons li .icon { float:left; width:126px; padding:0px; height:36px; display:block; line-height:30px; color:#07f; font-weight:bold; white-space:nowrap; overflow:hidden; position:relative; z-index:1; } .ui-list-icons li .bank-name { position:absolute; left:5px; z-index:0; height:36px; width:121px; overflow:hidden; } /* Bank Background */ .ui-list-icons li .ABC, .ui-list-icons li .ICBC, .ui-list-icons li .CCB, .ui-list-icons li .PSBC, .ui-list-icons li .BOC, .ui-list-icons li .CMB, .ui-list-icons li .COMM, .ui-list-icons li .SPDB, .ui-list-icons li .CEB { background:#FFF url(images/ICBC_bank.gif) no-repeat 5px center; } /* Bank Submit */ .paybok { padding:0px 0px 0px 20px; } .paybok .csbtx { border-radius:3px; color:#FFF; font-weight:bold; } </style> <script type="text/javascript"> $(function(){ //Bank Hover $('.ui-list-icons > li').hover(function(){ $(this).children('.icon-box').addClass('hover'); }, function(){ $(this).children('.icon-box').removeClass('hover'); }); //Bank Click $('.ui-list-icons > li').click(function(){ for ( var i=0; i<$('.ui-list-icons > li').length; i++ ){ $('.ui-list-icons > li').eq(i).children('.icon-box').removeClass('current'); } $(this).children('.icon-box').addClass('current'); }); }) </script> </head> <body> <div class="paying"> <p class="paytit"> <strong>??????fx????????????</strong> <span>??????????????????????</span> <em>????????????81291.00??</em> <i>??????????64521??</i> </p> <form action="/huayi_test/order/charge.php" method="post" class="validator" name="f" onsubmit="return chongzhi();" > <div class="payamont"> <input type="text" id="money" name="money" value="" /> <span>?? ???????????????????????????????? 500????</span> </div> <div class="clr"></div> <ul class="ui-list-icons clrfix"> <li> <input type="radio" name="bank" id="ABC" value="" checked="checked"> <label class="icon-box current" for="ABC"> <span class="icon-box-sparkling" bbd="false"> </span> <span class="false icon ABC" title="????????????"></span> <span class="bank-name">????????????</span> </label> </li> <li> <input type="radio" name="bank" id="ICBC" value=""> <label class="icon-box" for="ICBC"> <span class="icon-box-sparkling" bbd="false"> </span> <span class="false icon ICBC" title="????????????"></span> <span class="bank-name">????????????</span> </label> </li> <li> <input type="radio" name="bank" id="CCB" value=""> <label class="icon-box" for="CCB"> <span class="icon-box-sparkling" bbd="false"> </span> <span class="false icon CCB" title="????????????"></span> <span class="bank-name">????????????</span> </label> </li> <li> <input type="radio" name="bank" id="CCB" value=""> <label class="icon-box" for="CCB"> <span class="icon-box-sparkling" bbd="false"> </span> <span class="false icon CCB" title="????????????"></span> <span class="bank-name">????????????</span> </label> </li> <li> <input type="radio" name="bank" id="PSBC" value=""> <label class="icon-box" for="PSBC"> <span class="icon-box-sparkling" bbd="false"> </span> <span class="false icon PSBC" title="????????????????"></span> <span class="bank-name">????????????????</span> </label> </li> <li> <input type="radio" name="bank" id="BOC" value=""> <label class="icon-box" for="BOC"> <span class="icon-box-sparkling" bbd="false"> </span> <span class="false icon BOC" title="????????"></span> <span class="bank-name">????????</span> </label> </li> <li> <input type="radio" name="bank" id="CMB" value=""> <label class="icon-box" for="CMB"> <span class="icon-box-sparkling" bbd="false"> </span> <span class="false icon CMB" title="????????"></span> <span class="bank-name">????????</span> </label> </li> <li> <input type="radio" name="bank" id="COMM" value=""> <label class="icon-box" for="COMM"> <span class="icon-box-sparkling" bbd="false"> </span> <span class="false icon COMM" title="????????"></span> <span class="bank-name">????????</span> </label> </li> <li> <input type="radio" name="bank" id="SPDB" value=""> <label class="icon-box" for="SPDB"> <span class="icon-box-sparkling" bbd="false"> </span> <span class="false icon SPDB" title="????????"></span> <span class="bank-name">????????</span> </label> </li> <li> <input type="radio" name="bank" id="CEB" value=""> <label class="icon-box" for="CEB"> <span class="icon-box-sparkling" bbd="false"> </span> <span class="false icon CEB" title="????????????"></span> <span class="bank-name">????????????</span> </label> </li> </ul> <div class="paybok"><input class="csbtx" type="button" value="????????" onclick="this.form.submit();" /></div> </form> </div> </body> </html>
什麼是DEMO？
提到DEMO，一般的玩家會以為是遊戲開始前介紹劇情的動畫。但我們今天講的DEMO是一些團體為參加國際性DEMO比賽而製作的DEMO，展現出許多高難度的圖形，帶給欣賞者不少的讚歎。
“DEMO是demonstration的縮寫，在電腦上的DEMO簡單的說就是展示電腦圖形與音樂的程式，所以遊戲開始的動畫戰士也是DEMO的一種。在電腦公司，可以看到電腦上展示介紹電腦軟硬體的程式，這些屬於商業性質的DEMO；這些DEMO是憑藉圖形與音樂來吸引顧客，達到尋穿的目的。
但如果知識一般DEMO那就沒有什麼好看的了。這裡主要介紹的DEMO並非指的商業性的DEMO，而是在國際比賽，有個參賽團體專門為DEMO比賽而製作的DEMO。這些DEMO主要目的是：帶給欣賞者趣味並且發揮電腦在穢土與音樂上的親曆。也就是說DEMO結合另人看到目瞪口呆的CG與音樂，在加上DEMO製作者的編程技巧與功力，展現出許多高難度的表演。有人說DEMO就是：“親愛的，我把PC變成SGI了。”得獎的DEMO在設計時一般進行程式最佳化，充分發揮PC的硬體潛力，產生驚人的效果，包括：多變的音樂，即時運算產生的RENER圖形，FRACTRL，透明，PLASMA，3D VECTOR SPACE，VIRTUAL REALITY，MORPH等。
為了達到這些效果，這些DEMO通常有下面四個特性：
1。使用組合語言，要產生一個簡單的DEMO，用進階語言可以很輕鬆的寫出來，但因為一些限制速度很不理想。運用組合語言最佳化，可以充分發揮與控制軟硬體餓威力。
2。多聲道的音樂。
3。突破傳統的繪圖能力：在PC上標準VGA在320X200的解析度只能顯示256色，很少有記憶頁，造成很多限制。而DEMO往往使用特殊的模式，通常稱做X MODE，在這些模式下能達到320X200 256色多記憶頁。
4。即時運算：在這些DEMO裡大多有3D向量空間，虛擬真實的部分，或是有許多的電腦上色效果，還有變形等。由於即時運算的關係，儘管一個DEMO不大，也可以播10-20分鐘。
DEMO的創造者
DEMO就象編一個遊戲，任何DEMO都需要有程式設計，美術人員與編曲人員。常常以DEMO團隊的方式來編製DEMO。
一個DEMO團體通常包括：
1領隊ORGANIZER：統籌策劃帶領團隊
2編程人員CODER：設計DEMO程式
3做曲家MUSICIAN：創作配合DEMO內容的音樂
4美工GRAPHICS ARTS：繪製DEMO的圖形
5其他人員：負責BBS和協助等
（和遊戲Team Dev很象，不是嗎？）
DEMO界的大集會
“International Demo Competi-tions”國際DEMO大賽，通常由組織較為龐大的DEMO團隊來主辦，比賽項目包括DEMO，INTRO（小於64Kb的DEMO），muisc及GRAPHICS。
通常會為不同機種舉行不同比賽。由投票產生名次，獲獎者可獲得獎金或贊助商的獎品。
目前知名的DEMO比賽：
Assembly 芬蘭 每年夏天結束
The Party 丹麥 聖誕節
The Gathering 挪威 複活節前
The Computer Crossroad 瑞典 夏天之前
Demo是什?
§DEMO的概述§
[編輯本段]
DEMO是demonstration的縮寫，在電腦上的DEMO簡單的說就是展示電腦圖形與音樂的程式，所以遊戲開始的動畫展示也是DEMO的一種。在電腦公司，可以看到電腦上展示介紹電腦軟硬體的程式，這些屬於商業性質的DEMO；這些DEMO是憑藉圖形與音樂來吸引顧客，達到宣傳的目的。
但如果只是一般DEMO那就沒有什麼好看的了。這裡主要介紹的DEMO並非指的商業性的DEMO，而是在國際比賽，有個參賽團體專門為DEMO比賽而製作的DEMO。這些DEMO主要目的是：帶給欣賞者趣味並且發揮電腦在繪圖與音樂上的親曆。也就是說DEMO結合令人看到目瞪口呆的CG與音樂，在加上DEMO製作者的編程技巧與功力，展現出許多高難度的表演。有人說DEMO就是：“親愛的，我把PC變成SGI了。”得獎的DEMO在設計時一般進行程式最佳化，充分發揮PC的硬體潛力，產生驚人的效果，包括：多變的音樂，即時運算產生的RENER圖形，FRACTRL，透明，PLASMA，3D VECTOR SPACE，VIRTUAL REALITY，MORPH等。
§DEMO的特性§
[編輯本段]
為了達到這些效果，這些DEMO通常有下面四個特性：
⑴ 使用組合語言，要產生一個簡單的DEMO，用進階語言可以很輕鬆的寫出來，但因為一些限制速度很不理想。運用組合語言最佳化，可以充分發揮與控制軟硬體餓威力。
⑵ 多聲道的音樂。
⑶ 突破傳統的繪圖能力：在PC上標準VGA在320×200的解析度只能顯示256色，很少有記憶頁，造成很多限制。而DEMO往往使用特殊的模式，通常稱做X MODE，在這些模式下能達到320×200 256色多記憶頁。
⑷ 即時運算：在這些DEMO裡大多有3D向量空間，虛擬真實的部分，或是有許多的電腦上色效果，還有變形等。由於即時運算的關係，儘管一個DEMO不大，也可以播10-20分鐘。
§DEMO的創造者§
[編輯本段]
DEMO就象編一個遊戲，任何DEMO都需要有程式設計，美術人員與編曲人員。常常以DEMO團隊的方式來編製DEMO。
一個DEMO團體通常包括：
⑴ 領隊 ORGANIZER：統籌策劃帶領團隊
⑵ 編程人員 CODER：設計DEMO程式
⑶ 作曲家 MUSICIAN：創作配合DEMO內容的音樂
⑷ 美工 GRAPHICS ARTS：繪製DEMO的圖形
⑸ 其他人員：負責BBS和協助等
（和遊戲Team Dev很象，不是嗎？）
§DEMO界的大集會§
[編輯本段]
“International Demo Competitions”國際DEMO大賽，通常由組織較為龐大的DEMO團隊來主辦，比賽項目包括Demo，Intro（小於64kb的Demo），Music及Graphics。
通常會為不同機種舉行不同比賽。由投票產生名次，獲獎者可獲得獎金或贊助商的獎品。
目前知名的DEMO比賽：
Assembly 芬蘭 每年夏天結束
The Party 丹麥 聖誕節
The Gathering 挪威 複活節前
The Computer Crossroad 瑞典 夏天之前
§軟體中的“DEMO” §
[編輯本段]
在軟體版本中，DEMO即為示範版，這樣的一般分兩種，一種是功能齊全但有時間限制，大多為30天，30天過後就會要求你通過購買才能繼續使用；另一種是在正式版出來前提供的體驗版，這種版本沒有時間限制，但大多功能不完整，最常見的就是遊戲DEMO。
§遊戲中的“DEMO”§......餘下全文>>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
