Ren'Py memo

Ren'Pyの個人的なメモ

トップ > Other > itchページをつくる自分用メモ

itchページをつくる自分用メモ

Other

自分用メモ

  • 見出しと本文のGooglefontは分けられる
  • 画像を使ってもいい
プロジェクトのメタデータを入れておく
  • Classification（操作方式・プレイ時間・言語・エンジン）
  • Promo images（SNSで表示される画像指定、真四角指定favicon画像）
プロジェクトの編集で忘れやすいこと
  • カバー画像（検索一覧で表示されるサムネイル）の推奨は630x500
  • ブラウザ版を埋め込んでいる場合、指定したViewport幅にページが横に伸びる
  • タグ付け忘れない（どんなタグをつけていいかわからない時は類似ゲームを参考にする）
  • ファイル一覧のfor~の後のアイコンを選択する（デフォルトは未選択）

とりあえずページに必要な要素

よく使うHTMLタグ

  • <details><summary>アコーディオン見出し<summary>内容</details>：▶が文頭に自動で付け足されるため見出しは太字や色変更以外の変更はできません。
  • <h3></h3>：見出しでよく使う
  • <ul>：リスト
  • <p></p>：本文　いつのまにか入っている　やや大きい余白
  • <br>:改行　やや小さい余白
  • <blockquote>: 引用
  • <a href="URL">リンク名:リンク

紹介文を書く際の注意

  • リッチテキスト（デフォルトの編集画面）で開くと<p>が差し込まれたり<br>が消滅していたりHTMLコードが割と崩れる時があります。紹介文以外の編集をする際は注意、どうしてももう一度編集をしたくない場合は紹介文のHTMLコードバックアップをとったほうがいいかもしれない

例

<h3>? LANGUAGES</h3>
<ul><li>Japanese (Original, Not suitable for study)
</li><li>English (MTL, Translated by DeepL and ty)</li></ul>
<p></p>
<h3>! WARNING</h3>
<ul><li>English translated by machine translation</li><li>12+ (Cartoon Violence, Mild Language)
</li></ul>
<p></p>
<h3>? STORY</h3>
<blockquote> You suddenly, really suddenly, <br>realized last night that you were in love with him. 
<br><br>
 But he and you are just friends(?). <br>Wouldn't confessing to him make things awkward between them? <br>Wouldn't he pretend it never happened? You think like that. <br>And you find that very sad.... So you decided to mess everything up.<br><br><strong>That's right, you decided to become a Yandere overnight!</strong></blockquote>
<p></p>
<h3>? FEATURES</h3>
<p>
</p>
<ul><li>2 Loves, 4 Endings, 4 CGs, 4 Extras, 8k Words </li>
<li>All playtime: about 20 min</li>
<br>
<li>Useful Features<ul><li>Customizable Name and Pronouns</li></ul><ul><li>Title button to continue the last save</li></ul><ul><li>Menu button to skip or return to the choices</li></ul><ul><li><del>All Extras Unlock button</del></li></ul></li>
<br>
<li>Accessibility Features<ul><li>Sound Captions</li></ul><ul><li>Open dyslexia, Atkinson Hyperlegible</li></ul><ul><li>Text to Speech<br>(If you want to use it, press the V key.)</li></ul></li></ul>
<p></p>
<h3>? CREDITS</h3>
<details><summary><strong><mark>-- For a list of credits, Click here! --</mark></strong></summary>
<ul><li>Engine
<br>
<a href="https://www.renpy.org/">Ren'Py</a>
</li>
<li>Image
<br>
<a href="https://www.loc.gov/item/2014712842/" target="_blank">Library of Congress</a>
<br>
<a href="https://siarchives.si.edu/collections/siris_arc_385585" target="_blank" style="font-family: inherit; font-size: inherit;">Smithsonian Institution Archives</a>
<br>
<a href="https://kenney.nl/" style="font-family: inherit; font-size: inherit;">KENNEY</a>
<br>
<a href="https://lemmasoft.renai.us/forums/viewtopic.php?t=37628/" style="font-family: inherit; font-size: inherit;">1080p wipes (image dissolve transitions)</a></li><li>Music
<br>
 <a href="https://kumakumaf.notion.site/kumakumaf/c2957a066a1d4685af9d90c7bc81e95c">Kumanokodo</a></li><li>
