cocos creator 点击窗口以外区域关闭窗口

2024-10-25

点击任意位置关闭（CocosCreator）

推荐阅读: 我的CSDN 我的博客园 QQ群:704621321 我的个人博客今天,接触到一个新功能,当弹出某个弹框时,需要点击除弹框的剩余任意位置,来关闭该弹框,例如:当红框内容显示时,点击红框外任意位置可关闭红框. 刚开始做这个功能时,第一想法: 判断点击的UI不是该弹框UI,改功能只需要一个if语句就能实现,这时候我发现有两个困难点,1:如何判断点击的UI是否是目标弹框:2:使用该方法,需要为除弹框外的整个UI界面添加监听事件,由于开始搭建UI

【温故而知新-Javascript】窗口效果（全屏显示窗口、定时关闭窗口）

1.全屏显示窗口 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="

vue中点击屏幕其他区域关闭自定义div弹出框

直接上代码: mounted: function () { let that = this; $(document).on('click', function (e) { let dom = $('.myDiv')[0]; // 自定义div的class if (dom) { // 如果点击的区域不在自定义dom范围 if (!dom.contains((e.target))) { that.showMyDiv = false; } } }); }, beforeDestroy() { $(do

如何在mysql中退出当前窗口界面而不关闭窗口的方法

CTRL+Cexit;quit ;

实例：vue中点击空白区域关闭某个div图层

<template> <div class="search" ref="searchMain"> <el-input v-model="value" placeholder="请输入搜索内容" ref="input" @focus="getFocus" @input="changeVal" @clear='clearCard' @blur

cocos creator入门

前面的话 Cocos Creator 是一个完整的游戏开发解决方案,包括了 cocos2d-x 引擎的 JavaScript 实现,以及快速开发游戏所需要的各种图形界面工具.Cocos Creator 的编辑器完全为引擎定制打造,包含从设计.开发.预览.调试到发布的整个工作流所需的全功能,该编辑器提供面向设计和开发的两种工作流,提供简单顺畅的分工合作方式.Cocos Creator 目前支持发布游戏到 Web.Android 和 iOS,真正实现一次开发,全平台运行.Cocos Creator

Cocos Creator 安装和启动，Dashboard 的介绍

1,去官网:http://www.cocos.com/download,或者直接百度cocos2d官网,进入下载对应版本:[参考来源:官方文档] 2,下载完成后直接解压即可.以window举例, 运行 Cocos Creator 在 Windows 系统,双击解压后文件夹中的 CocosCreator.exe 文件即可启动 Cocos Creator. 可以按照习惯为入口文件设置快速启动或快捷方式,方便随时运行使用. 3,安装期间可能需要下载对应的其他开发软件,若已经安装过,那就不必重新安装了,

<3>Cocos Creator编辑器基础

Cocos Creator编辑器界面主要窗口包含如下: * 资源管理器窗口 * 场景编辑器窗口 * 层级管理器窗口 * 属性检查器窗口 * 上方功能按钮 * 偏好设置 * 串口输出 * 预览和构建 1.资源管理器窗口资源管理器是Cocos Creator编辑器访问和管理项目资源的窗口.在游戏制作中,场景.图片.声音.视频.脚本(代码)和动画等都是资源,均在这里进行展示与操作.资源管理器中的成员与项目asset文件夹下的文件和文件夹逐一对应. 界面预览界面主要分为创建按钮(或在资源管理器窗口内

Cocos Creator Android打包 apk

这一篇讲的是用 Cocos Creator 编译器打包 Android APP 的时候遇到的一些问题,虽然说打包的过程不是很复杂,但是在其中还是会遇到各式各样的坑. 我们将项目用CCC(Cocos Creator)编译器打包的时候,肯定是要先配置一下本机的开发环境,我这里主要是打包成 Android APP 的时候需要依赖的开发环境. 下载 Java SDK(JDK) 在编译 Android 工程的时候需要在本地电脑上有完整的 Java SDK 工具,如果没有这个工具可以到下面的地址下载: Ja

JavaScript关闭窗口的方法

当你创建了一个新窗口时,将open()方法的返回值分配给一个变量非常重要.比如,下面的语句就是创建一个新窗口,然后立即关闭它: win = window.open("http://www.docjs.com/", "js"): win.close(): 每一个浏览器窗口都清楚地与一个window对象对应,所以,当你想引用当前窗口时,你应该使用window对象.下面的语句设置当前窗口的URL: window.location.href = "http://w

cocos creator实现棋牌游戏滑动选牌的功能

最近在玩cocos creator,打算学着做一款类似双扣游戏的棋牌,名字叫文成三星,比双扣还要多一扣,因为需要三幅牌,在我们老家比较流行这种玩法. 目前实现了绝大部分的逻辑效果如下: 有一点不好的体验式选牌现在只能点击牌一张一张的选.如果能像其它产品一样可以滑动选择多张牌就好多了. 作为新手只好不断去找资料,棋牌滑动选牌怎么实现呢终于这篇文章找到了解决方案. 首先要在纸牌上面增加一层遮罩层,我们滑动手指是在遮罩层进行滑动,事件的注册也是在这一层. 当我们手指在牌上面进行滑动的时候,要在tou

Cocos Creator—最佳构建部署实践

这篇文章主要是我们团队在使用Cocos Creator过程中的一些关于部署方面的实践总结,标题党了一回,严格来说,应该是<快看漫画游戏研发团队使用Cocos Creator构建部署最佳实践>,对于其他团队可能并不是. 之所以写这篇文章,一是我刚开始接触Cocos Creator的时候,发现构建部署方面的一些问题,针对性写了3篇优化的方案,随着对Cocos Creator了解的深入,我发现了一些更好的替代方法,二是因为我们团队随着业务发展,又到了缺人的时候,出来刷刷脸,发点招聘广告:Cocos

Cocos Creator学习五：触摸和重力传感响应事件

1.移动设备上主要涉及触摸响应事件以及重力传感响应事件的处理. 事件主要分两类: 针对节点事件处理的节点响应事件cc.Node.EventType(主要是触摸响应事件和鼠标响应事件): 针对全局系统事件处理的全局事件cc.SystemEvent.EventType(主要是重力传感响应事件以及键盘响应事件). 2.触摸响应事件 ①包括四个响应事件: ②响应函数参数event重要属性 event.currentTouch._startPoint:开始触摸时坐标位置. event.currentTou

Cocos Creator代码编辑环境配置

1,可以使用较为适合js的webstorm,亦可以采用VS: 2,若需要webstorm,在下载之后,在文件,设置内外部编辑器选用webstorm.exe,即可: 3,Visual Studio Code[参考来源:官方文档] Visual Studio Code (以下简称 VS Code)是微软新推出的轻量化跨平台 IDE,支持 Windows.Mac.Linux 平台,安装和配置非常简单.通过下面介绍的设置方法,使用 VS Code 管理和编辑项目脚本代码,可以轻松实现语法高亮.智能代码提

Cocos Creator 的Hello World

1,创建项目[参考来源:官方文档] 在 Dashboard 中,打开新建项目选项卡,选中 Hello World 项目模板. 然后在项目路径栏中指定一个新项目存放路径,路径的最后一部分就是项目文件夹名称. 填好路径后点击右下角的 “Create” 按钮,就会自动以 Hello World 项目模板创建项目并打开. 2,打开场景,开始工作 Cocos Creator 的工作流程是以数据驱动和场景为核心的,初次打开一个项目时,默认不会打开任何场景,要看到 Hello World 模板中的内容,我

Cocos Creator实现的《点我+1》

一.前言在学习Cocos中,需要一些东西来练手,于是前段时间就开发仿照一款公司之前的产品<点我+1>来做,仿照过程中,所有的算法逻辑都是自己研究的,并没有参考公司代码,也没有使用公司的美术资源,所以也就不存在公司机密的内容啦,完全只是学习练习而已. 这是一款消除类游戏,规则和大多数三消类游戏差不多,在一个5x5的格子中,有25个方块,每个方块有一个数字,用户的操作就是点击方块,使方块的数字+1,当至少每3个相同数字的时候,这些数字相同的方块合成为一个,并且数字+1,在玩家的表现就是:除了点击

<6>Cocos Creator调试

高手在于调试,下面来谈Cocos Creator调试! 1. 网页平台调试调试常见的三种形式为调试打印.运行时报错与断点调试,这里主要利用编辑器"VS Code"与"Chrome浏览器",与原生平台调试讲解. Cocos Creator中所有的标准输出包括其提供的各种输出接口,如:cc.log.cc.info.cc.warn和cc.error等.本节以cc.log为例.在需要打印的位置加入日志输出,代码如下 cc.log("Hello World!&qu

<5>Cocos Creator 脚本简介

1.创建脚本在资源管理器窗口中点击鼠标右键,显示菜单中点击新建,选择新建的脚本类型,这里举例就选择菜单中的JavaScript,或者如下图点击创建按钮也可. 新建后就会在资源管理器中出现一个NewScript的脚本,如上图中右图,也可以进行更改名称.打开xxx.js文件后如下图可以自定义脚本的格式,我这里是自定义了,源文件模板为下图自定义格式可以在Cocos Creator安装的目录下的resources文件夹--->static文件夹--->template文件夹--->new-

<4>Cocos Creator基本概念(场景树节点坐标组件 )

1.场景树 Cocos Creator是由一个一个的游戏场景组成,场景是一个树形结构,场景由有各种层级关系的节点(下一节有具有介绍)组成: 如创建一个HelloWorld的默认项目NewProject中,并在其中创建了一个UI渲染节点-Button,更改名为newBtn: 具体HelloWorld场景的场景树表现为下图所示 2.节点 2.1.1 创建节点----在层级管理器窗口中鼠标单击右键即可创建节点,或者按如下图进行点击创建节点按钮单击鼠标右键后会显示三项: a)创建空节点:点击即可创建

windows创建窗口、关闭窗口流程

NC,即 non-client 区域,包括标题栏.窗口边框.最大.最小按钮.滚动条等. 一.在调用Windows的::CreateWindowEx函数创建窗口时,一般会先发出 WM_NCCREATE消息,然后发出 WM_CREATE消息. 当窗口准备关闭,此时先发出WM_DESTROY消息,再发出WM_NCDESTROY消息. 顺序如下: WM_NCCREATEWM_CREATE....WM_DESTROYWM_NCDESTROY 如果在关闭时,这个窗口存在子窗口,那么会先发送子窗口的WM_DE

Cocos Creator 通用框架设计 —— 网络

在Creator中发起一个http请求是比较简单的,但很多游戏希望能够和服务器之间保持长连接,以便服务端能够主动向客户端推送消息,而非总是由客户端发起请求,对于实时性要求较高的游戏更是如此.这里我们会设计一个通用的网络框架,可以方便地应用于我们的项目中. 使用websocket 在实现这个网络框架之前,我们先了解一下websocket,websocket是一种基于tcp的全双工网络协议,可以让网页创建持久性的连接,进行双向的通讯.在Cocos Creator中使用websocket既可以用于h5

cocos creator 点击窗口以外区域关闭窗口

热门专题