[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!

話說某日夢裡...小惡魔又來找小弟了...

小惡魔: 嗯~我攻佔全世界的大計劃你進行到什麼程度啦? 看別人Keroro小隊都快成功了, 你去年才出一個PC版的螢保, 不夠啦, 我要連MAC, Linux, PDA...也要攻佔!!

小弟我: 小惡魔大大不好意思, 因為最近忙著訂婚, 所以停擺了5個月, 不過我已經做好了啦!!

小惡魔: 婚不是剛訂好嗎(11/26)? 還真巧, 剛好是總部滿週年的日子, 算了, 原諒你吧, 不過好了還不快出, 小心我天天晚上來找你喔!!

小弟我: 阿~~不敢啦, 這次一定包君滿意, 絕對是攻佔全球的大計劃啦 Kerororororor~~~~

小惡魔: 那我回天上去了, 看你表現啦

嗚嗚~~事情就是這樣的, 所以繼上次的PC小惡魔螢保, 在小惡魔的鞭策下, 小弟隆重再推出第2代小惡魔入侵計劃, Totolo3DViewer程式, 全面進攻你家的平台摟!!

來看看Totolo3DViewer有什麼功能吧:
(1) 多型態使用:
Totolo3DViewer其實是一個3D的Java Applet程式, 可以有下面3種應用:

.當網頁使用: 可以在您的網頁上"活生生"的加入3D小惡魔喔!


.動態桌布使用: 還在用靜態的JPEG圖檔當你的桌布嗎? 來試試"會動的"小惡魔桌布吧, 還可以調整動作呢!!


.螢幕保護程式: 連動態桌布都可以用了, 當然不可以忘記螢保摟, 搭配TotoloWebScreensaver.scr程式(For Windows), 就可以把3D小惡魔秀出來(仿製Amonlin大大的勸敗總部, 畫得不好請見諒, Mobile01 週年紀念的黃金大樓我還來不及畫啦)


(2) 多平台支援:
因為第一代蠻多人反應說要出MAC版的, 我想說如果要跨平台, 用Java寫好了, 所以這次只要您的平台和瀏覽器有支援Java Applet JDK 1.3, 就可以看到下面小惡魔嚕

按這裡檢視網頁


(3) 3D模型畫面:
現在這個年代, 沒秀個3D就遜掉了, 不過為了考量某些硬體(如PDA)根本沒有3D晶片, 各平台語言寫法又不一樣, 如果為了每個平台都寫一種, 小弟一定會被累死, 所有才使用一般Java語言做3D運算, 以達到所有平台都能顯示3D的目標, 當然摟, 不靠3D晶片加速, 勢必會吃CPU速度, 所以CPU要夠力一點, 這是唯一的缺點啦^^"


(4) 可更換模型:
3D繪圖是採用Quick3dApplet這套引擎, 這個引擎支援3D Studio Object!! 也就是說, 您只要有自己喜愛的.3ds檔案, 都可以匯入到Totolo3DViewer秀出來喔!!


您是3D繪圖大師嗎? 現在您也可以加入設計小惡魔螢保的行列啦!! (這樣我程式可以少寫一點)


或是您手上有漂亮的.3ds模型嗎? 分享給大家吧!! 讓大家桌面上有您的作品喔!!


(5) 互動式介面:
這版提供"隨機旋轉", "水平旋轉", "手動"等移動方式, 您可以手動操作3D模型做出"移動","旋轉", "放大"等動作



接下來介紹各個應用吧:

[1] 在網頁顯示Totolo3DViewer:
首先, 各位把檔案解壓縮後, 直接執行"Totolo3DViewer.html"這個檔案


在Windows平台, 如果有安全性警告, 請按"允許被封鎖的內容" (原因是因為Java Applet是動態網頁, IE是會擋的)


如果您看的到小惡魔, 恭喜您!! 您的平台和瀏覽器支援Totolo3DViewer


如果您是WM2003 for Pocket PC的PDA, 安裝NetFront with JVM-Lite2就可以看到了, 有人曾經成功過, 這是以前的討論
http://www.mobile01.com/topicdetail.php?f=129&t=96278

如果是其他平台, 如果您平台的瀏覽器有支援J2SE JDK1.3寫的Java Applet, 恭喜您!!就可以使用Totolo3DViewer

[2] Totolo3DViewer 基本操作:

在任何移動模式下, 可做下面動作:
按住 鍵盤任意鍵 + 按住 滑鼠左鍵並移動: 移動小惡魔
按住 鍵盤任意鍵 + 壓住滾輪(滑鼠中鍵)並移動: 放大小惡魔(某些滑鼠驅動程式不支援)
按住 鍵盤任意鍵 + 按住 滑鼠右鍵並移動: 旋轉小惡魔

按滑鼠右鍵: 叫出Menu, 可以更換模型喔!! Totolo3DViewer內建3個(NO.1~3)Mobile01模型(不可更換)


4個(NO.4~7)使用者可以自訂的模型, 例如orz就是了


還有顯示網狀表面...等功能, 剩下的等大家自己去發掘吧


[3] 把Totolo3DViewer嵌入網頁:
先將"Totolo3DViewer.jar, Quick3dApplet.jar, Quick3dShapes.jar, Q3ds.jar"等檔案複製到您的網頁目錄


把"Totolo3DViewer.html"用Edit軟體打開, 應該會看到下面的Html語言


複製下面這段Applet Code到您的網頁裡就可以了


[4] 更改預設設定和匯入其他.3ds模型到Totolo3DViewer:
如果想一開始改出現綠色mobile01的模型該怎麼做呢? 首先請"Totolo3DViewer.html"用Edit軟體打開, 把PARAM NAME="SELECT_MODULE_NO" VALUE="1"改為 VALUE="2", "2"就是指預設第2個模型開始的意思, 然後儲存並Reload Totolo3DViewer


如果不想一開始就用自動旋轉, 我們可以把PARAM NAME="ROTATE_TYPE" VALUE="AutoRotate"的"AutoRotate", 改為"Manual", 大小寫要和說明一致喔, 這樣子一開始模型就不會動了, 要用手才能移動, 會節省CPU使用率!!



再來我們要怎麼換模型呢? 假設現在要加入一個阿尼的模型, 檔名叫"kenny.3ds", 到第6個模型, 請把code加入
PARAM NAME="MODEL6_FILE" VALUE="kenny.3ds" [檔名]
PARAM NAME="MODEL6_NAME" VALUE="阿尼" [顯示名稱]



這樣在第6個模型就會出現阿尼的選項摟, 馬上選他出來吧! 這邊有一點要注意一下, Quick3dApplet這套引擎的處理, .3ds檔最好不要超過5千面, 大小不要超過200K, 否則會很容易秀不出來, 且這引擎目前還不支援.3ds檔案貼圖的功能, 有點可惜, 希望未來會出新版本摟


還有很多參數功能, 這就請大家自行去發掘吧, 往後有時間小弟會再介紹的

[5] 使用Totolo3DViewer當動態桌布(For Windows):
目前我只知道只有Windows可以把Html當做桌面, 其他OS如OS X我就不清楚了, 請用其他OS的大大尋找看看吧, 如果您的OS是Windows 98以上系統, 恭喜您可以使用這種功能, 以XP為例, 有兩種設定方法

首先在桌面按滑鼠右鍵->[內容]->[桌面]->[瀏覽]


選取Totolo3DViewer(Screensaver).html(全螢幕大小), 這樣你的桌面就是小惡魔啦!!


可是全螢幕大小畫面容易一閃一閃的, 而且原本的桌面Menu要到螢幕最邊邊才能叫的出來XD


所以如果只是要秀個小模型, 建議用第2個方法摟!! 請在桌面按滑鼠右鍵->[內容]->[桌面]->[自定桌面]->[網頁]->[新增網頁]


把"Totolo3DViewer.html"(267*237大小)新增進去, 按下確定, 桌面上就會出現一個小視窗摟!!
調整好大小, 放在我們喜歡的位置


疑? 跟我們的桌面有點不搭耶, 所以先把桌面設成黑色, 再更改"Totolo3DViewer.html"裡的
body bgcolor="#ffffff"> 改為 body bgcolor="#000000", PARAM NAME="BACKGROUND_COL" VALUE="0xffffff" 改為 PARAM NAME="BACKGROUND_COL" VALUE="0x000000" 這樣就變成全黑色的摟


放個小地球也不錯


如果把Totolo3DViewer改成長條型, 也別有風格


下面有一個影片可以讓大家了解動態桌布的操作
XviD MPEG-4動態桌布操作影片: 200508/mobile01-84af5d19f2117439f11485c9471e6136.zip

其實只要會使用下面這些參數, 是可以和背景合的起來的, 礙於篇幅, 請大家自行去發掘吧, 小弟以後可能會再寫一篇文章介紹

[6] 使用Totolo3DViewer當螢幕保護程式:
Totolo3DViewer當螢保的架構如下, 所以只要您的OS有可以把Html檔變成螢保的程式, 就可以把Totolo3DViewer設成螢保了


在Windows環境下, 有蠻多可以把Html檔變成螢保的軟體, 像2Flyer Screensaver Builder這套就不錯, 不過這種好軟體都要花錢購買, 免費的小弟又覺得不好用, 乾脆自己寫一個好了, TotoloWebScreensaver.scr就是小弟For windows環境下寫的網頁螢保程式

請將TotoloWebScreensaver.scr和KeyHook.dll放在Totolo3DViewer同一目錄, 螢幕保護程式是固定讀取同目錄的"TotoloWebScreensaver.html"檔案當做畫面, 所以請不要更改TotoloWebScreensaver.html檔名


在TotoloWebScreensaver.scr上按滑鼠右鍵, 選[安裝]便可馬上安裝使用


按下[Esc]鍵, 便可以離開螢幕保護程式, 這很重要!!知道這些後我們就可以預覽摟


螢保程式在跑時, 一樣可以使用鍵盤滑鼠操作模型, 這也是為什麼要設計按[Esc]才能離開螢保的原因, 一定要記起來喔, 忘記的話就只能按"Ctrl+Alt+Del"關掉程式了

[7] 總結:
最後我們來總結一下Totolo3DViewer和TotoloWebScreensaver所需的環境和內容吧

Totolo3DViewer 1.0
1. 硬體需求 : 能執行Java Applet的硬體均可(PC, iMAC, PDA...), PDA使用時, 最好可用RAM在64MB以上
2. 軟體需求 : 能執行Java Applet的OS與Browser均可(Windows, iMac OS X...)
3. 繪圖使用引擎: Quick3dApplet, 非常棒的3D Java Applet引擎, 不過使用時請注意版權受LGPL保護, 原則上非商業用途和不更改原始碼的應用都是可以的
4. 程式開發平台: NetBeans 4.1 IDE
5. 程式使用程式庫: JDK 1.3
6. 程式大小: 325KB

TotoloWebScreensaver 1.0
1. 硬體需求 : 只要是PC均可
2. 軟體需求 : Windows 95/98/ME/2000/XP/2003 (建議使用2000/XP)
3. 程式開發平台: MS VC++6.0
4. 程式使用程式庫: MFC
5. 程式大小: 116KB

因為程式還沒進行過大規模的測試, 如果照成您使用上當機或是發生不便, 請見諒; 網路上散佈的程式都有可能會中毒, 雖然是Java程式, 不過請您執行前一定要用掃毒軟體掃一次比較好


最後希望大家使用愉快, 爽度100% 預祝聖誕節快樂喔 (誰快來畫一個3D聖誕小惡魔呀~~)