1. 程式人生 > >cocos2d3.5新手引導

cocos2d3.5新手引導

遊戲中,新手引導經常要用到。這次是基於3.5版本。

思路:建立遮罩,顯示區觸控,下層響應。

讓引導層繼承widget

local Guide = class("Guide",function ()
	return ccui.Widget:create()
end)

guide設定描點為self:setAnchorPoint(cc.p(0,0))。這樣方便座標計算。

這樣可以方便處理觸控區域的響應。通過點選的落點是否在顯示區域,然後設定self.listener:setSwallowTouches(true),可以向下層穿透,響應事件;

function OperationalView:onTouchBegan(touch_, event_)  
	print(" OperationalView:onTouchBegan  began")
	local pos = touch_:getLocation()
	self._touchPos = cc.p(pos.x,pos.y)
	if self._blackBg then 
	else
		self._listener:setSwallowTouches(false)
	end
	if rectIntersectsPoint(self._stencil:getBoundingBox(),cc.p(pos.x,pos.y)) then 
		self._listener:setSwallowTouches(false)
	end
    return true
end  


遮罩可以使用cc.LayerColor:create(cc.c4b(0,0,0,0))來建立

實現鏤空

self._clippingNode = cc.ClippingNode:create()
self._clippingNode:addChild(self._stencil)
self._clippingNode:setStencil(self._stencil)
self._clippingNode:setInverted(true)

self._stencil可以是圖片資源,也可以使用cc.DrawNode:create()來建立;

對於下層的響應,設計框架時,按鈕的監聽事件都通過統一回調處理。或者把widget封裝多一層。響應按鈕事件後通知guide,下層響應完畢。

相關推薦

cocos2d3.5新手引導

遊戲中,新手引導經常要用到。這次是基於3.5版本。 思路:建立遮罩,顯示區觸控,下層響應。 讓引導層繼承widget local Guide = class("Guide",function () return ccui.Widget:create() end)把guid

ios開發之--新手引導頁的添加

action spa wal 讀取 sched make property 添加 launch 以往在寫啟動頁面的時候,有時候會直接在啟動頁裏面寫,或者自帶的vc裏面直接寫,但是那樣並不是很方便,啟動頁裏面往往會添加很多的東西,所以封裝成一個單獨的類,可以直接使用,即便是後

[Shader]新手引導中的遮罩裁剪

texture mas 計算 efault truct fragment tor nbsp inpu 最近要寫新手引導,記錄一下 1<效果圖> 上面四張圖已經展示得很清楚了 shader裏面的計算也很簡單 對比了一下uv與中心點的位置關系 <

cocos2dx 新手引導

static CCClippingNode* create(); //使用一個節點作為模版建立裁剪節點 static CCClippingNode* create(CCNode *pStencil); //不帶模版地初始化一個裁剪節點 v

Android 新手引導半透明蒙層效果實現

效果圖: 其中的文字和我知道啦是ui切得兩張透明圖片 自定義View: package com.cymobi.library.view.widget; import android.app.Activity; import android.content.Conte

WPF 新手引導

參考了https://www.cnblogs.com/ZXdeveloper/p/8391864.html,自己隨便實現了一個,記錄下,比較醜   <Window x:Class="UserGuide.MainWindow" xmlns="http://schemas

Jigsaw 專案:Java 模組系統新手引導

前言 隨著 2017 年 10 月 Java 9 的釋出,Java 能夠使用模組系統了,但是中文網際網路上的資料太少,許多關於 Java 模組系統的文章都只是介紹了模組系統的好處,或者給了一些毫無組織的程式碼片段,新手在第一次使用模組系統時往往不知道如何下手。 好在 OpenJDK 官方文件給出了一個很詳

cocos新手引導的遮罩元件

