Giter VIP home page Giter VIP logo

kancolle-bra-size-comparison-website's Introduction

艦娘乳圖鑑(偽) KanColle Bra Size Comparison

《艦娘乳図鑑》的簡略複製品。

1. 如何閱覽本網站

Releases下載最新版zip檔案,解壓縮,以瀏覽器開啟index.html即可閱覽網站。

或者手動生成:

  1. 複製此儲存庫
git clone https://github.com/ivon852/kancolle-bra-size-comparison-website.git
  1. 安裝Hugo

  2. 生成靜態HTML。成品位於public目錄,用瀏覽器開啟indexl.html即可瀏覽。

hugo --gc --minify

2. 專案進度

遊戲立繪更新至2023/2/14。

  • 支援複合條件搜尋 (未完成)
  • 點選縮圖後顯示全身圖 (未完成)
  • 深海棲艦 (完成)
  • 艦娘 (完成)

3. 標示原則

艦娘和深海棲艦的罩杯大小為主觀認定,參考其他出版物作調整。

參考優先度:遊戲立繪 > 季節限定立繪 > Arcade版3D模型 > 動畫版 > 其他官方出版物。不採用二創設定。

艦娘改造後罩杯應相同。深海棲艦有明確的對應艦娘,雙方罩杯也應相同。

被衣物遮擋的預設視為A罩杯。

4. 原始資料處理流程

  1. 安裝HugoImageMagickGitGIMP

  2. 複製本儲存庫

git clone https://github.com/ivon852/kancolle-bra-size-comparison-website.git
  1. 下載kcwiki提供的艦隊Collection的最新完整遊戲快取,解壓縮。

  2. 從目錄kcs2/resources/ship/character_up_dmg/複製出艦娘的半身像(忽略季節限定立繪)

  3. 使用ImageMagick指令,批次裁圖為250x250像素圖片。大部分艦娘的胸部應位於圖片正**,視情況再手動裁圖。

mogrify -format png -gravity center -crop 250x250+0+0 -resize 250x250 *.png
  1. 深海棲艦沒有半身像,因此從kcs2/resources/ship/full/目錄複製出全身像(同艦種不同數值的不納入,例如集積地棲姬II、集積地棲姬III),手動用GIMP裁切為250x250像素圖片。

  2. 移動到此儲存庫的content/posts/目錄,在個別文章目錄下新增thumbnails目錄,將裁切的圖片放到這裡。

  3. 在該thumbnails目錄新增與圖片同名,後綴為.meta的描述檔案,填入罩杯、艦種、是艦娘還是深海棲艦、名字。

{
"Tags": ["Cup: E", "BB", "Kanmusu"],
"Title": "Colorado改",
"ImageDescription": ""
}
  1. 用Hugo指令生成網頁。成品位於public目錄
hugo --gc --minify

5. 此網站使用的開源元件

kancolle-bra-size-comparison-website's People

Contributors

ivon852 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.