Skip to content

Bgのテクスチャにbackground-colorを設定し、background-blend-mode:color-burnを削除#27

Open
myakura wants to merge 1 commit intofec-tokyo:mainfrom
myakura:fix-br-flash-of-white
Open

Bgのテクスチャにbackground-colorを設定し、background-blend-mode:color-burnを削除#27
myakura wants to merge 1 commit intofec-tokyo:mainfrom
myakura:fix-br-flash-of-white

Conversation

@myakura
Copy link
Contributor

@myakura myakura commented Oct 15, 2025

Bgのテクスチャ画像のサイズが大きく( #26 )、読み込まれるのに時間がかかる可能性があった。
しかし背景色が白のままなので、画像の読み込み中はページがほぼ真っ白という問題を持っていた。

また、background-blend-modeは画像が1つ、背景色がないので意味がなかった(以前のコードやプロトタイピングでtexture.pngを使って合成していたものと推測される)。

以上を修正するべく、以下のことを行った。

  • background-color: var(--bg-light)の設定で、フォールバックの背景を敷く
  • 不要だったbackground-blend-modeを削除する

Bgのテクスチャ画像が場合によってとてもファイルサイズが大きく、読み込まれるのに時間がかかる可能性があった。背景色が白のままなので、画像の読み込み中はページがほぼ真っ白という問題を持っていた。

また、`background-blend-mode`は画像が1つ、背景色がないので意味がなかった(以前のコードやプロトタイピングでtexture.pngを使って合成していたものと推測される)。

以上を修正するべく、以下のことを行った。

* `background-color: var(--bg-light)`の設定で、フォールバックの背景を敷く
* 不要だった`background-blend-mode`を削除する
@ken7253 ken7253 requested a review from a team October 19, 2025 06:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant