User prompt
3. bölmeyide yap
User prompt
Bu şekilde devam et 20 ye kadar
User prompt
bak ilk başta kare sonra 2 tane eşit boyutlu kafat ilk karenin boyutlarının 2 bölünmüş şeklini istiyorum yani yine kare
User prompt
ilk adım doğru sonraki bölünmede yine ilk baştaki karenin 3 bölünmüş hali olsun
User prompt
her dikdörgen bölünmücek bunu düzelt
User prompt
ilk tıklamada sadece 2 tane kare olabilir ekranda sonra 3 sonra ....
User prompt
mesela ilk başta ekranda 1 kare var sonra 2 tane yan yana sonra 3 tane yan yana ve aralarında boşluk olsun
User prompt
eşit parçalara üst üste ve yan yana gelicek şekilde bölünsün
User prompt
ortadaki kareye dokununca kare 2 ye sonra 3 sonra 4 bu şekilde 20 ye kadar bölünsün
User prompt
ortadaki kareye dokun ve kareyi böl yaz aşağıya
Code edit (1 edits merged)
Please save this source code
User prompt
Ortadaki Kare
User prompt
ekranın ortasında bir adet kare var
Initial prompt
kareleri parçalara ayıracağız
/**** * Classes ****/ // Şimdilik eklentiye gerek yok // Kare için bir sınıf oluştur var CenterSquare = Container.expand(function () { var self = Container.call(this); // Kareyi ortalamak için anchor noktası ortada var square = self.attachAsset('centerSquare', { anchorX: 0.5, anchorY: 0.5 }); // Kaç parçaya bölüneceğini takip et self.splitCount = 2; // Kareye dokunulduğunda bölme işlemi self.down = function (x, y, obj) { // Maksimum 20'ye kadar bölünebilir if (self.splitCount > 20) { // Artık bölünmesin, sadece yok olsun self.destroy(); return; } // Sadece splitCount kadar kare oluşturulsun (ilk tıklamada 2, sonra 3, sonra 4 ...) var N = self.splitCount; // Kareler yatayda N adet olacak, hepsi aynı boyda kare olacak var margin = 24; var totalMargin = (N - 1) * margin; var smallSize = (square.width - totalMargin) / N; for (var i = 0; i < N; i++) { var smallSquare = LK.getAsset('centerSquare', { anchorX: 0.5, anchorY: 0.5, width: smallSize, height: smallSize }); var smallContainer = new Container(); // Kareler yatayda ortalanacak şekilde dizilir smallContainer.x = self.x - square.width / 2 + (i + 0.5) * smallSize + i * margin; smallContainer.y = self.y; smallContainer.addChild(smallSquare); self.parent.addChild(smallContainer); } // Ortadaki kareyi kaldır self.destroy(); // Bir sonraki tıklama için splitCount'u artır if (self.splitCount < 20) { self.splitCount++; } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0xffffff // Beyaz arka plan }); /**** * Game Code ****/ // Kare (center square) için bir şekil tanımla // Kareyi oluştur ve ekrana ortala var centerSquare = new CenterSquare(); centerSquare.x = 2048 / 2; centerSquare.y = 2732 / 2; game.addChild(centerSquare); // Oyun başlığı ve kısa açıklama için üstte metin göster var titleText = new Text2('Kareye Dokun!', { size: 120, fill: 0x222222 }); titleText.anchor.set(0.5, 0); LK.gui.top.addChild(titleText); // Oyun açıklaması için alt kısımda metin göster var descText = new Text2('Ortadaki kareye dokun ve kareyi böl!', { size: 70, fill: 0x444444 }); descText.anchor.set(0.5, 1); LK.gui.bottom.addChild(descText); // Oyun alanında başka bir etkileşim yok, sadece kareye dokunulabilir. // Tüm oyun mantığı CenterSquare sınıfında.
===================================================================
--- original.js
+++ change.js
a slice cake top view for kids. In-Game asset. 2d. High contrast. No shadows
Just write 'BÖLME' as a title in colorful text.. In-Game asset. 2d. High contrast. No shadows
Sarı bir button olsun ve içinde 'Pastayı Böl' yazsın. In-Game asset. 2d. High contrast. No shadows
Full ekran sadece sarı renk ekranda başka hiçbirşey yok. In-Game asset. 2d. High contrast. No shadows