一個有趣的小工具站：看你跟明星、動漫角色的身高對比
最近閑來無事，創建了一個小工具網站：身高比對網站CompareHeights.org 。
因為我本身也是動漫迷，經常看動漫。經常會想如果把我自己跟喜歡的動漫角色身高對比會是什么樣的。
所以就有了這么一個小工具，它的主要功能很簡單：允許你跟各種明星、動漫角色、動物、植物、各種物體等等進行身高對比，創建精美的可視化對比圖。
技術棧
使用的主要技術棧是：nextjs+typescript+tailwind+supabase
其中最核心的角色對比展示圖表主要是基于react組件來實現的，react中的狀態管理機制對于各種鼠標事件的監聽、元素的顯示隱藏、狀態切換等都提供了很好的基礎支撐，所以實現起來相對不算太難。
簡介
CompareHeights.org 是一個專注于身高對比的在線工具，支持比較任意數量的人物、明星、動漫角色、動物、植物、建筑物等各種對象的高度，同時支持上傳自定義角色圖片。可以自由添加角色，設置身高、名稱、顏色等屬性，自由排布角色、縮放，一鍵生成精美的對比圖，并且支持一鍵分享，與朋友分享樂趣，非常適合用于教育演示、內容創作、社交分享等場景。
效果展示
放幾張CompareHeights.org生成的對比圖，還挺有趣的。
浙公網安備 33010602011771號