531 日目(晴れ)私のところにあるあらゆるものが細い
麻雀の練習をしながら YouTube の DOLCE プロ祝勝会のラジオを中途半端な位置から聴く。
2:00 ビートマニアのカスタマイズページでゲーム内通貨を使い切る。 回線が細いので時間がかかった。アイテム選択画面の設計をもっと練って欲しい。 複数項目選択を対応するのに何か不都合でもあるのか。 それにしても、アバター装備品を買いまくっても、結局採用するのはおなじみのアイテムになるものだ。 しかし今回は本体に合わせて持ち物枠にビート板を採用しよう。
2:15 消灯。
10:20 起床。納豆とおにぎりを食す。手順前後で洗濯機を回し始める。PC を開く。 ニュースや Twitter をチェックして待つ。回線が細いので画像がロードされない。
11:10 洗濯物を干す。
- ビートマニアのカスタマイズアイテム消費作業続き。オカルト研究所のチケットが 4 枚あった。
- 【祝・優勝!!!】BPLの個人的な振り返り配信【音ゲー / プロリーグ / beatmania IIDX / DOLCE.】 - YouTube: DOLCE プロの一人反省会。練習プレイとその解説も交えて本格的な分析に。 「逆ピタゴラスイッチみたい」は明言。
- WebGL2 Tips: 手筋の詰め合わせ
- キャンバスの描画内容をスクリーンショットとして保存する。
具体的には
canvas.toDataURLまたはcanvas.toBlobを利用する。後者が新機能。 ただし、ふつうにそのような関数を呼び出すと、 ブラウザーが描画バッファーを消去するので白い画像ファイルが生成される。 その場合にはdrawScene周りのコードの構造を工夫するといい。 canvas.getContext("webgl2", {preserveDrawingBuffer: true});とgl.clearで色ピクセルをクリアしない組み合わせは何に利用したい?- キャンバスでキーボードイベントを処理したい場合、次の処置を施す:
- キャンバス要素の属性に
tabindexを追加する。 - キャンバス要素の CSS フォーカススタイル
canvas:focusでアウトラインを無にする。
- キャンバス要素の属性に
- WebGL 描画部分を HTML ページの背景にする手段
- キャンバスの CSS で
position: fixed; z-index: -1とする。 背景全域に描画するならばleft: 0, top: 0になる。 - または
iframe要素を採用する。その要素を背景にしたいページに挿し込む。 CSS の定義は先ほどのキャンバスと同様にする。border: none; pointer-events: none;なども加える。
- キャンバスの CSS で
- キャンバスの描画内容をスクリーンショットとして保存する。
具体的には
11:40 コードを書く。今回が最終回か?
- スクリーンショットの修正版のコードとされるものが修正されていない。著者に教えよう。
- ボタンにマウスクリックでフォーカスされないのは CSS に追加コードが必要だから:
button { pointer-events:initial; } e.keyCodeは deprecated なのでe.codeに置き換える。こちらのほうがわかりやすい。- 背景の例は
iframeのソースはローカルにダウンロードしないでおく。 つまり HTML と CSS しか書かない。
13:30 ラーメン三銃士を検索して時間をつぶす。腹が減ったのでおやつ休憩。外出まで YouTube を観る。
- Liver Dysfunction. - Radirgy Noa - YouTube: オーイエイエイエイエイエ。この楽曲が収録されているサントラも PC ごと盗難。取り戻したい。
- 【PC】マリオ64PC版(Super Mario 64 PC Port)簡易紹介【非公式】 - YouTube: 私はニンテンドー 64 のゲームの絵の品質をまず目指したい。
15:00 外出。まずはイトーヨーカドー曳舟店。体温チェック。
スカイツリータウン二階。トイレ。書店は断念。
押上駅。都営地下鉄を乗り継いで船堀駅を目指す。
16:30 セガ船堀店。MJ プロ卓東風戦 7 クレ。 うっかり三連ラスを引いてしまって取り戻そうと粘るも、またぞろプロ卓追放間近の経験値になってしまう。 野獣みたいな打ち回しの人に翻弄される。
【SCORE】
合計SCORE:-199.4
【最終段位】
四人打ち段位:十段 経験値:-160.4
【10/9の最新8試合の履歴】
1st|--------
2nd|-----**-
3rd|---*---*
4th|***-*---
old new
【順位】
1位回数:1(7.69%)
2位回数:4(30.77%)
3位回数:3(23.08%)
4位回数:5(38.46%)
平均順位:2.92
プレイ局数:72局
【打ち筋】
アガリ率:12.50%(9/72)
平均アガリ翻:4.00翻
平均アガリ巡目:11.44巡
振込み率:13.89%(10/72)
【10/9の最高役】
・跳満
19:40 退店。地下鉄とバスを乗り継いで錦糸町駅へ移動。
20:20 カスミオリナス錦糸町店。545 円。クーポン使用。店内を掃除ロボが這うようになったか。
- オクラ茄子丼
- 春巻き (2)
- ブラックチョコ (2)
- 野菜ジュース (900)
20:40 ビッグエー墨田業平店。301 円。
- 絹豆腐 (2)
- 大きなおむすび鮭
- チキンカツバーガー
- 大きなりんごデニッシュ
20:50 曳舟の部屋。風呂でシャワー。風呂から出て晩飯。PC を開く。シャツ一枚だと寒い。
- 《睡眠用BGM》 ドラクエ6 オルゴール Dragon Quest 6 Music Box 【ゲームBGM】【作業用】 - YouTube
- WebGL2 Cross Platform Issues: 中盤の数字だらけのトピックが読むのがつらい。読み飛ばす。
- Questions and Answers:
こんな巨大な章があるとは。全部は無理だろうから面白い節をピックアップするしかない。
- Droste のは見栄えがするのでやろう。
- 巨大描画バッファー
- パレット
- FPS 風カメラ
- Tilemap
- Drawing Many different models in a single draw call
- 破線
- Zooming to and stopping at object in a scene in WebGL
- 地球
- How to fade the drawing buffer
- Drawing 2D image with depth map to achieve pseudo-3D effect
- How to create a torus
- Sorting and optimizing instanced rendering
- Apply a displacement map and specular map
- How to use the stencil buffer
- How to get the 3d coordinates of a mouse click
- How can I move the perspective vanishing point from the center of the canvas?
- How to process particle positions
23:30 チェック終了。これ以上深入りするのは私の時間が危ない。 今までやったところの整理をして茶を濁すのがよかろう。
それにしても YouTube で音楽を聴きながら Twitter の画面を開くと、画像が大体表示されない。