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