Cyber Aquarium:重新定義 Web3 養成遊戲

Cyber Aquarium

Cyber Aquarium:重新定義 Web3 養成遊戲

初探 ERC-6551 水族箱應用的創新

邁思達團隊的Cyber Aquarium 是一款前所未見的 Web3 養成項目,很榮幸在Taiwan Block Chain Week 黑客松的BNB chain 獲得winner獎項。作品以水族箱為主題,結合英式拍賣的機制。這不僅賦予遊戲化創新元素,還讓玩家能參與虛擬水族箱的建設,同時兼顧交易與商業行為的融合。

ERC-6551 是由 Jayden Windle 和 Benny Giang 等於 2023 年 2 月提出的標準。這一提案定義了代幣綁定賬戶(Token Bound Accounts, TBA),使得 TBA 可以像錢包一樣擁有資産,與應用程序進行交互,而無需更改現有的智能合約或基礎設施,突破了 NFT 傳統應用的層面帶來了更多創新:

  • NFT 作為帳戶:我們讓水族箱NFT具有自己的代幣餘額、智能合約和其他資產,為遊戲玩法開啟了無限的可能性。
  • NFT 作為組件: ERC-6551 允許 NFT 組合在一起,讓不同的魚NFT成為魚群在水族箱中,從此不再是單一價值,可以透過水族箱NFT交易達到批次販賣。
Cyber Aquarium - TBW

Cyber Aquarium 介紹

養成機制與競拍交易的結合

Cyber Aquarium 是一款前所未見的 NFT 展示應用,以水族箱為主題,結合英式拍賣的機制。這使得項目不僅具有創新元素,還讓玩家參與虛擬水族箱的建設和經營。在網頁中,玩家擁有虛擬水族箱,需要精心管理和照顧其中的生物。這種混合了 NFT 和遊戲經營的元素,為玩家提供了更豐富的體驗。

透過將水族箱的 NFT 打包銷售,創建了一個全新的商業模式。這種方案不僅提供了更多的選擇給玩家,同時也能夠增加 NFT 的價值和特色。藝術價值上還允許將不同的 NFT 收藏組合在一起,創建出全新的創意作品後可以發起拍賣。這種結合不僅促進了 NFT 的多元應用,同時也激發了玩家對於藝術和收藏的興趣。

7

DApp 開發技術


Cyber Aquarium 開發時程為 2 個月,使用的 Web3 技術可以在 Z-Institute 的前端開發課程中學習到。講師李婷婷分享了許多使用 React 框架製作 DApp 的案例,在錢包串接以及合約互動方面提供了相當有幫助的指導。黑客松的初期階段參考了課程的NFT名片範例,進行修改以符合比賽主題需求,加速了前期元件和版型的規劃。

我們使用 RainbowKit 作為與錢包進行串接的主要工具。RainbowKit 整合了 Wagmi 並將其打包成易於使用的錢包連接功能,同時提供了包含 Next.js 框架的專案初始化工具,讓開發者能夠快速創建web3前端專案。

在與 ERC-6551 合約互動上,使用 Hardhat 框架進行部署和測試。驗證功能後導入了 TokenBound 的 SDK,只要設定好要查詢的 chain id ,並且提供 NFT 合約地址、token id ,即可計算出該 NFT 的 TBA 地址,省去了很多原本合約互動上繁複的流程。某些頁面需要把錢包裡面的 NFT 顯示在頁面上,剛開始嘗試去 IPFS 拿 NFT 的資料,但後來發現 Opensea 有提供測試用的 API 給開發者使用,在經過一系列的測試後成功解決了從 TBA 中的 NFT 圖片顯示的問題。

水族箱競標功能設計

截圖 2024-02-03 凌晨12.59.49

針對 NFT 交易功能,我們參考了 Opensea 的出價系統,並採用了英式拍賣的經典機制。基於 Solidity by Example 上的範例合約加上了直接購買功能、修改起始競標時間和設定超時可收回出價等功能,打造了一個更靈活、便捷和安全的 ERC-6551 NFT 競標合約。這種競標合約不僅提供了一個全新的拍賣體驗,還為玩家創造了更多參與的機會。

  1. 直接購買功能: 賣家能設定直接購買價,也就是俗稱的地板價,讓不想等待的買家可以使用此價格直接買斷水族箱。這在交易行為中更加人性化,同時可以加速市場上水族箱的流通性。
  2. Gas Fee 優化: 一般的競標時間是從拍賣開始計算直到倒數時間到期為止。為了在沒有人競標的情況下節省重新部署競標合約的 gas fee ,我們將競標時間修改為第一筆出價發生後才開始倒數。在競標時間結束後,可以再次設定時間重啟競標,而不需重新部署競標合約。
  3. 超時收回出價: 一開始由於我們的結束競標方法 end() 只有 owner 可以 call,會存在一種情況是如果賣家遲遲不結束競標,則出價者的資金會被卡在該競標合約裡。於是設計了一個機制,當競標合約已到期且超過一個特定時間都沒有被 owner call 完成的時候,出價者可以拿回原本的出價,且此時競標合約的狀態會被重置。

NFT 與生成式藝術整合《SoulFish》

專案很榮幸與生成式藝術家吳哲宇合作,獲得墨雨互動設計的 靈魂魚 IP 授權產品概念展出。我們在 2023 NFT Taipei 認識了吳哲宇的作品,他透過數學公式結合 Shader 渲染出美麗的魚形象,程式的即時運算讓作品栩栩如生,彷彿在虛擬世界悠遊其中。在 Cyber Aquarium 中,點擊範例帳號後,你可以欣賞到吳哲宇的生成式藝術結合TBA水族箱全新火花。

https://www.fxhash.xyz/generative/15625

截圖 2024-02-03 凌晨12.37.22 (3)

邁思達對未來理想的 GameFi 新樣貌

邁思達團隊的理念是以技術革新為動力,打造遊戲開發的未來。我們致力於提供全方位的技術支援,讓開發者能夠突破傳統的限制,透過XR、AI和Web3等尖端技術創造引人入勝的遊戲體驗。強調去除物理障礙,透過虛實整合技術連結人與人之間的互動。

我們產品的TBA養成機制帶來的報酬為玩家提供了更多參與遊戲的動力,同時也創造了一個具有生態循環的遊戲環境:

  • 使用者可以從遊玩的過程中感受到獨特的體驗,並且在體驗過程中產生自己的內在價值。
  • 創作者有得以發揮自己才華的舞台,同時也能在出售自己創作的同時獲取利潤。
  • 開發者得到足夠的營運資金,以持續維護、開發後續的遊戲機制。

玩家在各種管道獲得的 NFT 都可以放入到水族箱中,並且水族箱本身可以進行交易。玩家也可以透過出售自己的水族箱設計,發揮自己的才華,同時,NFT 項目方也能從中獲取報酬,開發者則從中收取手續費,最終創建出玩家、NFT 項目方、開發者三方的共贏。

撰文者:SharKevin, Owen Lu, Aron Yu

One response to “Cyber Aquarium:重新定義 Web3 養成遊戲”

  1. you are in reality a just right webmaster The site loading velocity is incredible It seems that you are doing any unique trick In addition The contents are masterwork you have performed a wonderful task on this topic

Leave a Reply

Your email address will not be published. Required fields are marked *

About Us

Passionate team creating immersive products with expertise in software development and design. Customized game solutions for mobile, VR, and web3.