Teknoloji

Opera, etkileşimli web sayfalarını üç boyutlu sahnelere taşıyor

Opera’nın HTML in Canvas ön izlemesi, tıklanabilir düğmeleri ve formları 3D sahnelere yerleştiriyor. Özelliğin kapsamı ve geliştirici sınırları haberde.
Opera, etkileşimli web sayfalarını üç boyutlu sahnelere taşıyor

Opera, yeni web yeteneklerine etkileşimli sayfaları üç boyutlu ortamlara taşıyan bir ön izleme ekledi. 27 Ekim tarihli duyuruda tanıtılan HTML in Canvas, gerçek HTML öğelerinin iki ve üç boyutlu sahneler içinde kullanılmasını sağlıyor. Sahneye yerleştirilen bir düğme tıklanabiliyor, metin seçilip kopyalanabiliyor ve form alanlarına yazı girilebiliyor. Opera, ilk erişimin Opera One’da başladığını, GX ve Neon’un da bunu izleyeceğini belirtiyor.

Canvas, web geliştiricilerinin grafik çizmek için kullandığı alanlardan biri. Yeni yaklaşımda amaç yalnızca bir sayfanın görüntüsünü bu alana yapıştırmak değil. Sayfanın menüleri, kaydırıcıları ve giriş alanları hareket eden veya eğilen sahnenin içinde işlevini koruyor. Böylece üç boyutlu bir odada görünen ekrandaki düğme, yalnızca dekor olmaktan çıkıp kullanılabilir bir arayüz öğesine dönüşebiliyor.

Opera, oyunları bu yaklaşımın öne çıkan kullanım alanı olarak gösteriyor. Mağaza, envanter, ayarlar ve sohbet gibi bölümler geliştiricilerin alışık olduğu HTML ve CSS araçlarıyla hazırlanıp oyun dünyasının içine yerleştirilebiliyor. Bu, oyunun fizik veya görüntü işleme motorunun kendiliğinden değişmesi anlamına gelmiyor. Duyurunun odağı, etkileşimli arayüzün sahnenin parçası olması.

Demolar açık, genel kullanım erken ön izleme aşamasında

Şirket, bir demo galerisi de hazırladı. Webpage Bulldozer’da bir dozer sayfanın yazılarını, görsellerini ve düğmelerini iterek yığınlar oluşturuyor. Gamer Room, ekranları kullanılabilir web sayfalarından oluşan üç boyutlu bir oyun odası sunuyor. HTML Ninja’da ise havada uçan düğme, banner ve anahtarlar kesiliyor. Bunların yanında sekiz farklı efekt örneği daha bulunuyor.

Örnekler, yeni yeteneğin nasıl göründüğünü anlamak için tarayıcı güncellendikten sonra açılabiliyor. Opera, bu özelliği daha genel biçimde denemek isteyenlerin ayarlardaki Early Bird seçeneğini açabileceğini, tarayıcıyı yeniden başlatmanın gerekebileceğini söylüyor. Ancak duyurunun başındaki kademeli tarayıcı planı nedeniyle bütün Opera sürümlerinde aynı anda aynı erişimi varsaymamak gerekiyor.

Geliştiriciler için önemli sınırlama aynı kaynak kuralları. Opera’nın açıklamasına göre kendi içeriğinizi canvas alanına çizebilirsiniz, başka sitelerin içeriğini aynı şekilde alıp kullanamazsınız. Bu sınır, demodaki canlı sayfa fikrini internetteki herhangi bir hesabın veya sitenin serbestçe içeri alınması şeklinde yorumlamayı engelliyor.

Öte yandan HTML in Canvas, henüz bütün tarayıcılarda yerleşmiş ortak bir web standardı olarak sunulmuyor. Chromium’da uygulanan, açık biçimde geliştirilen bir platform önerisi ve erken ön izleme söz konusu. Opera, bazı pürüzlerle karşılaşılabileceğini belirtiyor. Demo kaynak kodları GitHub’da yayımlanmış durumda. Bu nedenle özellik, üretimde her kullanıcıya aynı deneyimi garanti etmekten çok, geliştiricilerin etkileşimli 3D arayüzleri denemesine alan açıyor.

Önerinin WICG teknik açıklaması, HTML ile canvas çizimi arasında eşleme kurulduğunu anlatıyor. Çizilen öğenin konumu güncellendiğinde, kullanıcı girişinin ve erişilebilirlik bilgisinin de bu konumla uyumlu olması gerekiyor. İki boyutlu çizimde bazı eşlemeler otomatik yapılırken üç boyutlu bağlamda geliştiricinin geometriyi güncellemesi gerekiyor. Bu ayrıntı, ekranda bir düğmenin görünmesiyle doğru yerde tıklanabilir olmasının neden ayrı işler olduğunu açıklıyor.

Teknik öneri, oyun menülerinin yanında grafiklerdeki açıklama alanlarını, yaratıcı araçlardaki zengin içerik kutularını ve HTML üzerine görüntü efektlerini de kullanım örnekleri arasında sayıyor. Bu nedenle yetenek yalnızca oyunlara özgü değil. Ancak erişilebilir bir deneyim için doğru HTML yapısını korumak ve konum bilgisini güncellemek, uygulamayı geliştiren tarafın sorumluluğu olmaya devam ediyor.

Günün Öne Çıkan Fırsatları

BOYA Caster X1, yayın ve podcast için 1.454 TL fiyat avantajı sunuyor
BOYA Caster X1, yayın ve podcast için 1.454 TL fiyat avantajı sunuyor
Satın Al
Kodak Ektar H35, filmli fotoğrafçılığa 2.995 TL’den kapı açıyor
Kodak Ektar H35, filmli fotoğrafçılığa 2.995 TL’den kapı açıyor
Satın Al
Logitech Brio 100, görüntülü görüşmeleri 2.043 TL’ye taşıyor
Logitech Brio 100, görüntülü görüşmeleri 2.043 TL’ye taşıyor
Satın Al
ttec’in stantlı manyetik powerbank’i ödeme indirimiyle 1.474 TL’ye geliyor
ttec’in stantlı manyetik powerbank’i ödeme indirimiyle 1.474 TL’ye geliyor
Satın Al
Polk Signa Solo, TV diyaloglarını 7.429 TL’ye daha anlaşılır kılmayı hedefliyor
Polk Signa Solo, TV diyaloglarını 7.429 TL’ye daha anlaşılır kılmayı hedefliyor
Satın Al
Tümünü Gör Daralt
Tüm Fırsatları Gör

REKLAM — Bu içerikte satış ortaklığı bağlantıları bulunmaktadır. Bu bağlantılar üzerinden yapılan alışverişlerden Teknoblog komisyon kazanabilir. Satış ortaklığı açıklaması

Teknoblog artık WhatsApp'taGünün en iyi teknoloji fırsatları ve kaçırmamanız gereken büyük haberler, telefonunuza gelsin.
Kanala Katıl