事情是这样的，前段时间`外包工头`老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色。

大家好，这里是 CSS 魔法使——alphardex。 平时我们见过很多的图片悬浮和滚动特效，大部分是用CSS和SVG实现的，但是有一种特效它们绝对实现不了——扭曲特效。为何？CSS擅长直线型变换，而SVG擅长曲线型变换。扭曲特效则两者都不是，它是像素级变换，能做到像素级变换的…

本文是“JavaScript 线性代数”教程的一部分。 最近我完成了一篇关于使用 JavaScript 进行线性变换的文章，并用 SVG 网格实现了 2D 的示例。你可以在此处查看之前的文章。但是，那篇文章没有三维空间的示例，因此本文将补全那篇文章的缺失。你可以在此处查看本系列…

搞了三年前端，呆过几个不大的公司，做过几个不大的项目。三年来心态略显浮躁，昔日的朋友早已练就大佬之身，而我却在原地停留了很久很久。由于在前段时间离职，所以近期正在备试恶补，弄得日夜颠倒，已分不清白天黑夜。强行灌输总是那么枯燥，并且我那该死的记忆力太不争气，左脑进右脑出，所以找点…

这一章主要实现粒子效果、死亡判定以及跌落，由于时间关系并且threejs不是我主攻的方向（还是要将时间用在正儿八经的事情上），其它的功能实现会在结尾大致分析一下。 现在就不怕内存暴涨了。同时，我为每个类实现了destroy方法来避免内存问题， 接下来实现起跳和落地时的特效。 继…

Tip1: 打开后浏览器一直转圈 建筑物的贴图不显示 是网络问题 等一会儿就好 毕竟是github... 本篇虽是关于Three.js入门的文章， 但是太过入门的就不讲了，没意义，网上很多相关入门知识。本篇主要是把自己在写demo时候遇到的坑点给记录下来， 有什么不懂的直接去查…

场景可以理解为世界大舞台，相机即你的眼睛，渲染器就理解为大脑，用于将你的眼睛从世界大舞台看到的东西展示出来。 在敲代码之前，还需要解决一个问题。边界如何确定？ 既然要做动画，那就得确定边界的宽高，使爱心超出了边界就重置来达到好的性能，实现爱心的重复利用。 远近端点可以理解成你拿…

关于Three.js，网上有不多不少的零碎教程，有些过于初级，有些云里雾里，而Three.js官网上的示例逼格之高又令人望而却步，这些对于没学过计算机图形学的童鞋来说，就像入门迈槛不知先迈左脚还是右脚，兴趣使然，于是我就先双脚蹦了进去试试水...... 可以观察到成品效果：粒子…

大家好，这里是 CSS 魔法使——alphardex。 爆炸，简而言之就是大量的微粒在一定空间内进行不规则的大幅运动而形成的奇观。说到“不规则”，我们首先就能想到一个词——“噪声”。