# Unreal Engine Remote Control ile web arayüzü kurma rehberi

Kaynak: https://3dsinifi.com/haber/unreal-engine-remote-control-ile-web-arayuzu-kurma-rehberi · Kategori: Eğitimler · Yayın: 11 Kasım 2026

> Unreal Engine’in beta Remote Control sistemi, Blueprint ve Python’a açılmış proje özelliklerini web arayüzünde kontrol etmeyi sağlıyor. Rehberde eklenti kurulumu, preset hazırlama, widget bağlama ve dikkat edilmesi gerekenler anlatılıyor.

## Kısaca
- Remote Control, Unreal Engine içinde çalışan bir web sunucusu üzerinden HTTP istekleri ve WebSocket mesajları alıyor.
- Remote Control Web Interface kurulumu için NodeJS 8 ile 14.15.5 arasındaki sürümler belirtiliyor.
- Web arayüzünde özellikler buton, slider, renk seçici ve benzeri widget’lara bağlanabiliyor.
- Remote Control, paketlenmiş projelerde ve oyun çalıştırma modunda varsayılan olarak kapalı geliyor.

## Bu rehberde neler öğreneceksiniz?

Unreal Engine Remote Control, proje içeriğini motorun editör arayüzü dışında yönetmeye yönelik bir sistem. Bir web sunucusu üzerinden HTTP isteklerini ve WebSocket mesajlarını kabul ediyor; web uygulamaları bu arayüzü kullanarak Blueprint ve Python’a açılmış özellikleri okuyup değiştirebiliyor. Bu rehberde Remote Control Web Interface eklentisini etkinleştirmeyi, bir Remote Control Preset içindeki özellikleri web uygulamasına taşımayı ve arayüzde widget’larla kontrol etmeyi ele alıyoruz.

Sistem, uzaktan kontrolün yanı sıra aynı projeye bağlı birden fazla web istemcisinin çalışmasına da izin veriyor. İstemcilerden birinde değiştirilen özellikler diğerlerine web sunucusu üzerinden yansıtılıyor. Bu nedenle yöntem, ortak bir canlı çalışma ortamında veya belirli proje kontrollerine özel bir arayüz gerektiğinde değerlendirilebilir. Özellik beta olarak işaretlendiği için, özellikle yayımlanacak projelerde kullanmadan önce sınırlarını ve çalışma koşullarını test etmek gerekiyor.

## Gereksinimler ve kurulum

Resmî Remote Control Web Interface rehberinde NodeJS için asgari sürüm 8, azami sürüm ise 14.15.5 olarak belirtiliyor. Bu sürüm aralığı, dokümanın belirttiği gereksinimdir; kurulum öncesinde kullanılan Unreal Engine sürümü ve mevcut geliştirme ortamıyla uyumluluğu kontrol etmek önem taşır. Kaynaklar belirli bir Unreal Engine sürüm numarası vermediği için burada sürüm uyumluluğu hakkında ek bir varsayım yapılmıyor.

Projeyi Unreal Editor’da açtıktan sonra ana menüden **Edit > Plugins** penceresine geçin. **Messaging** kategorisindeki **Remote Control Web Interface** eklentisini bulun, etkinleştirin ve motoru yeniden başlatın. Eklentinin web uygulamasını başlatıp başlatmadığını kontrol etmek için **Window > Developer Tools > Output Log** yoluyla Output Log’u açın ve “remote control web” ifadesine göre filtreleyin. Resmî rehberde başarılı başlatma mesajının, web uygulamasının **7000** portunda çalıştığını bildirdiği örnekleniyor.

Remote Control Web Interface için kullanılacak port, **Edit > Project Settings** içindeki **Plugins > Remote Control** ayarlarından değiştirilebiliyor. Başlangıçta web uygulamasını motorun çalıştığı makineden açmak için tarayıcı adres çubuğuna `127.0.0.1:7000` girin. Başka makinelerden erişim için resmî doküman, Remote Control API’yi diğer bilgisayarlara açma konusundaki Quick Start yönergesine başvurulmasını istiyor; bu rehberde söz konusu ağ yapılandırmasına ilişkin ek adımlar verilmediğinden, yalnızca yerel bağlantı anlatılıyor.

## Adım adım: preset’i web arayüzüne bağlama

