Canvas系列(14):实战-小球碰撞 发表于 2020-07-28 | 分类于 Canvas 两小球碰撞是Canvas非常经典的案例,他是一个很简单的需求,但做起来却非常复杂。 小球移动操作根据前面的学习,我们对小球的基本运动了如指掌,直接来一个小球的移动操作,代码如下: 12345678910111213141516171819202122232425262728293031323334 ... 阅读全文 »
Keep APP技术研究 发表于 2020-07-14 | 分类于 运动与健身 最近在研究运动软件Keep,就是那个自律给我自由的Keep。主要方法是使用Charles来抓包,然后查看接口。由于Charles是一款Mac的应用,所以Windows系统,可能不能实践了。另外安卓手机限制不能抓包HTTPS的协议,所以也不能实践了。 现在分享一下我的研究成果,本文可能触及到Keep软 ... 阅读全文 »
《33个理财窍门》读书笔记 发表于 2020-06-20 | 分类于 读书笔记 最近看了一本名叫《33个理财窍门和一份人生理财计划书》的书,由于名字太长,标题就截取了其中一部分。本章记录我觉得有意义的内容。 没有计划,就没有自由一个人能不能创造巨富的转折点,往往就在于能否摆脱“依附心态”,奔向“自由”之路。 其实对于很多人来说,以依附心态过日子反而比较轻松。这是因为只要跟着 ... 阅读全文 »
Three.js教程(7):材质 发表于 2020-05-27 | 分类于 Three.js 之前说过网格(Mesh) = 几何体(Geometry) + 材质(Material),也就是一个物体是有它的形状和材质来决定。几何体(Geometry)类似于前端的HTML而材质(Material)类似于前端的CSS,今天我们看一下材质相关的内容。 MaterialMaterial是所有材质的父 ... 阅读全文 »
Three.js教程(6):几何体 发表于 2020-02-01 | 分类于 Three.js 之前的章节中我们使用了平地、方块、球体等几何体(Geometry),今天我们探讨更多的几何体。先说一个事实,在WebGL中只能绘制3种东西,分别是点、线和三角形。什么?我们之前做的方块和球体,明明就不是三角形呢?其实他们确实是由三角形组成的。多个小的三角形就是可以组成包括球体以内的几乎任何几何体。我 ... 阅读全文 »
Three.js教程(5):光源 发表于 2020-01-30 | 分类于 Three.js Three.js的作用就是做3D效果,一说到3D就绕不过一个话题,那就是阴影。而要出现阴影的效果,那么就要涉及光源。本章介绍Three.js中光源相关的知识。 光源简介光源是THREE.Light类的子类。所有光源都有2个属性,一个是color,是一个THREE.Color类型的值,表示光源的颜色 ... 阅读全文 »
Chrome的小恐龙游戏自动躲避障碍物 发表于 2020-01-07 | 分类于 JavaScript 年初一篇名叫《Chrome 的小恐龙游戏,被我破解了…》的文章在掘金上火了一把,文章中说的是如果在控制台输入Runner.instance_.setSpeed(100)就可以改变小恐龙的速度;如果在控制台输入Runner.prototype.gameOver=()=>{}, ... 阅读全文 »
Nuxt项目给script标签添加crossorigin属性 发表于 2020-01-06 | 分类于 配置 最近给项目添加一个错误日志上报的功能,由于使用的是第三方的服务,导致上报的错误信息都是Script error.。文档上写的很清楚,要处理这个问题只需要两步:添加“crossorigin="anonymous" 属性和添加跨域 HTTP 响应头。那么Nuxt项目该如何添加cros ... 阅读全文 »
使用GithubActions自动部署应用到自己的服务器(ECS) 发表于 2020-01-04 | 分类于 Node 最近折腾了一段时间的Github Actions,踩了不少坑,最后成功实现了自动部署到自己的服务器上。Github Actions是Github上一个类似于持续集成的功能,它允许你在一些节点上(如提交代码,特定时间等)触发一些操作。我们这里就利用它来实现自动部署应用到自己的服务器。 自动部署个人博 ... 阅读全文 »
Three.js教程(4):相机 发表于 2019-12-23 | 分类于 Three.js 相机这部分的内容并不是很多,Three.js主要支持两种相机,一种是PerspectiveCamera即透视投影摄像机,另一种是OrthographicCamera即正交投影摄像机。两种相机都是继承自Camera对象,Camera对象又是继承自Object3D。 透视投影摄像机透视投影摄像机(Pe ... 阅读全文 »