quick-cocos2d-x 虚拟手柄实现实例

 先贴出手柄类的代码

local RockerLayer = class("RockerLayer", function (  )
	return display.newNode();
end)

--定义摇杆的九种状态
tagDirection = {
	rocker_STAY = 0,
	rocker_RIGHT = 1,
	rocker_UP = 2,
	rocker_LEFT = 3,
	rocker_DOWN = 4,
	rocker_LEFT_UP = 5,
	rocker_LEFT_DOWN = 6,
	rocker_RIGHT_UP = 7,
	rocker_RIGHT_DOWN = 8
}

function RockerLayer:ctor(  )
	self:initRocker()
end

function RockerLayer:initRocker(  )
	--添加背景
	local bg = display.newSprite("zhucheng.png")
	bg:pos(display.cx,display.cy)
	bg:addTo(self)
	--摇杆背景
	self.RockerBG = display.newSprite("caogan-waiyuan.png")
	self.RockerBG:pos(self.RockerBG:getContentSize().width/2 + 30, self.RockerBG:getContentSize().width/2 + 30)
	self.RockerBG:addTo(self)
	--添加摇杆
	self.Rocker = display.newSprite("caozuodian1.png")
	:pos(self.RockerBG:getPosition())
	:addTo(self)
	--圆心点   (限制摇杆活动 区域)
	self.RockerBGPos = {}
	self.RockerBGPos.x = self.RockerBG:getPositionX();
	self.RockerBGPos.y = self.RockerBG:getPositionY();
	--设置半径
	self.RockerBGR = self.RockerBG:getContentSize().width/2

	self:addTouch()
end
--求两点之间的距离
function RockerLayer:distance( p1,p2 )
	return math.sqrt((p1.x-p2.x)*(p1.x-p2.x)+(p1.y-p2.y)*(p1.y-p2.y))
end
--两点之间的角度
function RockerLayer:corea( p1,p2 )
	return (p1.x - p2.x)/(self:distance(p1, p2))
end
--判断方向
function RockerLayer:checkdirection( angle,p)
	--第一象限
	if (p.x >= self.RockerBGPos.x) and (p.y >= self.RockerBGPos.y) then
		if (math.radian2angle(angle)>22.5)and (math.radian2angle(angle)<67.5) then
			--右上
			self.move = tagDirection.rocker_RIGHT_UP
			return
		elseif (math.radian2angle(angle)<22.5) then
			--向右
			self.move = tagDirection.rocker_RIGHT
			return
		elseif (math.radian2angle(angle)>67.5) then
			--向上
			self.move = tagDirection.rocker_UP
			return
		end
	--第二象限
	elseif (p.x < self.RockerBGPos.x) and (p.y > self.RockerBGPos.y) then
		if (math.radian2angle(angle)>112.5)and (math.radian2angle(angle)<157.5) then
			--左上
			self.move = tagDirection.rocker_LEFT_UP
			return
		elseif (math.radian2angle(angle)<112.5) then
			--向上
			self.move = tagDirection.rocker_UP
			return
		elseif (math.radian2angle(angle)>157.5) then
			--向左
			self.move = tagDirection.rocker_LEFT
			return
		end
	--第三象限
	elseif (p.x < self.RockerBGPos.x) and (p.y < self.RockerBGPos.y) then
		if (math.radian2angle(angle)>112.5)and (math.radian2angle(angle)<157.5) then
			--左下
			self.move = tagDirection.rocker_LEFT_DOWN
			return
		elseif (math.radian2angle(angle)<112.5) then
			--向左
			self.move = tagDirection.rocker_LEFT
			return
		elseif (math.radian2angle(angle)>157.5) then
			--向下
			self.move = tagDirection.rocker_DOWN
			return
		end
	--第四象限
	elseif (p.x >= self.RockerBGPos.x) and (p.y <= self.RockerBGPos.y) then
		if (math.radian2angle(angle)>22.5)and (math.radian2angle(angle)<67.5) then
			--右下
			self.move = tagDirection.rocker_RIGHT_DOWN
			return
		elseif (math.radian2angle(angle)<22.5) then
			--向下
			self.move = tagDirection.rocker_DOWN
			return
		elseif (math.radian2angle(angle)>67.5) then
			--向右
			self.move = tagDirection.rocker_RIGHT
			return
		end
	end