1. **Preset’i hazırlayın.** Remote Control sistemi, Blueprint ve Python’a açılmış fonksiyonlarla özellikler üzerinde işlem yapabilir. Proje içeriğini kod yazmadan API’ye açmak için bir Remote Control Preset kullanabilirsiniz. Web uygulaması, Unreal oturumunda açık olan preset’in içeriğini okur. Bu nedenle arayüze geçmeden önce kontrol edilecek özelliklerin preset’te bulunduğunu doğrulayın.

2. **Web uygulamasını açın.** Eklenti çalıştıktan sonra desteklenen tarayıcılardan birini kullanın. Resmî rehber Chrome, Firefox ve Safari’yi desteklenen tarayıcılar olarak sıralıyor. Web uygulaması aynı makinede açılacaksa belirtilen yerel adresi kullanın. Web uygulamasının arayüzü yüklenmiyorsa Output Log’daki başlatma mesajını kontrol edin; ayrıca doğru portla bağlantı kurulduğundan emin olun.

3. **Tasarım moduna geçin.** Sayfa açıldığında boş bir Remote Control uygulaması görülebilir. Arayüzdeki **Control** anahtarını kullanarak **Design** moduna geçin. Ardından **Properties** sekmesindeki preset özelliklerini inceleyin. Bir özelliği soldaki listeden arayüz alanına sürükleyip bıraktığınızda, özellik için bağlı bir widget oluşturulur. Özelliği bir panelin üzerine bırakırsanız widget o panele eklenir; henüz panel yoksa uygulama bir panel oluşturup içine yerleştirir.

4. **Widget türünü ihtiyaca göre seçin.** Arayüzde buton, renk seçici, dial, açılır liste, joystick, etiket, liste, panel, slider, sekme, metin, toggle ve vector gibi widget’lar bulunuyor. Panel diğer widget’ları barındırıyor ve önce eklenmesi gerekiyor. Bir sekmede farklı arayüz grupları sunmak için List widget’ı panelleri barındırabiliyor. Bazı veri biçimlerinde gösterim biçimi değiştirilebiliyor; örneğin vector verisi joystick, dial veya slider biçiminde sunulabiliyor.

5. **Kontrol modunda deneyin.** Widget’ları yerleştirdikten sonra **Control** moduna dönün. Web arayüzündeki özelliği değiştirerek karşılığının Unreal Editor’da güncellenip güncellenmediğini gözlemleyin. Editör arka plandayken değişikliklerin görünmesi için **Edit > Editor Preferences** bölümünde, **General > Performance** altında bulunan **Use Less CPU when in Background** seçeneğinin devre dışı bırakılması öneriliyor.

6. **Düzeni kaydedin.** Web arayüzündeki düzeni kaydetmek için Unreal Editor’da ilgili Remote Control Preset’i kaydedin. Sonraki açılışta uygulama son kaydedilen düzeni kullanır. Tasarım sırasında widget seçildiğinde ayar panelinden etiket değiştirilebilir; widget bir özelliğe bağlıysa bağlantı yaptığı özellik de değiştirilebilir. Gereksiz widget’lar tek tek veya içerdikleri panelle birlikte kaldırılabilir.

## Mimarlık ve archviz iş akışlarına etkisi

Mimarlık, iç mimarlık ve archviz ekipleri için bu yaklaşımın temel değeri, editörün tamamını kullandırmadan projede açılmış belirli kontrolleri bir web arayüzünde toplama olanağıdır. Örneğin, bir ekip kendi çalışma biçimine uygun bir arayüz tasarlayabilir; ancak kontrol edilecek parametrelerin önce Remote Control Preset üzerinden açılması gerekir. Kaynaklar belirli mimari parametre örnekleri vermediğinden, hangi sahne özelliklerinin kullanılacağı proje yapısına bağlıdır.

Birden fazla istemcinin aynı anda çalışması ve değişikliklerin diğer istemcilere iletilmesi, ortak canlı inceleme senaryolarında yararlı olabilir. Web uygulamasına **Level Snapshots** sekmesi eklenerek seviyenin yeni görüntüleri alınabilir veya önceden alınmış bir görüntüye geçilebilir; bunun için Level Snapshots eklentisinin etkin olması gerekir. **Sequencer** sekmesi projedeki sekansları listeler ve mevcut seviyedeki sekansların başlatılmasına ya da sürdürülmesine imkân tanır. Ancak sayfa tüm proje sekanslarını listelese de yalnızca mevcut seviyede bulunanlar oynatılabilir; filtre de seviye üyeliğine değil varlık yoluna dayanır.

