ROみたいなカウンター
話說前一陣子近在下整理虛擬主機上的檔案時,無意間發現到十幾年前剛開始寫部落格時,在側邊欄所裝設的仙境傳說風格訪客計數器的檔案。這玩意兒是由Flash+ CGI所寫的,當訪客進入到設置的頁面時,RO的人物角色就會開始攻擊,而且有時候還會觸發爆擊,爆擊機率可以從後端去設定,然後最終顯示的傷害數字,就是網站目前的訪客累積總人數。在2000年初期仙境傳說風靡的年代,這個計數器還蠻常在日本的網站上看到的。

雖然在下早已不再玩仙境傳說,但是看到這玩意兒的當下,對當年的舊時光感到甚是懷念…加上自從blogpetココロ終止服務之後,在下特地為她留的側邊欄早已是空無一物,那為了再增加一點這個部落格「萌的要素」,於是在下就興起了再次使用這個Flash計數器的念頭。

那各位都知道,自從2021年起,Adobe也停止支援Flash Player了,因此目前無論使用任何版本的Google Chrome,都已無法再播放Flash的內容,當然在下以前心血來潮作的色色小遊戲自然也是GG了,除非你另外裝了像Ruffle-Flash emulator這種外掛,不然基本上是再也看不到這個當初也是紅極一時網頁互動元件了。

畢竟這是個AI的年代,即便在下對JavaScript和Canvas根本一竅不通,但是憑藉著自身不斷嘗試錯誤的毅力,以及ChatGPT、Claude、Grok強大的Coding能力,經過一個多禮拜的奮鬥,這玩意兒真的就被在下改造成HTML5+JavaScript的版本,並透過內建AJAX與WordPress整合,已經完完全全成為這個部落格的一部分了( ̄∇ ̄)

那與本家不同的是,這個計數器除了透過一連串的攻擊與爆擊來顯示訪客總人數以外,在下另外加上了暴擊與非暴擊時的音效,然後在最後一擊時更追加了仿仙境傳說在吃王時獲得MVP時的演出以及音效。只不過音效的演出要訪客自己用滑鼠游標去點擊人物之後才會有就是了,畢竟突如其來的音效還是會嚇到人的(笑

而在人物待機的動作方面,仙境傳説後期似乎有增加寵物功能的樣子,所以在下就很求好心切地增加了2個應該是成為寵物後才會有的動作。不過由於那是在下離開仙境傳説之後的更新了,所以這2個動作倒底正不正確,在下就不得而知了(・ω・` )

而在製作的過程中,個人覺得最難的地方就在於MVP圖樣特效演出的這個部份了,228連假期間至少有2天都是在修正這個地方。畢竟AI強大歸強大,但它生成給你的代碼,一來它的效果不見得是你所想要的,二來是有可能改了這邊之後,其他的地方又有問題,加上一些細部的設定像「如何確保最後一次數字一定是爆擊?」、「待機時的愛心、音符與飛吻要怎麼飛?」 、「人物動作的幀樹要怎麼調整才不會錯亂」等等, 一而再而三的修正之下,不知不覺代碼越來越長,函數設定越來越複雜,最終這看似單純的玩意,程式碼就超過了1500行,雖然無法百分之百模仿實際遊戲的演出,但目前這個樣子在下已經很滿意了:D

這只是一個訪客計數器,但也不只是個訪客計數器

當然,這個年代早已經沒有人會在意網站上的訪客人數了,畢竟那個數字要秀多少有多少,但當它與仙境傳說結合時,至今對在下而言依然還存在某種儀式感…這種與訪客之間的微妙互動,是靜態數字無法帶來的,或許這也是僅屬於HomePage時代的一種情懷,一種浪漫吧。

ではでは。