Claude ya da AI ile yaptığınız etkileşimli çalışmaları nasıl paylaşırsınız?

Bir yapay zekaya oyunu, simülasyonu, grafiği ya da herhangi bir tarayıcıda çalışan interaktif bir çalışmayı oluşturmasını söylediniz ve size bir HTML, JavaScript ve CSS duvarı teslim etti. Bu dosyayı arkadaşınızla, çocuğunuzla ya da tüm internetle nasıl paylaşabilirsiniz? Cevabı basit: tek bir HTML dosyasına dönüştürüp birkaç tıklamayla herkesin erişebileceği bir bağlantıya çevirmek mümkün.

Hangi projeleri paylaşabilirsiniz?

Tarayıcınızda tek bir HTML dosyası olarak çalışan her şeyi paylaşabilirsiniz. Örneğin:

• Platform, nişancı ya da bulmaca oyunları
• Fizik simülasyonları ve interaktif demo uygulamaları
• Veri görselleştirmeleri (D3.js, canvas tabanlı çözümler)
• Generatif sanat ve kodlama projeleri
• Animasyonlu açıklamalar ya da interaktif dersler
• Oyuncak, sanat ya da müzik araçları

Önemli olan, tek bir HTML dosyasının altında toplanabilen ve 500 KB'tan küçük, harici API çağrısı gerektirmeyen projeler olmasıdır.

AI'dan tek bir HTML dosyası nasıl alınır?

Çoğu yapay zeka asistanı, sizden tek bir dosya talep ettiğinizde size bir HTML dosyası verebilir. Burada önemli olan, dosyanın self-contained (bağımsız) olmasıdır. AI'ya şu şekilde bir talimat verebilirsiniz:

"Bana her şeyi tek bir HTML dosyasında ver. Tüm JavaScript ve CSS kodları aynı dosya içinde olsun. Fetch, XHR ya da WebSocket kullanma, çünkü dosya harici ağ çağrıları yapamayacak. Dosyanın boyutu 500 KB'tan fazla olmasın."

Eğer AI size harici dosyalar import eden ya da API çağrıları yapan bir çıktı verirse, yalnızca tek bir dosyada çalışan bir versiyonunu yeniden oluşturmasını isteyin.

ARCADELAB başlığı nedir ve nasıl kullanılır?

ArcadeLab, yayınlamak istediğiniz projenin başlığını, açıklamasını ve kullanılan kütüphaneleri otomatik olarak algılamak için HTML dosyanızın en üstüne küçük bir yorum bloğu eklemenizi önerir. Örnek bir başlık şöyle görünebilir:

<!--ARCADELAB title: Benim Oyunum description: Kısa bir tanım libraries: phaser emoji: 🚀 color: blue -->

Bu bloğu, HTML kodunun en başına yerleştirin ve asıl .html etiketinden önce konumlandırın. Eğer phaser, p5, three, gsap, tone, pixi, matter, d3, react gibi bir kütüphane adı listelerseniz, ArcadeLab otomatik olarak ilgili kütüphaneleri yükleyecektir. Bu sayede ekstra CDN script etiketlerine ihtiyaç kalmaz.

Kod bilgisi gerekli mi?

Hayır. Yapay zeka, kodlama kısmını halleder. Sizin göreviniz yalnızca kopyala-yapıştır yapıp "Yayınla" butonuna tıklamaktır. Eğer daha önce hiç kod editörü açmadıysanız bile bu süreci tamamlayabilirsiniz.

AI'nın kodu hatalıysa ne yapmalısınız?

ArcadeLab, yayınlamadan önce size bir önizleme sunar. Eğer çalışmıyorsa, hata mesajını AI'ya geri gönderip düzeltmesini isteyebilirsiniz. Genellikle bu düzeltme bir ya da iki denemede sonuç verir.

Projemi daha sonra güncelleyebilir miyim?

Evet. ArcadeLab, tarayıcıdaki "Creator Code"ınızı hatırlar. Projenizin yayınlanmış sayfasını ziyaret ettiğinizde "Düzenle" ve "Sil" butonları görünecektir. Güncelleme yaptığınızda aynı URL korunurken içeriğiniz değişir.

Paylaşılan bağlantı nasıl görünür?

Paylaşılan bağlantı arcadelab.ai/play/baslik-yaratıcıad formatındadır. Bu bağlantıyı Discord, iMessage, e-posta ya da Reddit'te paylaşabilirsiniz. Kullanıcılar bağlantıya tıkladığında herhangi bir kurulum gerektirmeden projeyi anında oynayabilir.

ArcadeLab, tek dosyalık HTML oyunları, görselleştirmeleri ve interaktif içerikleri yayınlamak için kullanılan ücretsiz ve kaydolma gerektirmeyen bir platformdur. Bu yöntem sayesinde projelerinizi yalnızca birkaç dakika içinde dünya ile paylaşabilirsiniz. Eğer AI asistanlarınızla daha detaylı bir rehberi paylaşmak istiyorsanız, ArcadeLab'ın AI için hazırladığı kılavuzuna göz atabilirsiniz.

Günümüzde yapay zekaların ürettiği interaktif içerikleri paylaşmak giderek kolaylaşıyor. Tek yapmanız gereken, AI'dan aldığınız kodu uygun formata getirmek ve birkaç tıklamayla dünyayla paylaşmak. Bu basit adımlarla, kod bilgisine sahip olmasanız bile projelerinizi herkesle anında paylaşabilirsiniz.