金曜に電話のあった会社から電話がなかったので、今日はハローワークで求人を探すことにする。

1:55 そろそろ消灯。

7:05 起床。納豆とミニおにぎりを食う。ゴミを出して出勤。

7:45 現場。週末明け一発目の可燃ゴミの日だが比較的楽ちん。 自転車置き場にネズミが死んでいる。先週金曜にいたヤツだろう。死骸を退かすと蟻と蛆がいっぱい。 片付けてしばらくしてから確認しに来ると、全員とこかへ消えている。不思議だ。

10:00 撤収なのだが、ゴミ部屋をうっかり作業中のままにしてあったり、外回りにいつの間にか吸殻が落ちていたりとでもたつく。

イトーヨーカドー曳舟店で体温チェックとトイレ。それから曳舟の部屋に戻る。 白ブリーフ一丁で PC をやる。

  • WebGL2 - Rasterization vs 3D libraries: 後回しにしたい。
  • WebGL2 Text - HTML
    • HTML と CSS を利用してキャンバスにオーバーレイする方法が考えられる。
    • DOM の構造変化処理は時間がかかる。
    • コード。HTML ではキャンバスが body 内のトップ要素でなくなっている。
    • CSS ではコンテナーが relative でテキスト部分が absolute となる。 テキスト部分の background-color に rgba で指定することで半透明化可能。
    • 要素の .textContent に文字列を代入する。
    • テキストをレンダリング要素に対して相対的な場所に描画することを考える。 まずテキストが縦横無尽に移動するデモ。これはさっきのコードにマージできる。
    • 別々の空のノードを HTML と JavaScript で作成。スタイルを動的に設定する。 z-index の指定はともかく、overflow の値の使い分けに注意がいる。
    • 最後に F の角にテキストを描画させる。これはシェーダーにやらせる射影変換を JavaScript で自分でやっているに過ぎない。HTML 側の処理はループで複数対応する。

12:10 おやつ休憩。

13:05 Text - HTML がやっと終わる。DOM ノードの操作コードが覚えにくい。

  • WebGL2 Text - Canvas 2D
    • なんとキャンバスをニ枚用意する。コンテキストを一枚のキャンバスから二つ得るのではない。
    • Canvas 2D の機能でテキストを描画するので、CSS の派手な装飾は一切利用できない。

13:30 いったん昼寝。一時間ほどで目を覚ます。うっかり二度寝。

16:30 起きる。あちゃあ。ハローワークに行くのではなかったのか。 雨が降ってきたようだが構わず外出。押上駅バス停へ。錦糸公園までバスに乗車。

オリナス錦糸町。トイレと携帯電話で時間つぶし。

18:00 タイトー F ステーションオリナス錦糸町店。 MJ プロ卓東風戦 6 クレ。上級者が連荘するゲームが多くてさすがにゲンナリした。 ひどいときには 5 連荘。こういうときこそ粘ってラスを回避したいが、ダメ。ポッキン！

【SCORE】
合計SCORE:-155.4

【最終段位】
四人打ち段位:帝王 幻球:5

【9/14の最新8試合の履歴】
1st|--------
2nd|*-*-----
3rd|-*-*-***
4th|----*---
old         new

【順位】
1位回数:0(0.00%)
2位回数:2(25.00%)
3位回数:5(62.50%)
4位回数:1(12.50%)
平均順位:2.88

プレイ局数:39局

【打ち筋】
アガリ率:7.69%(3/39)
平均アガリ翻:2.33翻
平均アガリ巡目:13.67巡
振込み率:7.69%(3/39)

【9/14の最高役】
最高役のデータがありません。最高役は、跳満以上のアガリが対象となります。

気分転換にビートマニアをワンゲーム。時間がないので STEP UP で微妙な難易度の曲をプレイ。スコアも微妙。 レベル 4 の deep in you はフルコンボ不能譜面だろう。

20:00 カスミオリナス錦糸町店。453 円。

  • 麻婆豆腐丼
  • とり天にんにく胡椒
  • ブラックチョコ

20:25 ビッグエー墨田業平店。281 円。

  • 絹豆腐 (2)
  • 小粒納豆 (3)
  • 至極の一杯味噌ラーメン
  • あんパン

雨が小ぶりになってきた。20:35 曳舟の部屋に戻る。シャワーを浴びる。 風呂から上がって半裸で PC を開いて晩餐。豆腐だらけ。

  • WebGL2 Text - Canvas 2D: 続き
    • コードを書く。キャンバスのスタイルシートは位置関係がわからない？
    • 本文には説明がないが、文字色は ctx.fillStyle = 'white'; のようにして設定する。 ただし、呼び出すタイミングが問われる。矢印の色は同様にして ctx.strokeStyle を変更する。 背景色とかぶらぬように見やすい色にする。
  • Dracula’s Curse 2020 - Gameplay Alucard Path Full Gameplay - YouTube: 先日観たファンゲームの悪魔城伝説リメイクのアルカードルート。 こうしてみると後半は空を飛ぶと楽になる面が多い。