newmiracle宇宙

2020年10月25日

摘要： threejs 简单的demo 因为CSS3 写3D 会存在各种兼容性问题用pixijs又没可视化界面所以用threejs写3D 最稳妥 <!DOCTYPE html> <html> <head> <title></title> <style> canvas { width: 100%; hei 阅读全文

posted @ 2020-10-25 12:35 newmiracle宇宙阅读(1963) 评论(0) 推荐(0)

sublime自定义工程文件

摘要： sublime自定义工程文件有时候sublime目录太多会卡所以需要自定义工程文件保存工程文件的方法 tool里有个 save project as 如果要添加直接拖进就行删除删除有点贱有remove flod from project 阅读全文

posted @ 2020-10-25 09:29 newmiracle宇宙阅读(84) 评论(0) 推荐(0)

2020年10月22日

pixijs做粒子拖尾效果

摘要： pixijs做粒子拖尾效果 <script type="text/javascript"> const app = new PIXI.Application({ backgroundColor: 0x1099bb }); document.body.appendChild(app.view); le 阅读全文

posted @ 2020-10-22 17:47 newmiracle宇宙阅读(1039) 评论(0) 推荐(0)

javascript多边形碰撞检测

摘要： javascript多边形碰撞检测原理就是循环每个顶点判断是不是在多边形内 const app = new PIXI.Application({ antialias: true }); document.body.appendChild(app.view); const graphics = n 阅读全文

posted @ 2020-10-22 15:55 newmiracle宇宙阅读(489) 评论(0) 推荐(0)

css3 简单的玻璃扫光效果

摘要： css3 简单的玻璃扫光效果 .ss { display: block; width: 800px; height: 370px; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(255, 25 阅读全文

posted @ 2020-10-22 11:12 newmiracle宇宙阅读(1007) 评论(0) 推荐(0)

2020年10月21日

javascript拖拽精灵放大缩小旋转的方法

摘要： javascript拖拽精灵放大缩小旋转的方法玩过美图秀秀的人知道可以添加挂件能够放大缩小旋转我画了个图就明白原理了 2个小红点就是选中点拖动的起点和终点放大到AB的长度然后旋转C度就可以了具体算法 1 获取中间精灵坐标 2 计算圆心到第二个红点的角度(直接设置这个角度就可以了) 可阅读全文

posted @ 2020-10-21 22:22 newmiracle宇宙阅读(534) 评论(0) 推荐(0)

javascript圆上每个点的坐标计算方法

摘要： javascript圆上每个点的坐标计算方法 x1 = x0 + r * Math.cos(angle * Math.PI / 180) y1 = y0 + r * Math.sin(angle * Math.PI/180) x0和y0是圆心坐标以后求圆上的坐标都可以用这个公式阅读全文

posted @ 2020-10-21 21:03 newmiracle宇宙阅读(3025) 评论(0) 推荐(0)

javascript算与X夹角的方法

摘要： javascript算与X夹角的方法注意他是按照逆时针计算的角度注意是Y,X 参数 180/Math.PI*Math.atan2(1,1) 结果显然是45度 180/Math.PI*Math.atan2(1,-1) 显然是135度有1个需要注意范围是-180到180之间一般计算计算夹角都会阅读全文

posted @ 2020-10-21 20:34 newmiracle宇宙阅读(537) 评论(0) 推荐(0)

shell变量使用方法

摘要： shell变量使用方法第一种比较简单的直接赋值字符串或者整数 aa=22 echo $aa 第二种就是赋值命令 $()里面写命令就可以了 ssx=$(date "+%Y-%m-%d")echo $ssx 阅读全文

posted @ 2020-10-21 18:17 newmiracle宇宙阅读(79) 评论(0) 推荐(0)

2020年10月20日

pixijs 点击穿透支持png图片识别透明通道

摘要： function onDragStart(event){ this.data = event.data; var dianjix = this.data.global.x; var dianjiy = this.data.global.y; console.log('dianjix:'+dianji 阅读全文

posted @ 2020-10-20 17:30 newmiracle宇宙阅读(992) 评论(0) 推荐(0)

提供cocoscreator shader pixijs PHP等各种技术分享

公告