İmlecini takip eder
Baş, gözler ve gövde imleci doğal biçimde takip eder — sanki gerçekten sana bakıyormuş gibi.
✦ Live2D anime eşin
Haru · Live2D Cubism Modeli
Gerçek bir Live2D Cubism modeliyim. İmlecini takip eder, göz kırpar, nefes alır ve ifade değiştiririm. 💗 Hareket için tıkla ya da aşağıdaki düğmelerle modumu değiştir~
Live2D ile hayat bulan, sana özel bir 2D karakter.
«Eve hoş geldin. Bugün de iyi iş çıkardın.»
Haru, gerçek bir Live2D Cubism 4 modeli olarak çizilmiş etkileşimli bir anime karakteridir. Statik bir görsel değil; imlecini takip eden, doğal göz kırpan ve saçı fizikle sallanan gerçek zamanlı bir rig (moc3).
Bu sayfa açık kaynak bir şablondur. Çatalla, ismi ve replikleri değiştir, istediğin Live2D modelini koy ve kendi «2D eşin» sitesine sahip ol.
Hızlı, SEO dostu ve sevimli — hepsi bir arada.
Baş, gözler ve gövde imleci doğal biçimde takip eder — sanki gerçekten sana bakıyormuş gibi.
Live2D modeline gömülü otomatik animasyonlar onu her an canlı tutar.
Astro statik HTML üretir; ağır WebGL çalışma zamanı yalnızca tuval görünüme girince yüklenir.
«Sakura» ve «Gece» arasında geçiş yap. Seçimin kaydedilir.
Japonca, İngilizce, İspanyolca, Almanca, Türkçe, Portekizce ve Çince.
Telefondan ultra geniş ekrana kadar, prefers-reduced-motion desteklenir.
Live2D, performans ve lisans hakkında.
Evet. pixi-live2d-display ve PixiJS ile işlenen gerçek bir Live2D Cubism 4 modelidir (moc3, dokular, hareketler, ifadeler) — CSS taklidi değil, gerçek bir rig.
Sayfa Astro ile gerçek metin, meta veri ve yapılandırılmış veri içeren statik HTML olarak üretilir. Ağır Live2D çalışma zamanı yalnızca tuval göründüğünde yüklenir; böylece ilk boyama hızlıdır ve Core Web Vitals sağlıklı kalır.
Evet. Herhangi bir Cubism 2/4 modelini public/assets/live2d/ içine koy ve betikteki MODEL_URL'i onun .model3.json dosyasına yönlendir.
Site kodu MIT'tir. Örnek model «Haru», Live2D Inc.'in ücretsiz materyalidir ve Live2D koşullarına tabidir; ticari kullanımdan önce koşulları incele.