556 日目(晴れ)意外にすんなりいった
ドラクエビデオを一時間以上ぶっ続けで視聴。あとは WebGL 関連の調べ物。 曲面の輪郭を描きたいだけなのだが、色々あって昔使えた手法が使えなくなっているようだ。 Google で WebGL outline silhouette cel-shading のように断片的な用語をひたすら検索する。
- (Webgl) Glsl silhouette - Graphics and GPU Programming - GameDev.net
- GitHub - ArnaudDroxler/WebGL-CelShading: WebGL Cel Shading: これ、解答ではないだろうか。コードがそれっぽい。
原点を中心とする多面体を作成したので、微小に拡大して黒く描き、その上側にオリジナルの多面体を描くというショボい手法が幸い使える。 ステンシルや特殊なバッファーを利用する手法はそのあとで調べる。
2:00 就寝。少し待て。
7:05 起床。納豆と鶏五目ご飯を食う。出勤。
7:45 現場。資源ゴミの搬出。館内清掃。今日は祝日だが普段とほとんど変わらない。
10:10 撤収。
イトーヨーカドー曳舟店。体温チェック。
10:35 まいばすけっと東武曳舟駅西店。210 円。
- 養生テープ
- 充填豆腐
- たぬきおにぎり
曳舟の部屋。洗濯。PC を開いて待つ。
- WebGLRenderingContext.cullFace() - Web APIs | MDN:
gl.cullFace(gl.FRONT)のように指定すると、三角形の表側が描画されなくなり、代わりに裏面が描画される。 ところで、この cull という動詞を知らなくても発音が「刈る」と似ているから、なんとなく意味をつかめる。
11:15 洗濯物を干す。
12:00 すでに動作する正多面体のコードを適当にいじっていたら、アウトライン描画がいつの間にか実装できた。 ただし、与えた幾何形状に甘えたナイーブな手法によるもので、汎用性はない。 ナイーブゆえ難度は星 1 だな。
| 難度 | 課題 | コメント |
|---|---|---|
| ★ | アウトライン描画(素朴版) | 完成 |
| ★★★ | アウトライン描画(本格版) | 調査中 |
| ★★★ | 隠線処理 | 方法不明 |
おやつの時間。カップ麺ができるまでコミットログでも書く。 LPの常識外れなゲームの遊び方チャンネル - YouTube のマニアックなドラクエ検証ビデオの残りを少しチェック。
14:00 昼寝。
17:15 起床。外がもう暗い。外出。
スカイツリータウン二階。三省堂書店で雑誌チェック。ニューズウィーク日本版だけ。トイレ。
押上駅バス停。バスに乗って錦糸公園へ。ブックオフロッテシティー錦糸町店。 『白竜』コンビニ本族議員編をチェック。何も買わずに退店。スマンス。
18:30 オリナス錦糸町二階。ベンチで携帯電話をいじって時間つぶし。
19:15 タイトー F ステーションオリナス錦糸町店。 昨日の今日でさすがに MJ は手を出しにくいので、気分転換にコナミの武装神姫を 1 クレプレイ。操作方法をすっかり忘れている。CG が美麗なのでゲームをわからなくても私は構わない。 この前選んだお稲荷さんの化身みたいな機体が選択画面にいないのは痛い。 それにしても全然わからない。地面に散乱しているジェムを回収するのは歩き回らないとダメか? シューティングゲームのように自動回収モードがないか?
19:50 カスミオリナス錦糸町店。328 円。
- 豚レバーニンニクの芽菜の花干エビ丼
- ライス
20:05 ビッグエー墨田業平店。226 円。
- 絹豆腐 (2)
- カレーヌードル
- 大きなりんごデニッシュ
20:15 曳舟の部屋。シャワー。晩飯。PC だ。
21:20 インターネットに接続する。夕方の外出中に思いついた処理を追加し、昼間のアウトラインのデモを片付ける。
両方の描画アルゴリズムを切り替えられるように UI を HTML に追加する。
WebGL2 Fundamentals の webgl-lessons-ui.js がいい感じに手軽だ。
22:20 ビデオに撮影して Twitter にアップロード。今回はコードそのものをまだ公開していないので、 人目に晒す可能性を上げることでコードの品質を一定以上に保つようにしたい。
- 【ポーカー世界大会】ラスベガスの様子をお届けします【WSOP2021】 - YouTube: 個人的にはコインランドリーが気になる。移動先での洗濯は面倒なものだ。
ティーポットを求めてインターネットをさまよう。