おかゆ++

IT業界の片隅で生き残るブログ

JavaScript

Pixi.jsでマスク処理

結論 Container.mask にスプライトとか登録すれば簡単にできます。 #FFFFFFの部分が表示。#000000は非表示。中間の色は半透明になります。 デモサイト okayumoka.github.io リポジトリ: github.com マスク画像の例 こんな感じで、表示したい部分を#FFFFFFに…

PixiJSで日本語フォントが見切れる問題の対応

PixiJSのバージョンは4.8.4です。 指定のフォントで描画したいだけなのにすごく困った。 最初に結論 PIXI.TextMetrics.BASELINE_SYMBOLに適当な全角文字を追加してやればOK。 PIXI.TextMetrics.BASELINE_SYMBOL += "あ|"; 詳細 以下は Mplus 1m regularで描…

VimとCtagsの連携設定・使い方メモ

Vim と Ctags を連携させます。 何ができるようになる? まだ使いこなせてないので細かいところはわからないですが、 ソースコードを解析して、関数の定義元へジャンプしたりとかできるようになるハズ。 前提 Windows Vim 8.x CTags 5.8 とくにプラグインと…

はてなブログの背景にアニメーションをつける(自作テーマ不使用)

このブログの背景にアニメーションをつけてみました。コードはGitHubで公開しています。 github.com はてなブログではhead要素の中に自由に要素を追加できるので、こういうちょっとした改造がすぐできていいですね。 自作テーマを作ることでも実現できると思…

JavaScriptのapplyとcallの違い

まずはMDNから引用。 developer.mozilla.org this の値と、個々にあたえた引数をわたして、関数を呼び出します。 NOTE: このメソッドは apply() メソッドに似ていますが、呼び出し先関数に渡す引数の指定方法が異なります。 apply() メソッドは、呼び出し先…