end

--touch函数
function RockerLayer:addTouch(  )
	--三个监听回调函数
	function touchbegan( location,event )
		local p = location:getLocation()
		--若比半径大返回false
		if self:distance(p, self.RockerBGPos)<self.RockerBGR then
			return true;
		end
		return false;
	end

	function touchmoved( location,event )
		local p = location:getLocation()
		angle = math.acos(self:corea(p, self.RockerBGPos))
		self:checkdirection(angle, p)
		--设置位置
		--若移动距离超出范围
		if self:distance(p, self.RockerBGPos)>self.RockerBGR then
			local x = self.RockerBGR * math.cos(angle)
			local y = self.RockerBGR * math.sin(angle)
			--控制移动不能超出范围
			if p.y > self.RockerBGPos.y then
				self.Rocker:setPosition(cc.p(self.RockerBGPos.x+x,self.RockerBGPos.y+y))
			else
				self.Rocker:setPosition(cc.p(self.RockerBGPos.x+x,self.RockerBGPos.y-y))
			end
		else
			self.Rocker:setPosition(p)
		end
	end

	--回到中心
	function touchended( location,event )
		self.move = 0
		self.Rocker:setPosition(self.RockerBGPos)

	end

	--注册监听
	local listener = cc.EventListenerTouchOneByOne:create()
	local dis = cc.Director:getInstance():getEventDispatcher()
	
	--增加监听事件
	listener:registerScriptHandler(touchbegan,cc.Handler.EVENT_TOUCH_BEGAN)
	listener:registerScriptHandler(touchmoved,cc.Handler.EVENT_TOUCH_MOVED)
	listener:registerScriptHandler(touchended,cc.Handler.EVENT_TOUCH_ENDED)
	dis:addEventListenerWithSceneGraphPriority(listener, self)
end



return RockerLayer

MainScene中的实现

--定时器头文件
scheduler = require(cc.PACKAGE_NAME .. ".scheduler")
RockerLayer = require("app.scenes.RockerLayer")

local MainScene = class("MainScene", function()
    return display.newScene("MainScene")
end)

function MainScene:ctor()
    self.rocker = RockerLayer.new()
    self:addChild(self.rocker)

    --创建精灵
    self.hero = display.newSprite("enemy1.png")
    self.hero:pos(display.cx,display.cy)
    self:addChild( self.hero)
    --开启定时器
    self.scheduler = scheduler.scheduleGlobal(handler(self, self.update),0.1)
end

function MainScene:update(  )
	if self.rocker.move == tagDirection.rocker_STAY then

	elseif self.rocker.move == tagDirection.rocker_UP then
		--向上移动
		self.hero:setPosition(self.hero:getPositionX(),self.hero:getPositionY()+10)
	elseif self.rocker.move == tagDirection.rocker_RIGHT then
		--向右移动
		self.hero:setPosition(self.hero:getPositionX()+10,self.hero:getPositionY())
	elseif self.rocker.move == tagDirection.rocker_LEFT then
		--向左移动
		self.hero:setPosition(self.hero:getPositionX()-10,self.hero:getPositionY())
	elseif self.rocker.move == tagDirection.rocker_DOWN then
		--向下移动
		self.hero:setPosition(self.hero:getPositionX(),self.hero:getPositionY()-10)

	elseif self.rocker.move == tagDirection.rocker_RIGHT_UP then
		--向右上移动
		self.hero:setPosition(self.hero:getPositionX()+6,self.hero:getPositionY()+8)
	elseif self.rocker.move == tagDirection.rocker_LEFT_UP then
		--向左上移动
		self.hero:setPosition(self.hero:getPositionX()-6,self.hero:getPositionY()+8)
	elseif self.rocker.move == tagDirection.rocker_RIGHT_DOWN then
		--向右下移动
		self.hero:setPosition(self.hero:getPositionX()+6,self.hero:getPositionY()-8)
	elseif self.rocker.move == tagDirection.rocker_LEFT_DOWN then
		--向左下移动
		self.hero:setPosition(self.hero:getPositionX()-6,self.hero:getPositionY()-8)
	end
end

function MainScene:onEnter()
end

function MainScene:onExit()
end

return MainScene