Java 動 態 展 示 解 說

1.如果您看不到下面兩格中的圖是一樣的,請先下載這個JavaVM擴充程式並安裝。 (FireFox 瀏覽器請到官方網站安裝 Java )

2.在右邊格子的展示動畫中,可以看到幾個部分:

  (1)方塊圖案:按一下這個圖案可以操縱它。滑鼠右鍵按著不放,可以轉動整個方塊看其他部分。

                          對著方塊按著滑鼠左鍵不放,可以轉動方塊的一層。

  (2)方塊的右邊有個 XX/XXf的數字。後面 f 前面的數字代表總共步數;前面的數字代表目前執行到第幾步。

  (3) RUR'U'RUR...的字是指轉法,灰色方塊會指到目前執行的步驟。

  (4) 轉法下面有一長條,可視為全部步驟的百分比。按此長條可跳到中間某一步。

  (5) 控制按鈕: |<  是跳到最開始,同時方塊回復原狀;同理  >| 是跳到結束狀態。

                            <|  是倒退一步,  |>  是前進一步。  <  是倒轉播放, >  是順轉播放。

                            方塊在轉動時,中央正方形圖案的按鈕是停止。

                            方塊在靜止時,中央「中」字型按鈕是將整個圖形左右鏡射(對稱)呈現。

 

--------------------------------------------------------------------------------------------------------------------------------------

如果需要在網頁上呈現這種 Java 動態展示圖案,下面是鄭老大教我的,分享出來給各位用用看:

網頁上需要兩個檔案:AnimCube.class 及 AnimCube.jar

上述兩個檔案,我有放在我的網頁下:AnimCube-Java.zip

製作網頁上魔術方塊動畫附屬檔,必須解壓縮後把兩個檔放在與網頁同一目錄下。

如果您要把我的網頁儲存下來自己看的話,要下載這個程式。

Java 圖案就像一個圖檔(但是不一樣),可以複製

在 FrontPage 裡,設計時看不到(只看到框框),但「預覽」時可以看到

先開個網頁來看看:java-ps.htm(就是本網頁)

選 IE 上的 「檢視」-「原始檔」

第 24 行開始 <APPLET....... 一直到下面第 34 行 </APPLET> 是 Java 的執行敘述

當那兩個檔都放在與網頁同一目錄下後,要把上述的 Java 執行敘述複製起來

用 FrontPage 開啟網頁

左下面選[程式碼]編輯,然後貼上執行敘述

左下面再選[設計],就看得到 Java 的框框

可以複製貼到其他地方

在[編輯]處先選某個 Java

回到程式碼可以發現該 Java 的執行敘述已經反白了

這樣比較快,不會找錯 Java

編修完,選[預覽]可以先看實際呈現的圖案

另外還有很多功能

現在顏色(scheme) 是用 wybgor 自訂的

也可以直接指定六個面的顏色

另外可以設定他 起始狀態是完整 cube 或是 algorithm 的 reverse 之類的

看到剛剛的執行敘述的地方

比較值得注意的是

<PARAM NAME="position" VALUE="LLUU"> 是方塊圖案呈現時的角度

本來是正朝 F 面,"LLUU" 就是把整個方塊先學 L 轉兩次,再學 U 轉兩次

(不是轉 L 面或 U 面,是像 x、y、z 等等轉整個方塊)

先 L 後 U 和 先 U 後 L 會不一樣喔!一次不是90度,是一點點。

<PARAM NAME="move" VALUE="R U R' U' R U R' U' L' U R U' R' U R U' R' L">

這是方塊的轉動法,寫在 VALUE=" 的後面

要注意的是,它的 y 跟 z 是互換的(寫 y 實際上轉 z,寫 z 實際上轉 y)

如果是打「.」表示暫停一個單位時間。

<PARAM NAME="facelets"  VALUE=".yyyyy.yywwwwwwwww.rr.rr.rr.pp.pp.ppy.ybbbbbb.gg.gg.gg">

這是方塊最初的顏色,也是最麻煩的地方,看英文代號應該知道時什麼顏色

我的網頁中,我覺得橘色和紅色過於相近,所以以粉紅色(p)代替橘色(o)

"." 代表灰色,通常表示忽略那格顏色

這裡兩個 " 之間要按照某種順序填滿 54 個顏色字

每面 9 格,共六面,先上面(U)9 格,再來是下面(D)、前面(F)、後面(B)、左面(L)、右面(R)。

每面的第 1 格到第 9 格的順序都不太一樣,請看下圖

(每面的第 5 格我標示面的代號,實際上它是第五格)
 

 
9 6 3
8 B 2
7 4 1
   
9 6 3
8 L 2
7 4 1
7 8 9
4 U 6
1 2 3
7 8 9
4 R 6
1 2 3
9 6 3
8 D 2
7 4 1
 
1 4 7
2 F 8
3 6 9
   

最好是找個盒子(例如雞精盒)把每面標號及代號寫清楚,這樣在轉的時候,和方塊對照比較好認

最好自己改一兩個色,確認一下位置

雖然方位不同,但是一面的順序,一定是一排 123、中間一排 456、剩下一排 789

另外,在這些 <param> 之前,加入下面這行

<param name="demo" value="#">

則載入網頁時,就會自動執行 Java 的動作

<PARAM name="hint" value="5" >

顯示時會把看不到的背面顏色拉到 5 單位遠的地方呈現

以上提供參考。

其他的 param 抱歉我還沒試過。

各位可以找找看解說網頁,看看還有什麼功能。

如果要做四階的 Java ,可以請教摔倒前輩

 

檢視魔術方塊網站地圖

您現在所在的位置 特別教學館  2.Java 動態展示解說