首先先明確下需求,新手引導一般會遮蔽了除期望操作元件之外的所有ui的操作。也就是說,除了指定的元件,你不可以點選其他的元件。然後直接上程式碼吧: cc.Class({ extends: cc.Component, properties: { targetNode

ios新手引導頁(oc 和swift)

在第一次安裝App, 或者更新App的時候, 常常會出現一個引導介面, 昨天晚上花了點時間, 寫了個引導頁,太晚就沒發出來, 實現一個引導頁其實並不困難. 請看程式碼 點我下載Swift的Demo 點我下載OC的demo 我們用NSUserDefaults類來判斷程式是不是第一次啟

新手引導的介面部分操作區域的處理(一)

挖坑和高亮 這裡總結了一些常用的方式,不全面歸納如下:1.將目標操作物件(Button/或過載自寫的互動事件)區域提取到引導灰色層之上     處理方式:  A. 在物件上加Canvs控制層級                         B. 直接把物件的父節點設定到引

Unity3D新手引導開發手記

最近開始接手新手引導的開發,記錄下這塊相關的心得 首先客戶端是Unity,在接手前,前面的同學已經初步完成了新手引導框架的搭建,這套框架比較簡單,有優點也有缺點,稍後一一點評 我們的新手引導是由一個個強引導組成的,每個強引導都有一系列的步驟,這套框架實現的功能就是: 1.組織一個強引導(任務)所

使用cocos2d-js製作遊戲新手引導(一)

    ​  想到新手引導的功能時可能很多人都會覺得頭痛,難以下手。特別是在遊戲本身功能或需求還不穩定的情況,更是難以應付,本人就是在這種情況下接受了一個艱鉅的任務。在痛定思痛之後,開始了引導功能開

IOS專案新手引導頁圖片適配方案

1. 背景基本上每個IOS APP都會有新手引導頁面這個功能,常規的就是幾張靜態圖片,可以左右滾動。既然涉及到圖片,就肯定會存在適配的問題(為了達到最優的體驗效果,一般都會針對不同的解析度設計不同尺寸的圖片),本文主要就是討論如何適配的問題。2. 方案2.1 方案一 根據螢幕解析度的不同,使用不同的圖片。2

Android引導蒙層,安卓新手引導圖,引導圖層,支援橢圓,圓形,矩形多種形狀,一行程式碼快速搞定

package com.laxian.guideview; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.Gravity; import android.view.

新手引導系統設計與編輯器設計(二)

在我們專案的實際檢驗中, 發現了一些簡單的問題。 之前我把功能設計的很靈活, 但是使用起來,可能需要去考慮一些東西。 比如下面這個場景: 我需要玩家去 拖拽我們遊戲中的3d建築, 但是玩家又不能去操作UI。 在這種場景下, 如

cocos2d-x 新手引導(矩形,圓形的強制引導)

#ifndef __CLIPPING_NODE_MANAGER_H__ #define __CLIPPING_NODE_MANAGER_H__ #include "cocos2d.h" /* 強制引導管理者 建立強制引導: auto cnm = ClippingNodeManager::create();

cocos2d-x 新手引導

總結了下,新手引導的要點有以下幾個: 畫面的變化.觸控和按鈕響應.邏輯處理及程式碼組織. 下面我們就詳細講述這幾個要點: 一.畫面的變化. 對個這個不同的遊戲的做法不盡相同,歸結起來大概有這麼幾種: 1.畫面整體變暗 這個比較簡

Unity新手引導相關遮罩處理

專案中需要新增新手引導的強制引導遮罩。 之前通過實現UnityEngine.ICanvasRaycastFilter這個介面 並且實現方法 public bool IsRaycastLocationValid(Vector2 sp, Camer

Caffe + Ubuntu 14.04 + CUDA 6.5 新手安裝配置指南

        洋洋灑灑一大篇,就沒截圖了,這幾天一直在折騰這個東西,實在沒辦法,不想用Linux但是,為了Caffe,只能如此了,安裝這些東西,遇到很多問題,每個問題都要折磨很久,大概第一次就是這樣的。想想,之後應用,應該還會遇到很多問題吧,不過沒辦法了,騎虎難下!!這裡有個建議是,如果將來要做大資料集,最

UGUI強制新手引導製作方案

強制新手引導一般來說就是限制點選區域,只能點選遊戲引導固定的區域.我們的思路就是試用一張遮罩圖片來遮罩全屏,然後把想要點選的物體的渲染層級放在最頂層,然後點選遮罩圖片的時候使用事件穿透讓我們想要點選的物體來接受事件.大概效果如下圖 可以看到我們想要