Cannonball Games (vip)

cos00kun

I started coding our new very very simple game.😀 The name of our game is Cannonball. In the game, the cannon screen of 2 different players randomly placed to the right and left is displayed. We try to shoot the other cannon by entering the Angle and Speed values according to the laws of physics. Of course, it's not at the level to be played yet, but I plan to finish it in 1 week.

DONE

Cannon are fired sequentially
Speed and Angle values can be entered manually, and if desired, the Up and Down keys on the keyboard (decreases or increases the Angle values) and the right and left on the keyboard (increases or decreases the Speed values)

VIP

Damage modeling will be done
The winner of the game will be determined and a small animation will be made.
Physics engine will be slightly improved
Code optimization will be done

[Login to see the link]

local ui = require "ui"
require "canvas"

local win = ui.Window("Cannon Game", "fixed", 1200, 675)
local button = ui.Button(win, "FIRE!", win.width/2, 5, 50,25)
local label_Blue_Angle = ui.Label(win, "ANGLE:", 5, 10)
local entry_Blue_Angle = ui.Entry(win, "45", 48, 8, 25, 20)
local label_Blue_Speed = ui.Label(win, "SPEED:", 90, 10)
local entry_Blue_Speed = ui.Entry(win, "100", 128, 8, 30, 20)

local label_Red_Angle = ui.Label(win, "ANGLE:", 1037, 10)
local entry_Red_Angle = ui.Entry(win, "45", 1085, 8, 25, 20)
local label_Red_Speed = ui.Label(win, "SPEED:", 1127, 10)
local entry_Red_Speed = ui.Entry(win, "100", 1165, 8, 30, 20)

local tuval = ui.Canvas(win, 0, 30, win.width, win.height - 30)
--win.align="top"
tuval.bgcolor = 0x000000FF

local imgTopBlue = tuval:Image("Pictures/CannonBlue.png")
local imgTopRed = tuval:Image("Pictures/CannonRed.png")
local X_Top_Blue = math.random(0, 450)
local Y_Top_Blue = 550
local X_Top_Red = math.random(650, 1100)
local Y_Top_Red = 550

local currentTeam= math.random(1, 2) -- 1=Blue, 2=Red
local imgMermi = tuval:Image("Pictures/CannonBall.png")

if currentTeam == 1 then
	X_Mermi = X_Top_Blue + 87
	Y_Mermi = Y_Top_Blue
else
	X_Mermi = X_Top_Red
	Y_Mermi = Y_Top_Red
end

function tuval:onPaint()
  self:clear()
  imgTopBlue:draw(X_Top_Blue, Y_Top_Blue)
  imgTopRed:draw(X_Top_Red, Y_Top_Red)
  imgMermi:draw(X_Mermi, Y_Mermi)
 end
  
function button:onClick()
	local v = tonumber(entry_Blue_Speed.text)
	local alfa = tonumber(entry_Blue_Angle.text)		
	local default_X_Mermi = X_Mermi
	local default_Y_Mermi = Y_Mermi
	local sayac = 0
	repeat
		sayac = sayac + 1
		ui.update(75)
		if currentTeam == 1 then
			X_Mermi = default_X_Mermi + (v * math.cos(math.rad(alfa))*sayac)
		else
			X_Mermi = default_X_Mermi - (v * math.cos(math.rad(alfa))*sayac)
		end
		Y_Mermi = default_Y_Mermi - (v * math.sin(math.rad(alfa))*sayac - (0.5*10*(sayac^2)))
	until( Y_Mermi >  default_Y_Mermi + 100)

	if currentTeam == 1 then
		currentTeam = 2
		X_Mermi = X_Top_Red
		Y_Mermi = Y_Top_Red
	else
		currentTeam = 1
		X_Mermi = X_Top_Blue + 87
		Y_Mermi = Y_Top_Blue
	end
end

