【Play on Heiki!】駅名標ジェネレータの制作経過!簡単シンプルにオリジナルの駅名標が作れます【さいほうへいき】

技術系

どうもこんにちは、パレットに絵の具を入れてみたらなぜか全部黄色になってしまったさいほうへいきです!

今回は、Play on Heiki!にて制作しているうちのひとつ『駅名標ジェネレータ』について紹介していきますよ!

【新サービス】ミニゲーム集『Play on Heiki!』の公開準備中ですよ【さいほうへいき】
どうもおはようございます、カルシウムがネガティブになって歯を破壊しようとするのでリチウムを送り込んださいほうへいきです!これまでに、僕は動画宣伝用掲示板の『Heiki's Board』、簡単なYouTubeダウンローダー『yt-dlp on...

今回はこれまでに紹介したのと一風毛色が違いますが、それについてもちょっと触れていきます。

駅名標ジェネレータとは?

駅名標ジェネレータは、その名の通り駅名標っぽいものを作れるサイトです。

駅名標ジェネレータの画面

こんな感じで、右に駅名や前後の駅、スタイルなどを指定することで、オリジナルの駅名標を作ることができます!

プラットフォームであるPlay on Heiki!自体がまだ未公開なので駅名標ジェネレータもまだ使えない状況ではありますが、そのうち公開する予定です。

とはいえまあ個人用のシンプルなものなので、本格的な駅名標とは程遠いですけどね。そういうのが好きな方は、Sigeneなどの別のサイトを使うといいかも。
うちのは鉄道その他に詳しくない人でも扱いやすくはあります。

駅名標ジェネレータで制作したパーリナイ山本の駅名標

こんなふうなシンプルな駅名標を作れて、PNG形式でダウンロードができます!

特にMinecraftサーバー、まんじゅうクラフトにおいてはけっこういろいろな鉄道が設置されているのと、プラグインでカスタムの画像を貼り付けることができるので、それに重宝してます。

Just a moment...

駅名標ジェネレータでできること

基本的には画像のスタイルや駅情報などを書き込むことができるのですが、個人的な需要によってまあまあ豊富な機能が実装されています! いぇーい。

部分ごとにざっくり解説していきますね。

駅情報

駅名標ジェネレータのサンプル駅

駅名標ジェネレータですので、当然各種駅の情報を編集することができます。

この画像にあるように、この駅や前後駅の名前、よみがな、英語表記、それから鉄道会社名を書き込めます。

悲しきかな駅の番号などはないので、そこらへんを作りたい人は後述の画像機能を活用するか、別のサイトを利用してください。

駅名標ジェネレータのサンプル駅2

ちなみに、前後の駅のうち片方しかない場合は、駅名を空欄にしておくことで消すこともできます。もちろん両方でも。

画像機能

駅名標ジェネレータの画像指定サンプル

僕の個人的な好みで実装した機能ですが、駅の背景画像、および駅のアイコンを指定することが可能です!

今回は背景画像に有名な壁紙を、アイコン画像にWindowsのロゴを指定してみました。文字が見づらいのは堪忍ね。

背景画像は文字を見やすくするべく、『そのまま』『30%透過』『50%透過』を選択して色味を調整することができます。

また、アイコンもフチをつけるかどうかが選べます。便利ですね。

僕はこのアイコン機能を駅のシンボル的なのを作るのに利用しているのですが、他にも駅のナンバーとかを画像で用意するのもいいかもしれません。

後々文字をフチドリする機能も付けるかも……背景画像をつけると見づらくなるので……。

カラープリセット

駅名標ジェネレータのカラープリセットサンプル

駅名標ののスタイルとして、いろいろなカラープリセットを選択することができます。

デフォルトでは『薄水色』スタイルですが、他にも『ピンク』『夜空』『レトロ』『パステルブラウン』などいろいろなスタイルを用意しています。

駅名標ジェネレータの『日の出』プリセットサンプル

さらに、追加で特殊なエフェクトのかかるプリセットも存在します!

