speedy

[经验] Cocos Creator使用笔记 --- 俄罗斯方块 (1)

橙三吉。 提交于 2021-02-19 17:15:11
一: 实现 物体匀速掉落   这是我在做俄罗斯方块的时候遇到的一个问题, 因为原来的方块的掉落是每秒掉落一个像素点, 但是这样看起来的话会是一卡一卡的, 为了让方块在掉落的过程中看起来更加的流畅, 于是我决定在游戏的主逻辑处实现如下功能 /* * * 方块匀速下降 */ update: function (dt){ this .speedy = 1 ; this .schedule( this .down_move, this .speed* dt); }, /* * * 方块下落 */ down_move(){ // 大范围内加一个加一个检测,防止重合 if ( this .gamestate === 0 ){ this .node.y -= this .speedy; this .i -= 1 ; console.log( this .i); this .choose(); // 移动时降落反应的延迟导致重叠检 for (let i=0;i<4;i++ ){ if ( this .box[ this .one[i]][ this .two[i]] === 1 ){ this .i++ ; this .choose(); } } this .check(); } }, 但是这样的话, 方块虽然是会匀速下降了, 但是却不会像原来那样碰到游戏窗口底部就停下来, 于是,

canvas粒子线条效果

旧时模样 提交于 2020-12-19 02:40:45
在正式开始之前,先上个效果图看看: 很酷炫有木有??? 那么如何实现这个效果呢? 首先,我做这个特效的基本步骤是这样的: 1.将若干个粒子随机分布在画布(canvas )上,并且给他们一个初始速度 2.为了不让粒子离开画布的可视范围,当粒子移动到画布边缘时,会进行反弹 3.设定一个最大距离,若粒子间的距离超过最大距离,便不会产生连线,若小于等于最大距离,则粒子间距越小,粒子间连的线就越宽,或者说颜色越深 4.设定鼠标事件,当鼠标移动时,粒子与鼠标距离若小于等于最大距离,那么粒子将会朝着鼠标方向移动 那么我们就按照这四个步骤来进行: 1 < canvas width ="1300" height ="600" id ="myCanvas" ></ canvas > 正常操作,我设置了一个宽1300,高600的画布 1 let c = document.getElementById('myCanvas' ); 2 let cxt = c.getContext('2d' ); 3 let num = 100; // 粒子数量 4 let balls = []; num是我设置的粒子数量,数量可以随意设置,但要注意的是,如果粒子数量太多,因为设备的原因,可能粒子不能够流畅运动,或移动的很慢。 用balls数组来存放随机数 1 for (let i = 0; i < num; i ++ ){

chrome浏览器美化插件:让您的浏览器页面冒水泡, 游小鱼儿

僤鯓⒐⒋嵵緔 提交于 2020-08-12 02:59:28
  下载插件和效果图   这是一个让你的浏览器冒泡泡的插件, 浏览网页的时候仿佛置身于海底世界;   插件下载地址: http://files.cnblogs.com/files/diligenceday/chromeExtension.crx.zip   效果图:   在线预览页面 <!DOCTYPE html> <html lang= " en " > <head> <meta charset= " UTF-8 " > <title>Document</title> <style> body, html{ margin: 0 ; width: 100 % ; height: 100 % ; background:#eee; } </style> </head> <body> <script> var imgBase64 = " data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAAByCAYAAAB6Iw7NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAC4jAAAuIwF4pT92AAAtbElEQVR42u2dd5hc2Vnmf