Sound
<br>
<a href="https://filmcow.itch.io/">FilmCow</a>
<br>
<a href="https://otologic.jp/" target="_blank">OtoLogic</a></li><li>
Font<br>
<a href="http://jikasei.me/" target="_blank">Zikasei font kobo</a>
<br>
<a href="https://github.com/googlefonts/morisawa-biz-ud-gothic/">BIZ UD gothic</a>
<br>
<a href="https://github.com/googlefonts/atkinson-hyperlegible">Atkinson Hyperlegible</a></li><li>Script
<br>
<a href="https://ja.renpy.org/doc/html/">Ren'Py documentation</a>
<br>
<a href="https://lemmasoft.renai.us/forums/">Lemma Soft Forums</a>
<br>
<a href="http://krsm94.web.fc2.com/">crAsm</a>
<br>
<a href="http://akakyouryuu.com/">akakyouryuu</a>
<br><a href="https://npckc.itch.io/">npckc</a>
<br><a href="https://wattson.itch.io/">Wattson</a>
<br><a href="https://www.lezcave.com/">Lezalith's Programming Cave</a>
</li><li>Paint tool
<br><a href="https://www.clipstudio.net/">CLIP STUDIO PAINT PRO</a>
<br><a href="https://assets.clip-studio.com/ja-jp/detail?id=1680943">5-color map set (dark to light No. 76)</a></li><li>English Translation
<br><a href="https://www.deepl.com/translator">DeepL</a>
</li></ul>
<p>* Please see the attached Readme for details.</p></details>
<p></p>
<h3>? OTHER GAMES</h3>
<iframe frameborder="0" src="https://itch.io/embed/1517823?bg_color=b9bfa2&fg_color=4d3c60&link_color=965778&border_color=726185" width="208" height="167"><a href="https://p6ik.itch.io/hamiduki">Hamizuki [FULL] by ty</a></iframe>
<iframe frameborder="0" src="https://itch.io/embed/1633860?bg_color=F2CED2&fg_color=365B90&link_color=5E97B5&border_color=577cb1" width="208" height="167"><a href="https://p6ik.itch.io/amayadoru">Amayadoru [FULL] by ty</a></iframe>
<p></p>
<h3>? ASIDE</h3>
<details><summary> Is it not "Yamedomo renbo ha renbo taru"? </summary>
<p> I thought the name was too long and omitted it. You can call us by either name.</p></details>

コピペ用

<h3>? LANGUAGES</h3>
<ul>
<li>Japanese (Original)</li>
<li>English (MTL, Translated by DeepL)</li>
</ul>
<p></p>
<h3>! WARNING</h3>
<ul>
<li>English translated by machine translation</li>
</ul>
<p></p>
<h3>? STORY</h3>
<blockquote> </blockquote>

<p></p>

<h3>? FEATURES</h3>
<p></p>
<ul><li>? Loves, ? Endings, ? CGs, ? Extras, ??k Words </li>
<li>All playtime: about 20 min</li>

<p></p>

<h3>? CREDITS</h3>

<details><summary><strong><mark>-- For a list of credits, Click here! --</mark></strong></summary>

<ul>
<li>Engine</li>
<br>
<a href="https://www.renpy.org/">Ren'Py</a>
<br>
<li>Image</li>
<br>
<li>Sound</li>
<br>
<li>Font</li>
<br>
<li>Script</li>
<br>
</li>
<li>English Translation</li>
<br><a href="https://www.deepl.com/translator">DeepL</a>
<br>
</ul>
<p>* Please see the attached Readme for details.</p></details>
<p></p>
<h3>? OTHER GAMES</h3>