feat(welcome): sinematik derinlik — viewport-sabit ışık katmanı + gün/gece + 1. katman dekoru#46
Merged
Merged
Conversation
… gün/gece yön + 1. katman dekoru - 🎬 Cinematic atmosfer (.wu-atmos): 3 god-ray huzmesi + 11 toz zerresi + derinlik sisi; page-1'den itibaren VIEWPORT-SABIT (sticky) → tüm geçişlerde huzmeler tutarlı "kayar" (içerik altından akar). Tek ışık sistemi — ayrı layer-1 huzmeleri yok. - 🌗 Gün/gece ışık yönü: gündüz güneş sol-üst→sağ-alta, gece ay sağ-üst→sol-alta (inline --rot negatif + gece scaleX ayna + soğuk/soluk ton). - 🐜 1. toprak katmanı dekoru (.welcome-fill-decor): karınca + kök + çakıl, --rise ile yoktan büyüyüp parlayarak girer (glow-in). - 🪱 Solucan ağzı kaldırıldı (sadece göz). - 📐 main.js: scroll'a bağlı --depth-t (sis) + --cam (parallax) + --rise (atmos opacity) + --exit (page-1'i geçince fill-intro/decor söner). Düzeltmeler (hepsi preview'da doğrulandı): - Alt-sızıntı: underground margin-top -8px→0 → page-1 dibinde 2. sayfa ucu sızması 0px. - Sınır-dikişi: fill-decor vignette kaldırıldı + sürekli tek atmos → pin→underground dikişsiz. - Başlık binmesi: --exit ile fill-intro page-1'i geçince söner → page-2 ile üst üste binmez. - Layout kayması: atmos margin net flow 0 (margin-bottom kaldırıldı) → sahneler kaymaz (underground top 1200, nem kartı 1470, atmosTop 400→1600 hep 0). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Özet
Welcome toprak-altı deneyimine sinematik derinlik: tek viewport-sabit ışık katmanı (god-rays + derinlik sisi + toz zerreleri), gün/gece ışık yönü, ve 1. toprak katmanı dekoru.
Eklenenler
--rise) yoktan büyüyüp parlayarak girer.Düzeltmeler
--exitile söndürme).Teknik
main.js: scroll'a bağlı--depth-t/--cam/--rise/--exit. Vanilla JS + CSS, build-less. 3 dosya (+186/−3).Test notu
Hareketler (huzme kayması, toz, dekor glow-in) görünür tarayıcıda doğrulanmalı (gizli sekmede animasyonlar duraklar). Yapısal değerler preview'da ölçülerek doğrulandı.
🤖 Generated with Claude Code