- 博客(412)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 uniapp中使用canvas生成海报，并下载保存到手机相册
如下图，是在H5中，canvas生成后的效果，首先说明，H5不支持返回图片的临时路径，不能用于保存，APP端生成成功后，会返回图片的临时路径用来保存到相册。本地测试，用的网络图片，没有出现跨域的问题，APP端也正常显示。完整代码：可以将整个代码复制到你得uniapp项目中直接运行。代码中做了详细的注册，关于API的用法，这里只标注的简单的提示，具体还是参考官方链接uniapp-canvas吧<template> <view class="demo"> <c.
2020-10-27 16:26:12
29887
26
原创 Array 数组操作
Array 对象方法方法 描述concat() 连接两个或更多的数组，并返回结果。copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。entries() 返回数组的可迭代对象。every() 检测数值元素的每个元素是否都符合条件。fill() 使用一个固定值来填充数组。filter() 检测数值元素，并返回符合条件所有元素的数组。find() 返回符合传入测...
2020-03-17 11:42:00
538
原创 string字符串操作
charAt() 返回指定索引位置的字符charCodeAt() 返回指定索引位置字符的 Unicode 值concat() 连接两个或多个字符串，返回连接后的字符串fromCharCode() 将 Unicode 转换为字符串indexOf() 返回字符串中检索指定字符第一次出现的位置lastIndexOf() 返回字符串中检索指定字符最后一次出现的位置localeCompare()...
2020-03-04 17:48:38
203
原创 JS日期，时间相关
获取当前日期var start = new Date();var year = start.getFullYear(); //获取当前年var mon = start.getMonth() + 1; //获取当前月var date = start.getDate(); //获取当前日console.log(year + "年" + mon + "月" + date + "日")...
2020-01-15 14:17:54
253
原创 COCOS：（飞机大战12）制作奖励物品
并绑定到Reward上，下一节要编写奖励物品下落，发生触发等事件。2.添加碰撞分组，只有主机才可以和奖励物品发生碰撞。5.添加动画组件，点击加好选择属性。设置旋转角度，并添加关键帧。1、主机切换双发子弹。1.添加多边形碰撞器。
2024-09-18 10:37:56
226
原创 COCOS：（飞机大战11）主机注册碰撞事件，主机发生碰撞，闪烁，坠落销毁
中已经编写的触摸，子弹单双发的逻辑，这节记录受伤闪烁，和结束坠机的代码。到项目设置中，增加碰撞分组。回到Player，勾选分组。敌机可以和主机发生碰撞。
2024-09-12 16:36:12
198
原创 COCOS：（飞机大战10）主机碰撞受伤闪烁、坠机动画，添加碰撞器、刚体组件
把4张图片拖进来，分别对应0，10，20，30帧的位置，在40位置增加一个空节点。主机添加多边形碰撞器：PolygonCollider2D。之前02已经制作了主机启动的动画。这一步骤新增受伤闪烁和追击的动画。
2024-09-12 15:26:10
392
原创 COCOS：（飞机大战09）敌机注册碰撞事件，控制敌机的销毁
先区分要监听谁，子弹打到飞机上，飞机去播放动画，并完成销毁操作，注册碰撞事件就写在飞机上。,注册事件就写到这个文件内。
2024-09-12 11:17:50
207
原创 COCOS：（飞机大战08）子弹和飞机添加碰撞器和刚体
因为会影响到敌机的运动，所有选择。选中子弹，添加组件，给子弹添加。选中子弹，添加组件，给子弹添加。因为敌机是不规则的形状，设置敌机的碰撞器和刚体。
2024-09-11 15:53:44
272
原创 COCOS：（飞机大战07）随机生成敌机
上一节06已经制作了3种飞机的预制体，这篇记录下随机生成敌机。需要获取x轴的随机位置，但是不能超过边界。同理可以得到小飞机和中型飞机的位置生成区间。把获取到的预制体添加到当前场景种。文件，用来存放随机生成的敌机。获取当前3种飞机的预制体。放入预制体，运行看下效果。EnemyBox文件。通过移动大飞机，得到。
2024-09-11 15:04:10
195
原创 COCOS：（飞机大战06）制作敌机的Prefabs，被攻击后的敌机爆炸动画
同理用以上步骤，可以创建第二个，第三个敌机。敌机的爆炸动画，需要用到的图片UI。用来控制飞机从上到下的飞行，并将。文件，用来存放敌机，将小飞机。4.将飞机的Y轴拉到屏幕外。制作动画的方式，可以参考。enemy0图片文件。
2024-09-10 16:44:52
215
原创 COCOS：（飞机大战05）双发子弹的发射逻辑，以及子弹切换的问题
上一节03已经实现了单发逻辑，在上节基础上，实现双发功能，实现的效果图如下。2.定义双发子弹的世界坐标位置。参考上一节的需要注意：在文件。回到COCOS中，把对应的文件拖进去，运行完成双发逻辑效果。1.制作双发的子弹预制体，复制粘贴。，用来定位子弹发射的位置。内创建空节点，名称修改为。，并手动拖动到指定位置。相同方式，创建空节点。
2024-09-10 15:38:47
211
原创 COCOS：（飞机大战04）单发子弹的发射逻辑（Prefab制作）
上一节03已经实现了飞机的触摸跟随功能，这节实现简单的子弹发射功能，实现的效果图如下。距离飞机的位置，也就是子弹发射的位置，是跟随飞机的。1.制作子弹的Prefab，实现单发的发射功能。用来存放预制体，将上一步的子弹图片。下边实现第一张图的效果，继续编写。2. 把子弹的图片移动到。下，并定位到飞机前方，上边完成的单发的逻辑，文件，后边我们直接从。
2024-09-10 15:02:16
386
原创 COCOS：（飞机大战03）绑定触摸方法，控制主角的移动和移动边界的限制
上述代码保存在编辑器里运行看下效果，会发现飞机会移动到视图外边，文件，把该文件添加到Player组件上。通过触摸移动，得到了4个边界值，x轴为。下边就要限制移动边界的问题。有个了这个边界值，需要再把。
2024-09-10 11:42:23
557
原创 COCOS：（飞机大战02）主机启动的动画帧
选中飞机Body，01：添加动画组件，02：新建动画剪辑资源，保存到动画目录。最后记得保存场景，运行到浏览器看最终效果。
2024-09-10 11:01:48
294
原创 COCOS：（飞机大战01）背景图无线循环向下滚动
设置图2的Y轴为852，这样图1和图2就衔接上了。将背景图移动到Canvas中。背景图宽高：480*852。创建控制背景的ts文件。
2024-09-10 10:33:07
329
原创 uniapp:使用mescroll实现左导航，右数据（数据带分页）
<template> <view class="u-wrap"> <u-navbar title="复购" :is-back="false" :border-bottom="false" title-color="#282828"></u-navbar> <view class="u-menu-wrap"> <scroll-view scroll-y scroll-with-animation class="u-tab-vie
2024-07-12 09:46:40
838
原创 uniapp：开发微信小程序，position: fixed布局，苹果X底部适配方案
uniapp开发微信小程序，position: fixed布局，苹果X底部适配方案。
2024-07-10 11:04:38
274
原创 uniapp：webview跳转后，使用自己的自定义导航
/放置在titleNView下方。如果还想在webview上方加个地址栏的什么的，可以继续降低TOP值。//因为设置top之后 webview的高度依然不变会往下移 底部会被遮住 所以设置一下高度。//一定要append到当前的页面里！才能跟随当前页面一起做动画，一起关闭。// 可直接通过以下方法获取preload值。//获取当前页面的webview对象。
2024-06-15 15:42:06
560
原创 uniapp：小白1分钟学会使用webSocket（可无脑复制）
uni.connectSocket()创建webSocket的总结，代码可无脑复制，直接使用。
2024-04-18 10:50:49
5162
4
空空如也
关于CSS浮动的时候下边的块级元素跟着浮动
2017-12-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人