首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

开源新手引导框架,支持TypeScript

Shawn的GitChat新手引导框架已经有超过150人订阅,在此期间有不少伙伴给出了正面的评价,让我有了继续优化改进的动力。...微信上async.js报错问题,在7月23日已经修正,提交代码仓库。 ? 2. 移除对cc.Toggle组件的依赖 ?...新手引导开放源码 ? 最后为了感谢大家对新手引导框架的支持,如果没有大家的帮助,新手引导框架也不能达到很好的改进,成为真正实用的工具,在此Shawn决定将新手引导代码仓公开。...新手引导框架借用了Cocos官方案例demo-ui工程,新手引导框架源码、资源全部都在GodGuide目录,其中task1.js、task2.js 是编写的引导任务脚本,你可以将 GodGuide 复制到自己的项目进行实践...如果对新手引导框架,还不太了解的伙伴可以看下面的介绍: ? 感谢您对「Creator星游戏开发社区」公众号的支持,愿我们在前进的道路上砥砺前行,共同成长! ?

1.4K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    好用的轮子之强大的原生引导js库---Driver.js

    前言 Driver.js 是一款轻量的、没有依赖普通的javascript引擎,目的是为了方便引导用户浏览网站的功能。其实是一款web端分步引导用户查看功能的库。...支持你想要的效果 任何元素都可高亮:页面上的任何元素都可以高亮显示 支持所有的浏览器(包括IE) 遵循MIT Licensed开源协议 安装 // yarn 方式 yarn add driver.js...// npm 方式 npm install driver.js 引入 import Driver from 'driver.js'; import 'driver.js/dist/driver.min.css...onPrevious: (Element) => {}, // Called when moving to previous step on any step }); 分步配置...是一个非常好用的引导用户使用网站功能的js库,可以更加人性化、更加方便快捷地融入到你开发的网站。

    1.3K20

    开源引导框架升级发布、懒人神器灰度源码下载

    1 GodGuide 新手引导 “Cocos Creator 新手引导框架,支持浏览器、模拟器、手机自动引导,流程录制与回放,可实现自动化测试!” ?...上周未晓衡做了两个事,一个是解决了GodGuide新手引导框架在Creator2.3.x上的兼容问题,目前新手引导框架可支持在 CocosCreator2.x 所有版本上运行!...最瓣下载体验地址奉上: github仓库: https://github.com/ShawnZhang2015/GodGuide 在线体验: http://game.ixuexie.com/godGuide/ 对新手引导框架还不太了解的伙伴可以看之前的公众号文章...: 开源新手引导框架,支持TypeScript 从“新手引导”到“自动化测试” 「新手引导框架」升级,支持自动挂机等更多玩法!...2 懒人神器灰度测试 除了新手引导之外,晓衡还在周六实现了一个能帮助大家在UI开发中省时省力的好工具,很像之前的 UIKiller 的进化版,请看下面视频: 这个视频一发出后,不少伙伴找晓衡要源码,

    54220

    JS 后端框架盘点

    Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能,目前 Express 一家独大,是基于 Node.js平台,快速、开放...Next.js中文站Github https://github.com/raoenhui/next-site-cn Next.js 是一个轻量级的 React 服务端渲染应用框架,Next.js 想学的人比较多...3:Koa 基于 Node.js 平台的下一代 web 开发框架 :https://koa.bootcss.com/ Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 通过利用...Express是 Node.js 社区广泛使用的框架,简单且扩展性强,非常适合做个人项目。...是一款面向未来开发的 Node.js 框架,整合了大量的项目最佳实践,让企业级开发变得如此简单、高效。

    5.6K30

    「新手引导框架」升级,支持自动挂机等更多玩法!

    01 将新手引导框架开源之后,陆续收到不少伙伴们的反馈,其中有一个问题是“引导脚本的自动执行,只能在浏览器上运行,感觉有些鸡肋”。...Shawn早在Cocos2d-js时使用过Cocos官方开发的Cocos2d-js devtool工具,看下图: ?...它是直接将一段 JS 代码嵌入已经运行的 Cocos2d-js 游戏中,如果将新手引导的自动执行能力动态嵌入一个 CocosCreator H5 游戏那将会是什么呢?—— 外挂!...新手引导框架本身不依赖于具体游戏的代码逻辑,重点只关心场景树结构、关键节点名字,要实现一个外挂的可行性非常高。...03 新手引导框架正式迁移到GitHub地址: https://github.com/ShawnZhang2015/GodGuide 「Creator星球游戏开发社区」从最早的「奎特尔星球

    1.9K20

    2017年JS 框架回顾:后端框架

    ,主要介绍 JavaScript 的后端框架情况。...第一篇:《2017 前端框架的现状》 第二篇:《2017 年 JS 框架回顾:React 生态系统》 从上图中可以看到,Express 作为用 JavaScript 编写的后端服务的主流解决方案,占据了后端框架使用率的绝大部分...接下来我们查看其它的后端框架。 其他后端框架 下面是除 Express 之外的四个最大的后端框架,分别为: Koa Hapi Sails Next koa 蓝色代表的是 koa 的相对使用率情况。...Next.js Next.js 是一个基于 React 的通用 JavaScript 框架,同时也是一个较新的框架。 Zeit 的开发团队在 React 的基础上创建了 Next.js。...Next.js 提供了一种很方便的方式来创建新的 Web 应用。当前 Next.js 的使用率尽管还很低,但是却一直保持着上升的趋势,值得关注。

    3.6K90

    Nat Commun|知识引导的分子表示学习预训练框架

    作者提出了知识引导的预训练图Transformer (Knowledge-guided Pre-training of Graph Transformer,KPGT),这是一个自监督学习框架,可以学习可泛化和鲁棒的分子表示...KPGT框架集成了专门为分子图设计的图Transformer和知识引导的预训练策略,以充分捕获分子的结构和语义知识。...方法 KPGT框架(图1)包括两个主要组成部分:一个称为线形图Transformer(Line Graph Transformer, LiGhT)的主干模型和一个知识引导的预训练策略(图1a)。...图4 案例分析 总结 在本研究中,作者提出了KPGT,这是一个自监督学习框架,通过显着增强的分子表示学习提供改进的、可推广的和鲁棒的分子性质预测。...总的来说,KPGT将为加速人工智能辅助药物发现提供一个通用的自我监督学习框架。 参考文献 [1] Li et al.

    16110

    . | 基于知识引导的分子预训练框架

    此外,如果没有分子图的语义信息,被掩蔽节点与其相邻节点之间的唯一联系就是共价键规则,这往往无法引导模型准确预测被掩蔽的节点。因此,这种限制可能导致模型仅仅是记忆数据集。...在这项研究中,作者介绍了KPGT,这是一个旨在增强分子表示学习的自监督学习框架,进而提高下游分子属性预测任务的效果。...KPGT结构 图 1 KPGT框架包括两个主要部分:一个名为线图变换器(LiGhT)的模型和一个知识引导的预训练策略。LiGhT专门设计用于全面捕捉分子图结构中的复杂模式。...作者提出的知识引导预训练策略基于一个遮蔽图模型目标,先随机遮蔽分子图中的一部分节点,然后学习预测这些遮蔽节点。该策略最显著的特点是额外知识的结合。...这些结果表明(图2),与之前的方法相比,KPGT呈现出更强大的自监督学习框架

    21810

    JS模块加载框架 SeaJS

    SeaJS是一个遵循CMD规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制,兼容所有主流浏览器 SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载...,让开发可以专注于代码本身的逻辑 上手示例 html中加载初始化模块init.js,init 中调用 module1 模块,同时 module1 模块调用 module2 模块 ?..., factory) id : 模块标识(选填),不填时,id会被默认赋值为此js文件的绝对路径 deps : 是模块依赖(选填) factory : 模块定义方法(必填) 例如 define...module.id 模块的ID、module.dependencies 此模块依赖的所有模块的ID列表、module.exports 与exports指向同一个对象) 模块的寻址 (1)绝对地址——给出js...文件的绝对路径 require("http://example/js/a"); (2)相对地址——用载入函数所在js文件的相对地址寻找模块 例如有 js/a.jsjs/m/b.js 在b.js

    6K50

    设计一个简易的引导任务框架(2) | 4.23粉丝赠书

    设计一个简易的引导任务框架 前文导读 上一篇分析了如何定位节点,如何显示节点遮罩,以及节点事件的确认,原理和方法是有了但要将整个逻辑链条串连起来,还需要下一翻功夫。...编写了一个简单的引导任务框架,想仅通过 JSON 配置的方式,完成上述步骤、任务的执行,实现一个配置式、可编程的引导框架,期望的是让非程序人员经过简单的学习,也能实现引导内容的制作,我们先看一个任务配置案例...引导框架—串联异步引导步骤 前面讲过,一个引导步骤中节点定位函数 godGuide.find() 是通过回调函数异步返回目标节点,用户对目标节点的点击确定也是异步的,因此任务中的每一个 step 都是异步的...`); } } 这里将指令函数编写在了名为 GodCommand.js 文件中,向指令函数传入当前引导对象和 step 配置对象,下面看定位指令的实现: let GodCommand = {...GodGuide 框架已经上架 Cocos Store ,而且最近开发者们又来上新了一大堆好玩、有趣、有价值的内容,点击【阅读原文】来看看吧! 4.23粉丝福利,快来参与吧!

    69620

    js运动框架逐渐递进版

    现在按照以下步骤来进行我们的运动框架的封装: 匀速运动。 缓冲运动。 多物体运动。 任意值变化。 链式运动。 同时运动 (第一部分):匀速运动 运动基础 思考:如何让div动起来?...速度–控制物体运动的快慢 定时器间隔时间 改变值的大小 根据上面的信息我们就可以开始封装运动框架创建一个变化的div了。...参数的传递:物体/目标值 比较简单把上面框架的进行如下更改:timer–>element.timer 处理多物体运动,运动函数里面每次都要选取一个元素加事件。...最后附上完美运动框架,封装成 move.js 就可以调用了。...运动框架演变过程 框架 变化 startMove(element) 运动 startMove(element,iTarget) 匀速–>缓冲–>多物体 startMove(element,attr,iTargrt

    1.9K40
    领券