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

小惡魔: 婚不是剛訂好嗎(11/26)? 還真巧, 剛好是總部滿週年的日子, 算了, 原諒你吧, 不過好了還不快出, 小心我天天晚上來找你喔!!
小弟我: 阿~~不敢啦, 這次一定包君滿意, 絕對是攻佔全球的大計劃啦 Kerororororor~~~~
小惡魔: 那我回天上去了, 看你表現啦



嗚嗚~~事情就是這樣的, 所以繼上次的PC小惡魔螢保, 在小惡魔

來看看Totolo3DViewer有什麼功能吧:
(1) 多型態使用:
Totolo3DViewer其實是一個3D的Java Applet程式, 可以有下面3種應用:
.當網頁使用: 可以在您的網頁上"活生生"的加入3D小惡魔喔!
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-c4bb448b2ed66f56ecc3d0dee087ae18.jpg)
.動態桌布使用: 還在用靜態的JPEG圖檔當你的桌布嗎? 來試試"會動的"小惡魔桌布吧, 還可以調整動作呢!!
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-8ce67a12e86516a589a036ac81c89217.jpg)
.螢幕保護程式: 連動態桌布都可以用了, 當然不可以忘記螢保摟, 搭配TotoloWebScreensaver.scr程式(For Windows), 就可以把3D小惡魔秀出來(仿製Amonlin大大的勸敗總部, 畫得不好請見諒


![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-dd69e6b9a79c06c23916442e33593b07.jpg)
(2) 多平台支援:
因為第一代蠻多人反應說要出MAC版的, 我想說如果要跨平台, 用Java寫好了, 所以這次只要您的平台和瀏覽器有支援Java Applet JDK 1.3, 就可以看到下面小惡魔嚕


(3) 3D模型畫面:
現在這個年代, 沒秀個3D就遜掉了, 不過為了考量某些硬體(如PDA)根本沒有3D晶片, 各平台語言寫法又不一樣, 如果為了每個平台都寫一種, 小弟一定會被累死

![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-59d42127c7d4c1513817a68631bda51e.jpg)
(4) 可更換模型:
3D繪圖是採用Quick3dApplet這套引擎, 這個引擎支援3D Studio Object!! 也就是說, 您只要有自己喜愛的.3ds檔案, 都可以匯入到Totolo3DViewer秀出來喔!!
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-939b0de4b4dde7237abd01c69899d7e5.jpg)
您是3D繪圖大師嗎? 現在您也可以加入設計小惡魔螢保的行列啦!! (這樣我程式可以少寫一點

![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-581c4d6e5d928103d2a4f3743b5e7932.jpg)
或是您手上有漂亮的.3ds模型嗎? 分享給大家吧!! 讓大家桌面上有您的作品喔!!
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-eb24fd8d9faa62fd596c180c425b3688.jpg)
(5) 互動式介面:
這版提供"隨機旋轉", "水平旋轉", "手動"等移動方式, 您可以手動操作3D模型做出"移動","旋轉", "放大"等動作
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-b3f5770a63f46e39b29e8949351950cb.jpg)
接下來介紹各個應用吧:
[1] 在網頁顯示Totolo3DViewer:
首先, 各位把檔案解壓縮後, 直接執行"Totolo3DViewer.html"這個檔案
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-e4508acbc0d2db32ff281946ec22d59b.jpg)
在Windows平台, 如果有安全性警告, 請按"允許被封鎖的內容" (原因是因為Java Applet是動態網頁, IE是會擋的)
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-3252377e9a665bd47bb2d98a29514d2b.jpg)
如果您看的到小惡魔, 恭喜您!! 您的平台和瀏覽器支援Totolo3DViewer

![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-c4bb448b2ed66f56ecc3d0dee087ae18.jpg)
如果您是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模型(不可更換)
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-035a48e1d54871c75c0271c07c5b479e.jpg)
4個(NO.4~7)使用者可以自訂的模型, 例如orz就是了
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-cdd79ffdb44282ddf7f6ebf0281e6499.jpg)
還有顯示網狀表面...等功能, 剩下的等大家自己去發掘吧
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-b770e9d625f0139ea0818ed7c20026e6.jpg)
[3] 把Totolo3DViewer嵌入網頁:
先將"Totolo3DViewer.jar, Quick3dApplet.jar, Quick3dShapes.jar, Q3ds.jar"等檔案複製到您的網頁目錄
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-90227a15a2f9f20ab5b167cb8ce87b0b.jpg)
把"Totolo3DViewer.html"用Edit軟體打開, 應該會看到下面的Html語言
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-a0285973e655a81c03a2021bd65cc6c3.jpg)
複製下面這段Applet Code到您的網頁裡就可以了
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-6ecf194df40d896f5ff82973d049b959.jpg)
[4] 更改預設設定和匯入其他.3ds模型到Totolo3DViewer:
如果想一開始改出現綠色mobile01的模型該怎麼做呢? 首先請"Totolo3DViewer.html"用Edit軟體打開, 把PARAM NAME="SELECT_MODULE_NO" VALUE="1"改為 VALUE="2", "2"就是指預設第2個模型開始的意思, 然後儲存並Reload Totolo3DViewer
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-7c13b66c90316b5575af0fa273ae13c2.jpg)
如果不想一開始就用自動旋轉, 我們可以把PARAM NAME="ROTATE_TYPE" VALUE="AutoRotate"的"AutoRotate", 改為"Manual", 大小寫要和說明一致喔, 這樣子一開始模型就不會動了, 要用手才能移動, 會節省CPU使用率!!
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-52e2f3cdc7b8385e8c40da87aaa6d9ef.jpg)
再來我們要怎麼換模型呢? 假設現在要加入一個阿尼的模型, 檔名叫"kenny.3ds", 到第6個模型, 請把code加入
PARAM NAME="MODEL6_FILE" VALUE="kenny.3ds" [檔名]
PARAM NAME="MODEL6_NAME" VALUE="阿尼" [顯示名稱]
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-fb9efd6f64b8bcb6f3141e3065badb46.jpg)
這樣在第6個模型就會出現阿尼的選項摟, 馬上選他出來吧! 這邊有一點要注意一下, Quick3dApplet這套引擎的處理, .3ds檔最好不要超過5千面, 大小不要超過200K, 否則會很容易秀不出來, 且這引擎目前還不支援.3ds檔案貼圖的功能, 有點可惜, 希望未來會出新版本摟
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-3722a3ead72a78c00bf809b0d53b8afd.jpg)
還有很多參數功能, 這就請大家自行去發掘吧, 往後有時間小弟會再介紹的

