Mobil Uygulama

Dinamik Arka Planlar

warningProblem

"I made a fluid simulator for mobile that reacts to your device tilt!"

psychologyPotansiyel Çözüm

Dinamik Arka Planlar ve Efektler Uygulaması: Kullanıcıların cihazlarının hareketine duyarlı, özelleştirilebilir ve etkileşimli akışkan simülasyonlarını canlı duvar kağıdı, oyun içi efekt veya dikkat çekici sunum materyali olarak kullanmalarını sağlayan bir mobil uygulama.

groupHedef Kitle

Genç yetişkinler ve teknoloji meraklıları (18-35 yaş), mobil cihazlarını kişiselleştirmeyi sevenler, oyun geliştiriciler ve tasarımcılar (22-45 yaş), sosyal medyada görsel olarak dikkat çekici içerikler oluşturmak isteyenler (16-30 yaş). Bu kitle genellikle orta seviye harcama gücüne sahip olup, benzersiz ve yaratıcı uygulamalara para ödemeye isteklidir. Ayrıca, oyun geliştirme ve tasarım alanında çalışan profesyoneller daha yüksek harcama gücüne sahip olabilir.

paymentsGelir Modeli

Freemium model: Ücretsiz sürümde temel renk paletleri ve akışkan özellikleri sunulur. Premium sürüm, reklamları kaldırır ve özel renk paletlerine, gelişmiş akışkan özelliklerine (örneğin, farklı parçacık davranışları) ve daha yüksek çözünürlüklü kayıt seçeneklerine erişim sağlar. Premium abonelik aylık 49.99 TL veya yıllık 349.99 TL olarak fiyatlandırılabilir.

Aksiyon Planı

Cihaz eğimine duyarlı akışkan simülasyonu

Farklı renk paletleri ve akışkan özellikleri (yoğunluk, viskozite) seçimi

Canlı duvar kağıdı olarak ayarlama özelliği

Ekran görüntüsü ve video kaydı alarak sosyal medyada paylaşma

Basit ve kullanıcı dostu arayüz

Pazar Analizi

8.4Puan

Kaynak: Reddit (r/webdev)open_in_new

AI Prompt

Create a single-page application (SPA) using HTML, CSS, and JavaScript that implements a fluid simulation reacting to device orientation (tilt). The application should:

1.  Use the device's accelerometer or gyroscope data to detect tilt (implement fallback for non-supported devices).
2.  Simulate fluid motion based on the tilt data. Use a simple particle-based system or a more advanced fluid dynamics algorithm (ensure performance on mobile).
3.  Provide customizable parameters like color palettes (at least 3 predefined), fluid density, and viscosity using a simple UI (sliders or dropdowns).
4.  Allow the user to set the simulation as a live wallpaper (optional, provide instructions if not directly implementable).
5.  Include a button to record a short video clip of the simulation and save it to the device.
6.  Be PWA installable with a manifest file.
7.  Have a clean, user-friendly, and responsive design suitable for mobile devices.
8.  Optimize for performance on mobile browsers. Prioritize smooth animations and low resource consumption.
9.  Include a link to the GitHub repository.

Ensure the code is well-structured, commented, and easy to understand. Use appropriate libraries for handling device orientation and animation if necessary. Focus on core functionality and a polished user experience. No backend or database is needed. The app should be self-contained and functional within the browser.