function win:onKey(key)
	if key == "VK_LEFT" then
		if currentTeam == 1 then
			entry_Blue_Speed.text= tonumber(entry_Blue_Speed.text) - 1
		else
			entry_Red_Speed.text= tonumber(entry_Red_Speed.text) - 1
		end
	end
	if key == "VK_RIGHT" then
		if currentTeam == 1 then
			entry_Blue_Speed.text= tonumber(entry_Blue_Speed.text) + 1
		else
			entry_Red_Speed.text= tonumber(entry_Red_Speed.text) + 1
		end
	end
	if key == "VK_UP" then
		if currentTeam == 1 then
			entry_Blue_Angle.text= tonumber(entry_Blue_Angle.text) + 1
		else
			entry_Red_Angle.text= tonumber(entry_Red_Angle.text) + 1
		end
	end
	if key == "VK_DOWN" then
		if currentTeam == 1 then
			entry_Blue_Angle.text= tonumber(entry_Blue_Angle.text) - 1
		else
			entry_Red_Angle.text= tonumber(entry_Red_Angle.text) - 1
		end		
	end	
end 

win:show()

repeat
  ui.update()
until not win.visible

Samir

Your code is very concise for the moment, great !

cos00kun

yes
My work has reached a certain level. I still have a lot to do, but it is still at a level that can be tried. 🙂
[Login to see the link]

Samir

I have tested it. Very impressed by the few lines of code to run this game (event if not all functionnalities are completed yet). Very good job Coskun !

cos00kun

thank you [Login to see the link] . I love working with LuaRT. Plain, simple and impressive. I don't know much about the Canvas module yet. As I master and learn the Canvas module, I will write more advanced programs. 🙂

cos00kun

I improved the game a little more.
Done

I added small sounds to the game
I removed the buttons, entries and labels, and instead I printed text with print() on the canvas module.
Maximum speed=120 m/sec, Maximum angle of 88 degrees

to do

It will be ensured that the cannonball is sent in a better way
damage models will be fixed
The winner will be called and the game will be restarted.
Code optimization will be done

[Login to see the link]

Samir

I'm away from any computer until Monday !

I will try it and give you feedback.
I see you made progress with the use of the Canvas.print() method 👍️

cos00kun

yes, there are 2 reasons why I use the Canvas.print() method. the first reason; With Entry, the entries are read as text, and I have to use the "tonumber()" and "tostring()" methods each time I process. The second reason is; I cannot put objects such as Entry, Label on the Canvas module. 🙂

Now I have a question;

......
......
local img= canvas:Image("img.png")
local imgDamaged= canvas:Image("imgDamaged.png")
.......
function canvas:onPaint()
    self:clear()
    img:draw(Xpos, Ypos)
end

In the above code, the image named "img" is constantly visible on the canvas, but how can I remove this image and replace it with the damaged model? ie "img:draw(Xpos, Ypos)" will be removed from the canvas and replaced with "imgDamaged:draw(Xpos, Ypos)".
For now I'll do this with an if loop, but there may be a better way.

function canvas:onPaint()
   self:clear()
   if select==1 then
       img:draw(Xpos, Ypos)
   end
   if select ==2 then
       img:drawDamaged(Xpos, Ypos)
   end
  end
....

Samir

You should use a single variable for example ImgToDraw set with either ImgDamaged or Img outside the onPaint() event.

For example you can set a field ImgToDraw to your Canvas instance to hold the Image to draw (set the logic to choose which Image to display outside is better)

cos00kun

The final state of the very simple game I made to use and learn the new Canvas module is as follows. Thank you [Login to see the link]

Done:

Added wheel sounds for speed and angle value changes
Added fire sound when firing cannon
Added damage module image when cannon is destroyed (I'm not very happy with this yet)
The speedometer is positioned according to the speed value
Added Help section.

To Do

The gun barrel will be positioned according to the angle (I will wait for Samir to bring the rotate() feature on the images 🙂 )
Damage module picture will be made better
Land surface images will be added.

[Login to see the link]

Samir

Great !! You have made a lot of progress!!
Much nicer than the last version 👍️

One advice : you should put this on your main script, that permits to launch it from anywhere (useful when running it from LuaRT Studio)

sys.currentdir = sys.File(arg[1]).path

With this your Images will load correctly even if we launch your script from another directory

cos00kun

hmm okey thank you so much [Login to see the link]

ruby

nice.

maybe if you make a movable sprite , then you can turn luart into a game engine

cos00kun

yeah. yes, thanks for the idea. 👍️ Although LuaRT is not a game library, I try to make very small games to improve myself. I'm starting a board game now I think you will like it more it will be a simpler but more difficult game in terms of programming