[5] 使用Totolo3DViewer當動態桌布(For Windows):
目前我只知道只有Windows可以把Html當做桌面, 其他OS如OS X我就不清楚了, 請用其他OS的大大尋找看看吧

首先在桌面按滑鼠右鍵->[內容]->[桌面]->[瀏覽]
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-d03d16d2a0434331c54dea756cf7641a.jpg)
選取Totolo3DViewer(Screensaver).html(全螢幕大小), 這樣你的桌面就是小惡魔啦!!
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-8611859d9545d0de34e38f422375d565.jpg)
可是全螢幕大小畫面容易一閃一閃的, 而且原本的桌面Menu要到螢幕最邊邊才能叫的出來XD
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-1c19baf15a95c49325725146bf2fc437.jpg)
所以如果只是要秀個小模型, 建議用第2個方法摟!! 請在桌面按滑鼠右鍵->[內容]->[桌面]->[自定桌面]->[網頁]->[新增網頁]
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-870f6008791a645a2873d131f613b18b.jpg)
把"Totolo3DViewer.html"(267*237大小)新增進去, 按下確定, 桌面上就會出現一個小視窗摟!!
調整好大小, 放在我們喜歡的位置
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-924947607828f7734798bd7c7fbd50a2.jpg)
疑? 跟我們的桌面有點不搭耶, 所以先把桌面設成黑色, 再更改"Totolo3DViewer.html"裡的
body bgcolor="#ffffff"> 改為 body bgcolor="#000000", PARAM NAME="BACKGROUND_COL" VALUE="0xffffff" 改為 PARAM NAME="BACKGROUND_COL" VALUE="0x000000" 這樣就變成全黑色的摟
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-bf5491c6090b2bcd1f5568dcd248f3c4.jpg)
放個小地球也不錯
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-5170cdc0f66a6791f764ed4d2e11a4a5.jpg)
如果把Totolo3DViewer改成長條型, 也別有風格
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200508/mobile01-b3aeb30c995b799644b9a84b2dd80537.jpg)
下面有一個影片可以讓大家了解動態桌布的操作
XviD MPEG-4動態桌布操作影片: 200508/mobile01-84af5d19f2117439f11485c9471e6136.zip
其實只要會使用下面這些參數, 是可以和背景合的起來的, 礙於篇幅, 請大家自行去發掘吧, 小弟以後可能會再寫一篇文章介紹

[6] 使用Totolo3DViewer當螢幕保護程式:
Totolo3DViewer當螢保的架構如下, 所以只要您的OS有可以把Html檔變成螢保的程式, 就可以把Totolo3DViewer設成螢保了
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-04053d237d2348ac83778c843a57ac19.jpg)
在Windows環境下, 有蠻多可以把Html檔變成螢保的軟體, 像2Flyer Screensaver Builder這套就不錯, 不過這種好軟體都要花錢購買, 免費的小弟又覺得不好用, 乾脆自己寫一個好了, TotoloWebScreensaver.scr就是小弟For windows環境下寫的網頁螢保程式
請將TotoloWebScreensaver.scr和KeyHook.dll放在Totolo3DViewer同一目錄, 螢幕保護程式是固定讀取同目錄的"TotoloWebScreensaver.html"檔案當做畫面, 所以請不要更改TotoloWebScreensaver.html檔名
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-25e0088bb05346bdaccde206eec1e425.jpg)
在TotoloWebScreensaver.scr上按滑鼠右鍵, 選[安裝]便可馬上安裝使用
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-ca80acdeebe36dbc0849d082e63ab49e.jpg)
按下[Esc]鍵, 便可以離開螢幕保護程式, 這很重要!!知道這些後我們就可以預覽摟
![[分享] 必殺!! 3D小惡魔全球攻佔計劃, 網頁/動態桌布/螢幕保護程式 參上!!](http://attach.mobile01.com/attach/200512/mobile01-64a130c838724dc01503722fd9adccf5.jpg)
螢保程式在跑時, 一樣可以使用鍵盤滑鼠操作模型


[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
因為程式還沒進行過大規模的測試, 如果照成您使用上當機或是發生不便, 請見諒


最後希望大家使用愉快




