“PROJE” Unity ile Adım Adım Ping — Pong (WEB)

Alpeen
2 min readFeb 22, 2023

--

Unity oyun motoru, web tabanlı oyunlar için de kullanılabilen bir platformdur. Aşağıdaki adımlar, Unity kullanarak basit bir web tabanlı Pong oyunu oluşturmanıza yardımcı olacaktır.

  1. Unity’de yeni bir proje oluşturun ve proje adını “WebPong” olarak ayarlayın.
  2. İlk olarak, oyuncuların hareket edebileceği bir alan oluşturun. “Hierarchy” bölmesinde sağ tıklayın ve “UI” alt menüsünden “Panel” öğesini seçin. Panel, oyuncuların hareket edebileceği alana denk gelecek.
  3. Paneli seçin ve “RectTransform” bileşenini ekleyin. “RectTransform” bileşeni, panelin boyutunu ve pozisyonunu belirlememizi sağlar.
  4. Boyutları ayarlamak için “RectTransform” bileşenindeki “Width” ve “Height” ayarlarını düzenleyin. Örneğin, 800 piksel genişlik ve 600 piksel yükseklik seçebilirsiniz.
  5. Pozisyonu ayarlamak için “RectTransform” bileşenindeki “Position” ayarlarını düzenleyin. Örneğin, X pozisyonu 0 ve Y pozisyonu -300 seçebilirsiniz.
  6. Paneli seçin ve “Image” bileşenini ekleyin. “Image” bileşeni, panelin arka plan rengini belirlememizi sağlar.
  7. “Image” bileşenindeki “Color” ayarlarını düzenleyerek arka plan rengini belirleyin.
  8. Şimdi, topu ekleyin. “Hierarchy” bölmesinde sağ tıklayın ve “3D Object” alt menüsünden “Sphere” öğesini seçin.
  9. Topu seçin ve “Rigidbody” bileşenini ekleyin. “Rigidbody” bileşeni, topun fizik davranışlarını kontrol etmemizi sağlar.
  10. Topun başlangıç pozisyonunu belirlemek için “Transform” bileşenindeki “Position” ayarlarını düzenleyin. Örneğin, X pozisyonu 0 ve Y pozisyonu 100 seçebilirsiniz.
  11. Topun hızını belirlemek için “Rigidbody” bileşenindeki “Velocity” ayarlarını düzenleyin. Örneğin, X hızı 5 ve Y hızı 5 seçebilirsiniz.
  12. Şimdi, raketleri ekleyin. “Hierarchy” bölmesinde sağ tıklayın ve “3D Object” alt menüsünden “Cube” öğesini seçin.
  13. Raketleri seçin ve “Rigidbody” bileşenini ekleyin.
  14. Raketlerin boyutunu ayarlamak için “Transform” bileşenindeki “Scale” ayarlarını düzenleyin. Örneğin, X ölçeği 3, Y ölçeği 0.5 ve Z ölçeği 1 seçebilirsiniz.
  15. Raketlerin pozisyonunu ayarlamak için “Transform” bileşenindeki “Position” ayarlarını düzenleyin. Örneğin, sol raketin X pozisyonu -350 ve Y pozisyonu 0, sağ raketin X pozisyonu 350 ve Y pozisyonu 0 seçebilirsiniz.
  16. Sol raketin hareketi için, “Hierarchy” bölmesindeki sol raketi seçin ve “Add Component” düğmesine tıklayın. “New Script” seçeneğini seçin ve “Paddle” adında bir betik oluşturun.
  17. “Paddle” betiğini açın ve aşağıdaki kodu ekleyin:
public float speed = 10f;
private Rigidbody rb;

void Start () {
rb = GetComponent<Rigidbody> ();
}

void FixedUpdate () {
float moveVertical = Input.GetAxis ("Vertical");
Vector3 movement = new Vector3 (0.0f, moveVertical, 0.0f);
rb.AddForce (movement * speed);
}

18. Sağ raket için de aynı adımları tekrarlayın, ancak “Vertical” eksende değil “Horizontal” eksende hareket etmesi için kodu değiştirin.

19. Son olarak, topun çarpışmalarını kontrol etmek için “Sphere” ve “Cube” nesnelerine “Box Collider” bileşenleri ekleyin.

20. “Hierarchy” bölmesindeki “Main Camera” nesnesini seçin ve “Position” ayarlarını düzenleyerek kamera pozisyonunu ayarlayın.

21. “File” menüsünden “Build Settings” seçeneğini seçin ve “WebGL” platformunu seçin.

22. “Player Settings” altında “Resolution and Presentation” bölümünde “Run In Background” seçeneğini etkinleştirin.

23. “Build” düğmesine tıklayın ve projenizi WebGL formatında derleyin.

24. Derleme işlemi tamamlandıktan sonra, “Build” klasöründeki “index.html” dosyasını açın ve oyununuzu oynamaya başlayın.

Bu adımlar, Unity kullanarak basit bir web tabanlı Pong oyunu oluşturmak için gereken adımları içermektedir. Daha karmaşık oyunlar için, ek adımlar gerekebilir.

--

--

Alpeen

#ProjectManagement #GameDevelopment #GameDesign #SoftwareDevelopment #UI #UX #QATest