Search…

Xử Lý Sự Kiện Trong Cocos2d-x 3.x.x

29/09/20206 min read
Bài viết nằm trong loạt bài viết chương trình Tự Học Cocos2d-x 3.x.x. Trong bài viết sẽ giới thiệu khái niệm các loại sự kiện trong cocos2d-x và các ví dụ hiện thực các sự kiện này trong project trò chơi.

Giới thiệu

Một game hoàn chỉnh không thể thiếu sự tương tác của người chơi. Trong cocos2d-x có những cơ chế gì, những hỗ trợ gì đễ giúp cho người chơi có thể tương tác, thao tác. Bài viết này tôi và các bạn sẽ cùng tìm hiểu về xử lý sự kiện trong Cocos2d-x.

Tiền đề bài viết

Bài viết nằm trong những loạt bài viết của chương trình Tự Học Cocos2d-x 3.x.x :: www.stdio.vn/programs/content/2/lap-trinh-game-voi-cocos2dx của Stdio.vn :: www.stdio.vn nhằm tìm hiểu những vẫn để cơ bản về xử lý sự kiện trong game với Cocos2d-x 3.x.x.

Đối tượng hướng đến

Bài viết này tôi hướng đến những lập trìnhviên mới bắt đầu, hay những ai yêu thích tìm hiểu và học tập làm game 2D bằng Cocos2d-x.

Cơ chế Event Dispactch là gì?

Là một cơ chế được Cocos2d-x xây dựng dùng để trả lời các sự kiện của người dùng.

Nhiệm vụ cơ bản của cơ chế Event Dispacth.

  • Event listen: Nhận hay lắng nghe sự kiện của người chơi và đóng gói sự kiện đó thành một mã.
  • Event dispacth: Thông báo về loại sự kiện của người dùng là loại sự kiện nào.
  • Event object: Những đối tượng nào trong game có chứa thông tin về sự kiện này.

Để trả lời lại các sự kiện của người chơi, trước tiên bạn phải tạo ra một Event Listener. Có năm loại Event Listener trong Cocos2d-x.

  • EventListenTouch: Phản ứng với các sự kiện chạm cảm ứng.
  • EventListenKeyboard: Phản ứng với các sự kiện bàn phím
  • EventListenAcceleration: Phản ứng với các gia tốc sự kiện.
  • EventListenMouse: Phản ứng với các sự kiện từ con chuột.
  • EventListenCustom: Phản ứng với các sự kiện tùy chỉnh.

Touch Event

Touch Event là sự kiện quan trọng nhất trong game di động, nó dễ tạo ra và cung cấp nhiều chức năng. Khi bạn chạm vào một màn hình(Cảm ứng) của một điện thoại di động, lúc này điện thoại sẽ nhận sự kiện này và xử lý nó. Có thể thao tác của bạn sẽ được trả lời hay không được đáp ứng nhưng ở bên dưới vẫn có một cái gì đó xảy ra.

Dưới đây là cách mà bạn tạo ra một Touch Event đơn giản.

//  Khởi tạo một Touch event
// Xử lý Touch event của người chơi tại một điểm
auto listener = EventListenerTouchOneByOne::create();

// Khi bạn nhấn xuống.
listener->onTouchBegan = [](Touch* touch, Event* event){
    // Nơi chưa đoạn code của bạn.
    return true;
};

// Khi bạn vừa nhấn xuống và di chuyển.
listener->onTouchMoved = [](Touch* touch, Event* event){
    // Nơi chứa đoạn code của bạn.
};

// Khi bạn thả ra.
listener->onTouchEnded = [=](Touch* touch, Event* event){
    // Nơi chứa đoạn code của bạn.
};

// Thêm Touch Event vào cơ chế Event Dispatch.
_eventDispatcher->addEventListenerWithSceneGraphPriority(listener, this);

Như bạn thấy ở trên có tới 3 sự kiện. Mỗi sự kiện trên có một khoảng thời gian riêng biệt.

  • onTouchBegin sự kiện được kích hoạt khi bạn nhấn xuống.
  • onTouchMoved sự kiện được kích hoạt nếu bạn di chuyển các đối tượng và vẫn nhấn xuống.
  • onTouchEnded sự kiện được kích hoạt khi bạn thả tay ra khỏi màn hình cảm ứng.

Keyboard Event

Với các game trên desktop, bạn có thể muốn sử dụng bàn phím cơ học để thao tác với trò chơi của bạn.

// Khởi tạo một keyboar event.
auto listener = EventListenerKeyboard::create();
listener->onKeyPressed = CC_CALLBACK_2(KeyboardTest::onKeyPressed, this);
listener->onKeyReleased = CC_CALLBACK_2(KeyboardTest::onKeyReleased, this);

// Thêm keyboar event vào cơ chế event dispatcher.
_eventDispatcher->addEventListenerWithSceneGraphPriority(listener, this);

// Thực hiện các chức năng của keyboar event thông qua gọi hàm nguyên mẫu.
void KeyboardTest::onKeyPressed(EventKeyboard::KeyCode keyCode, Event* event)
{
   // Nơi chứa đoạn code của bạn.
}

void KeyboardTest::onKeyReleased(EventKeyboard::KeyCode keyCode, Event* event)
{
   // Nơi chứa đoạn code của bạn.
}

