Three.js 3B Sahne uygulama şablonu

Işıklı ve dokunmayla döndürülebilen 3B sahne. İnternet gerekir.

Çatılarİnternet gerekir1 telefon özelliğiThree.js

✏️ Çevrimiçi düzenleyin ve derleyin Tam ekran aç

Bu, şablonun canlı çalışan hâlidir. Kamera, titreşim ve bildirimler gibi telefon özellikleri, derlediğiniz uygulamada çalışır.

Bu şablonun kullandığı telefon özellikleri

Bunlar, Free HTML to APK ile derlenen her uygulamada bulunan FreeApp JavaScript köprüsünden gelir. Normal bir tarayıcıda şablon yine çalışır, bu çağrılar yalnızca hiçbir şey yapmaz.

Titreşim

FreeApp.vibrate()

Tek seferlik titreşim (varsayılan 50 ms) veya [kapalı, açık, kapalı, açık…] düzeni.

Şablon bunları nasıl çağırır

renderer.domElement.addEventListener('pointerdown', () => {
  if (window.FreeApp) FreeApp.vibrate(10);
});
renderer.setPixelRatio(Math.min(devicePixelRatio, 2));

Yapay zekâ ile kendinize göre uyarlayın

Bu istemi ChatGPT, Gemini veya Claude'a kopyalayın, fikri kendi fikrinizle değiştirin ve yanıtı düzenleyiciye geri yapıştırın. İstem, uygulama kabuğunu ve telefon özelliklerini yapay zekâya zaten açıklıyor.

Yapay zekâ istemini göster

Build a single-file mobile web app (index.html with inline CSS/JS) for Android WebView.

The app: Three.js 3D Scene — a Three.js 3D scene with lights and touch-drag orbit controls. Rotating 3D scene with lights and touch orbit. Needs internet.

Requirements:
- Mobile-first, touch-friendly UI (min 44px tap targets), works in portrait, supports light and dark mode.
- Use <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> and pad for env(safe-area-inset-*).
- You may load libraries from a CDN (jsDelivr/unpkg); show a friendly message if the device is offline.

The page runs inside an Android app that injects a native bridge as window.FreeApp. Available APIs:
- FreeApp.vibrate(ms?: number | number[]): void — one-shot buzz (default 50 ms) or an [off, on, off, on…] pattern

Rules for the bridge:
- Always guard calls with `window.FreeApp &&` (or `if (window.FreeApp) { … }`) and provide a browser fallback so the page also works in a normal browser.
- The bridge may be injected after your script runs: do native setup inside `window.addEventListener('freeappready', …)` and also run it immediately if window.FreeApp already exists.
- Do not use alert/confirm for normal feedback; prefer FreeApp.toast when available.

Return the complete index.html in one code block.

My idea: [DESCRIBE YOUR APP IDEA HERE]

Android uygulamasına dönüştürün

Çevrimiçi düzenleyin ve derleyin düğmesine dokunun. Şablon çevrimiçi düzenleyicide açılır.
Metni, renkleri ve kodu değiştirin, ardından bir uygulama adı, bir simge ve bir paket adı seçin.
Derleyin. Yüklemek için imzalı bir APK ve Google Play için bir AAB alırsınız; ücretsiz, hesap gerekmeden ve filigransız.

✏️ Çevrimiçi düzenleyin ve derleyin ÜCRETSİZ EDİNİNGoogle Play