然后是判断边是否需要翻转的时候，我尝试用外接圆判断第四个是否在内，但太复杂了，于是就改为判断公共边的对角相加是否大于180度。数据结构很有意思，我做的是第一个点的对边就是第一条边，第一条边的对角就是第一个角，对应着第一个点。

离散模型可以将连续模型近似为任何所需的精度。 开发这样的近似值是应用数学的重要领域。 这些近似在量子力学中被广泛使用。 无法在数字计算机上对连续方程建模。 因此，离散逼近提供了解决许多问题的唯一实用方法。

弹簧是一种非常有用且基本的工具，可以表达各种动力。 在游戏和物理模拟中，我广泛地使用着它们。它们非常适合进行lerps 或 transitions (with under/overshoot).。 它们还是移动刚性体的理想工具-阻尼弹簧在数学上等效于PD控制。

源码： 作者：john hollen 源码：[链接] 最终效果不是特别漂亮，但作者给出了详细的笔记，这就是收录这项源码的原因。 记笔记：TNM084，是Linköping University 的图像处理课程，github上有20有关多个项目，容易学习。 以下是对原作者笔记的翻译。 项目介绍 该项目由JohnHollén（johho982）在LinköpingUniversity的TNM08...

源码： 源码下载：[链接] 官方文档：[链接] 这是一款github上一个star目前超过8k的前端人脸识别和图像识别项目。 人脸识别示例： 摄像头颜色检测示例： examples文件夹里还包括其他的示例，可自行探索。下面是对官方文档的翻译。 文档翻译 这些文档将帮助你介绍trackingj.js里的核心概念，所有这些你都可以在例子的源码...

源码： 源码作者：jam3 下载地址：[链接] 这是一个很好的如何在threejs中使用自定义shader的入门教程。 若github下载太慢，可可关注公众号"实用图形学游玩指南及源码"，回复“tsh1”使用国内网盘下载。 下面的内容翻译自readme.md WebGL 课程 — ThreeJS Shaders 在这堂课里，我们将学习如何在THREEJS中使用片段和顶点着色...

源码： 源码作者：fivekogfx 源码地址：[链接] 官网：[链接]，上面有关于这款源码的一些说明 若github下载太慢，可翻到本文章结尾，使用国内网盘下载。 介绍： 这是一款简单的在浏览器上运行的图片视频处理器，用到了webgl和自定义shader。所有源码加起来约70kb，适合进阶学习者。废话不多说，直接进入文件结构吧。 inde...

效果： 图标列表可打开/关闭，可拖拽主图标。 使用foundation-icons.css的图标系统，这个系统有超多常用图标，不用再自己找了。 使用jquery-ui.min.js来实现拖拽。 使用anime.js实现移动动画。anime.js内置超多动画选项，再也不用自己一个个去css里设计了，只要传传参即可。 使用jquery，但并无复杂逻辑，上手难度：简单...

效果： 弧形菜单，文字按规则变形以及变换透明度 简单的javascript，上手难度：简单 欢迎来我的博客看此文章： [链接] 源码： 演示地址：[链接] 源码：[链接] 学习笔记： text-decoration: 最主要的功能就是给文字加上附着在文字底部，上方，或者中间的线（删除线)。参考：[链接]none默认。定义标准的文本。underline定...

效果： 逼真的火焰跟随鼠标，还冒出火花，照亮背景文字 使用canvas绘制 使用javascript，但并无复杂逻辑。上手程度：简单 欢迎来我的博客看此文章： [链接] 源码： 演示地址:[链接] 源码已在下方给出,或者访问github代码仓库[链接] 学习笔记： google字体 在上一篇中已讲过。好看漂亮的html5网页特效学习笔记(3)_猜猜下...

效果： 根据给出的两个连续颜色，玩家需要猜出下一个是什么颜色 随机关卡 使用vw,vh,vmin,vmax来屏幕自适应 很难玩 html+css+javascript，但js很短并不难，上手难度：简单 欢迎来我的博客看此文章： [链接] 源码： 演示地址：[链接] 源码文件：[链接] 学习笔记 使用google字体 这段用来导入google一种名叫Pacifico的字体...

特点： 根据不同评分显示不同表情，并且这些表情看起来像是在一个传送带上可以滚动 使用纯代码(svg)绘制表情以及用于评分的星星 html+css，无javascript，上手难度：很简单 欢迎来我的博客看此文章：[链接] 源码： 效果演示：[链接] 源码：[链接] 学习笔记 flex 布局使用flex，这是一种自适应屏幕的布局。注意align-item...

效果 鼠标触碰按钮，出现水墨风格动画 屏幕自适应 一份html文件，一份css文件，无javascript，上手程度：很简单 欢迎来我的博客看此文章：[链接] 源码 演示地址：[链接] 源码：[链接] 笔记 :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示元素，除了优先级更高之外，与 html 选择器相同。 box-sizin...