Ofislerin ve öğrencilerin göz önünde bulundurması gereken başlıklar kurulum uyumluluğu, ağ erişimi ve beta durumudur. NodeJS aralığı resmî belgede eski sürümlerle sınırlandırılmış; ayrıca sistem paketlenmiş projelerde ve oyun çalıştırma modunda varsayılan olarak devre dışı bırakılmıştır. Bu modlarda açmak için belgede belirtilen başlatma bayrakları kullanılıyor:

```text
-RCWebControlEnable -RCWebInterfaceEnable
```

Bu bayraklar, Unreal projesi başlatılırken komut satırına ekleniyor. Özelliğin beta olarak tanımlanması nedeniyle, yayımlama veya müşteri sunumu öncesinde kullanılacağı senaryonun ayrıca sınanması uygun olur.

## Sık karşılaşılan sorunlar

Web uygulaması açılmıyorsa önce eklentinin etkinleştirildiğini ve motorun yeniden başlatıldığını doğrulayın. Ardından Output Log’da “remote control web” filtresiyle başlatma kaydını arayın; port ayarı değiştirildiyse tarayıcı adresindeki portun da buna uygun olması gerekir. Editörde güncellemeler görünmüyorsa arka planda daha az CPU kullanımı ayarını kontrol edin.

Bir özellik listede görünmüyorsa açık Remote Control Preset’te bulunup bulunmadığını inceleyin. Birden fazla preset kullanılabilir, ancak aynı anda yalnızca bir preset açık olur. Ayrıca arayüz düzeni, ilgili preset kaydedilmediği takdirde sonraki açılışta beklenen biçimde korunmayabilir. Level Snapshots veya Sequencer sekmeleri görünse bile ilgili işlev için gereken eklenti ya da seviye koşullarını ayrıca doğrulayın.

## Sonraki adımlar

Önce tek bir preset ve az sayıda widget ile yerel bağlantıyı doğrulayın. Ardından ihtiyaç duyulan arayüzü sekmeler ve panellerle düzenleyip preset’i kaydedin. Birden fazla istemci, Level Snapshots veya Sequencer kullanımı planlanıyorsa her özelliği kendi çalışma koşulunda deneyin. Başka bilgisayarlardan erişim kurulacaksa resmî Quick Start yönergesine bakın; bu kaynakta ayrıntıları verilmeyen ağ ayarlarını tahmin ederek uygulamayın.

## Kaynak ve lisans

Bu içerik, Epic Games’in Unreal Engine Remote Control ve Remote Control Web Application resmî dokümantasyonundan Türkçeye uyarlanmıştır. Her iki kaynak da serbest lisanslı olarak sağlanmıştır.

## Pro ipucu
Tasarım aşamasında önce tek bir preset özelliğini web arayüzüne bağlayıp Control modunda Editör’deki değişikliği doğrulayın; ardından panel ve sekmeleri genişletin.

## 3dsınıfı yorumu
Türkiye’deki mimarlık ve görselleştirme ekipleri için Remote Control’un pratik karşılığı, proje içeriğindeki seçili kontrolleri daha sade bir web panelinde bir araya getirebilmesi. Ortak inceleme oturumlarında birden fazla istemcinin değişiklikleri görmesi de iş akışını kolaylaştırabilir; ancak hangi parametrelerin açılacağı preset hazırlığına bağlı.

Karar vermeden önce NodeJS sürüm koşulunu, ağ erişimi gereksinimini ve beta uyarısını değerlendirmek gerekiyor. Paketlenmiş projelerde özelliğin varsayılan olarak kapalı olması da sunum veya teslim senaryolarında ayrıca test yapılmasını gerektiriyor. Donanım maliyeti kaynaklarda belirtilmiyor; dolayısıyla ekipler için asıl takip noktaları kurulum uyumluluğu, lisans koşulları ve kullanılacak Unreal iş akışının sınırları olmalı.

## Kaynaklar
- [dev.epicgames.com](https://dev.epicgames.com/documentation/en-us/unreal-engine/remote-control-for-unreal-engine) (özet)
- [dev.epicgames.com](https://dev.epicgames.com/documentation/en-us/unreal-engine/remote-control-web-application-for-unreal-engine) (özet)

_Yapay zekâ ile yazıldı, kaynaklarla doğrulandı. © 3dsınıfı_