Hàm CC_CALLBACK_2 có chức năng gọi một hàm có hai tham số. Tương tự CC_CALLBACK_0 CC_CALLBACK_1 là gọi một hàm không có tham số và gọi một hàm có một tham số.

Acceleromenter Event

Một vài thiết bị được trang bị với một gia tốc. Một gia tốc là một cảm biến do g-force để xác định sự thay đổi hướng hay cân bằng của thiết bị. Acceleromenter event xảy ra khi người chơi di chuyển điện thoại của bạn, hay làm cho điện thoại mất cân bằng. Một số game đua xe trên điện thoại di động hiện nay hay sử dụng loại sự kiện này để tạo một cảm giác giống như thật.

// Kích hoạt accelerometer trên thiết bị. 
Device::setAccelerometerEnabled(true);

Trước khi sử dụng Acceleromenter Event, bạn cần phải kích hoạt nó trên các thiết bị.

// Khởi tạo một accelerometer event.
auto listener = EventListenerAcceleration::create(CC_CALLBACK_2(
                                                  AccelerometerTest::onAcceleration, this));

// Thêm acceleromenter event vào cơ chế event dispatcher.
_eventDispatcher->addEventListenerWithSceneGraphPriority(listener, this);

// Thực hiện các chức năng của accelermonter thông qua gọi các hàm nguyên mẫu.
void AccelerometerTest::onAcceleration(Acceleration* acc, Event* event)
{
    // Đoạn code của bạn được chứa ở đây.
}

Mouse Event

Là thao tác của người chơi khi sử dụng mouse(chuột).

// Khởi tạo một mouse event.
auto mouseListener = EventListenerMouse::create();

// Một số loại mouse event.
mouseListener->onMouseMove = CC_CALLBACK_1(MouseTest::onMouseMove, this);
mouseListener->onMouseUp = CC_CALLBACK_1(MouseTest::onMouseUp, this);
mouseListener->onMouseDown = CC_CALLBACK_1(MouseTest::onMouseDown, this);
mouseListener->onMouseScroll = CC_CALLBACK_1(MouseTest::onMouseScroll, this);

// Thêm mouse event vào cơ chế event dispatcher.
_eventDispatcher->addEventListenerWithSceneGraphPriority(_mouseListener, this);

// Thực hiện các chức năng của mouse envent bằng cách gọi hàm nguyên mẫu.
void MouseTest::onMouseDown(Event *event)
{}

void MouseTest::onMouseUp(Event *event)
{}

void MouseTest::onMouseMove(Event *event)
{}

void MouseTest::onMouseScroll(Event *event)
{}

Thiết lập Event cho đối tượng vào Event Dispatcher

Việc bạn thiết lập một sự kiện cho một đối tượng vào Event Dispatcher trong Cocos2d-x rất dễ dàng.
 

// Thêm một sự kiện cho một đối tượng sprite vào event dispatcher.
eventDispatcher->addEventListenerWithSceneGraphPriority(listener, sprite);

Một sự kiện chỉ có thể đăng ký một lần cho một đối tượng. Vậy nếu bạn cần thiết lập một sự kiện cho nhiều đối tượng thì sao? Bạn hãy sử dụng clone() .

// Một sự kiện cho một đối tượng sprite vào event dispatcher.
_eventDispatcher->addEventListenerWithSceneGraphPriority(listener, sprite1);

// Thêm vào cũng sự kiện đó nhưng cho đối tượng sprite2 vào event dispatcher.
_eventDispatcher->addEventListenerWithSceneGraphPriority(listener->clone(), sprite2);

// Thêm tiếp cũng sự kiện đó nhưng là cho đối tượng sprite3 vào event dispatcher.
_eventDispatcher->addEventListenerWithSceneGraphPriority(listener->clone(), sprite3);

Xóa bỏ Event trong cơ chế Event Dispatcher

Bạn có thể xóa bỏ một Listener Event bằng cách sau:

// Xóa một listener event.
_eventDispatcher->removeEventListener(listener);

Bạn cũng có thể xỏa bỏ hết toàn bộ Listener Event trong cơ chế Event Dispatcher.

// Xóa bỏ toàn bộ các listener event trong cơ chế Event Dispatcher.
_eventDispatcher->removeAllEventListeners();

Chú ý: Với một đối tượng Menu, khi bạn xóa bỏ toàn bộ cácListener Event thì Menu cũng không thể hoạt động. Ví dụ như trên thiết bị di động cảm ứng Menu cần Touch Event để người chơi thao tác với Menu đó.

Tổng kết

Trong bài viết này, tôi đã giới thiệu về xử lý sự kiện trong Cocos2d-x 3.x.x. Mọi thắc mắc bạn có thể bình luận tại bài viết hoặc liên hệ với Trương Đạt :: www.stdio.vn/users/index/11/truong-dat.

Tham khảo

http://www.cocos2d-x.org

IO Stream

IO Stream Co., Ltd

30 Trinh Dinh Thao, Hoa Thanh ward, Tan Phu district, Ho Chi Minh city, Vietnam
+84 28 22 00 11 12
developer@iostream.co

383/1 Quang Trung, ward 10, Go Vap district, Ho Chi Minh city
Business license number: 0311563559 issued by the Department of Planning and Investment of Ho Chi Minh City on February 23, 2012

©IO Stream, 2013 - 2024