npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

akashic-vertical-label

v1.0.0

Published

Akashicのラベルを横書き用のフォントを無理矢理縦書きじみた見た目にするラベル

Downloads

4

Readme

akashic-vertical-label

akashic-vertical-labelAkashic上で用いるラベルを縦書きでないフォントで書いたラベルでも無理矢理縦書きのように見せるためのラベルです。

一般的に言えば@つきの縦書き用に作られているフォントを用いるべきで、ゲームなどのコンテンツ作成なら画像化すべきです。それはこのラベルリリース後も(様々な問題点が修正しつくされたとしても)絶対です。
この拡張はひとえに、ニコニコ生放送における配信視聴画面のオーバーラップという特殊な環境で一般的ではない様々な視聴環境で見られることになる制約、そしてそこで使われるニコ生ゲームのパッケージが「解凍展開した後で10M」という制約によって縛られているためで、フォントファイルを含めたり必要な画面いっぱいに表示する文字を画像化していたらとても足りない…という制約の中から、苦渋の選択で生み出されたものです。
重ねて言いますが、ニコ生ゲームという特殊な環境ではなくて望んだフォントファイルを各端末にダウンロードさせられるような環境や、自由に画像ファイルを含められる環境だったらこのようなものを使わずにそちらを利用してください。

利用方法

akashic-vertical-label はrequireで呼ぶことができます。

 var vl = require("akashic-vertical-label");

とクラスを取得した後、

 var e = new vl.Label({
   scene: g.game.scene(),
   x: 100,
   y: 100,
   text: "これは「縦書きに」するラベル。",
   font: font,
   textColor: "grey",
   width: 100,
   height: 100,
   id: "l1",
   fullKanaBehavior: "turn",
 });

といったようにg.Labelと同様に使えます。コンストラクタやparamのdirectionを"holizontal"に指定した場合は完全にg.Labelと同じ動作になるはずです。

このインスタンスとは別でfontを定義しておく必要がある点もg.Label同様です

追加パラメーター

いずれそれぞれ解説を追加しますが、今のところは直にソースコードのコメントを見てください