桜の花びらの舞う『桜』、キラキラする『日の出』、月と星の浮かぶ『月夜』の三種類が用意されています。

行き先枠の形

駅名標ジェネレータの行き先枠サンプル

行き先枠の形を選ぶことができます。

あんまり使うことのない機能ではありますが、三種類の形が用意されているので、好みなものがあればそれで作るのもいいかも?

画像サイズ

駅名標ジェネレータの画像サイズ変更サンプル

画像サイズや比率を少し変えることができます。

デフォルトだと1200×600(2:1)のサイズになっていますが、他にも640×256(5:2)や480×240(2:1)を選択することができます。

こちらも余り使う機会はないかもしれませんが、使用する場所のサイズ制限などでちょっと使うかもしれません。

ちなみに僕は640×256が好みです。

他の便利機能

駅名標の画像自体には影響しませんが、他にもいくつか便利な機能があります!

ランダム生成

駅名標ジェネレータのランダム生成サンプル

駅名標ジェネレータのランダム生成サンプル2

あらかじめ定義している辞書の中から、漢字や文字をランダムに選び取って適当な駅名を生成する機能です。カラープリセットもランダムに選びます。

漢字辞書の内容はそんなに多くないのですが、まあ時々笑えるようなものも作れるので楽しいですよ。

データ保存機能

駅名標ジェネレータのデータ保存機能

いつも似たような駅名標を作る場合、会社名やプリセット等を毎回適用するのは面倒なので、設定を保存しておくことができます。

スロットが五枠あるので、そこに書き込み・読み出しをすることが可能です。やったね!

保存したデータはブラウザに直接書き込まれるので、ファイル等の管理は不要です。逆に言うとエクスポートとかもできないのですが、そこはあとから作るかも。

その他の話

実は、駅名標ジェネレータ自体はかなり昔からありました。

駅名標ジェネレータ(仮) by さいほうへいき(v1.1) - オリジナル駅名標を無料作成
駅名・ルビ・英語表記・背景画像などを自由に設定して、オリジナル駅名標をPNG画像として作成できます。

こちら、もともと僕がGitHub Pagesを利用して公開していたものです。ウェブサービスPlay on Heiki!を制作するにあたって、より管理等がやりやすいそちらへページを移行しようということになり、現在移行を行ってます。

現状はデータ保存機能がない程度の違いなので、もし使いたい!という人がいたら、ぜひ上記のリンクから既存バージョンを使ってみてくださいね。

ちなみにこちらのバージョンのほうで、他の人がいろいろ使ってくれてたりします。

畜産くんの作ってたよくわからんやつとか……。

狂気を感じる駅名標

ランちゃんが作ってた駅とか。

使ってくれると僕がめちゃめちゃ喜ぶので、もし機会があればぜひよろしくお願いしますね~!

まとめ

というわけで、今回は駅名標ジェネレータを作ってみてるよ〜という話でした!

僕個人がまあまあお世話になりそうなので、今後も必要に応じて精力的に実装を進めていきたいと思います。お楽しみに!

公開はまだ先になるかと思いますが、欲しい機能やカラープリセット等があればぜひお気軽にどうぞ。

では、今回はここまで。さいほうへいきでした!

【セキュリティ】Heiki's Boardで謎の404エラーが多発?攻撃者が無作為にアクセスを試みるファイルとは【さいほうへいき】
どうもおはようございます、ピッツァとかいう書き方は四文字もスペースを占有するんだよねと悲観しているさいほうへいきです!僕が掲示板サービスHeiki's Boardの運営を初めてからけっこう経ちますね。で、最近ふとCloudflareでの統計...
【Play on Heiki!】お手製マインスイーパーの制作経過!【さいほうへいき】
どうもこんにちは、アダマンタイトを噛んだら普通に歯が折れたさいほうへいきです!今回は僕が最近開発中のミニゲーム集サービスPlay on Heiki!のうち、マインスイーパーのプレビューを行っていきます。ちなみにMinesweeper: Th...

コメント

タイトルとURLをコピーしました