当前的工作几乎和社会脱节,对于外面AI 翻天覆地的变化,我几乎一无所知。这期间出了很多新的概念,其中和我的职业息息相关的就是 vibe coding。虽然我之前也在 vscode 中和 ai 搭配写过不少代码,但是据说只有在 Cursor 中才算是真正的和 Vibe Coding。所以今天特地来尝试一下。
web前端动画学习汇总:全方位学习web动画
前端动画开发,主要有下面五种开发方向
关于JavaScript Import Maps的一切
本来是译文,原文见Everything You Need to Know About JavaScript Import Maps。就像它霸气的标题一样,本文讲了关于import maps的一切问题。本文详细的讲述了Import Maps的用法,工作原理,以及polyfill。
three.js基础学习综合复习
这是three.js学习的第20篇笔记,也是基础学习的最后一篇笔记。这篇笔记会综合复习一下已经学习过的内容。因为three.js还有很多的知识,所以这篇笔记里面还是会继续有干货出现。同时,这一篇笔记我们会重新从0到1做一个完整three.js应用。
three.js基础学习之WebGLRenderer
这是three.js学习的第19篇学习笔记。在three.js基础学习之类人造光源中我们学习了三种人造光源,分别是点光源PointLight,聚光灯SpotLight和平面光源RectAreaLight。今天学习three.js的渲染引擎WebGLRenderer。
three.js基础学习之类人造光源
这是three.js学习的第18篇笔记,在three.js基础学习之环境光源AmbientLight和three.js基础学习之平行光源DirectionalLight中,我们已经学习了两种模拟自然界本来就存在的光源,今天我们学习模仿人造光源的光源。其中的点光源PointLight模仿的是灯泡发光,聚光灯SpotLight模仿的是聚光灯,平面光源RectAreaLight模仿的是从窗户漏出去的光。
three.js基础学习之环境光源AmbientLight
这是three.js学习的第17篇笔记,在本篇中,我们将学习three.js中的环境光AmbientLight。环境光会均匀的照亮所有的物体,而不会出现阴影。就像太阳被遮住了一样。环境光的使用非常简单,只需要实例化然后加入scene中即可。
three.js基础学习之平行光源DirectionalLight
在three.js基础学习之光源的学习中,我们已经学习和知道了如何在three.js中通过构造函数创建光源,并且设置光的颜色和强度。但是,我们在案例中并没有直接使用THREE.Light进行构造,而是使用THREE.DirectionalLight。这是因为Light只是three.js中众多光源中的基类,并不能直接构造光源,构造光源还是需要具体的光源构造函数,比如我们用到的DirectionalLight。那么,现在就开始学习探索DirectionalLight,了解它的用法和使用场景。
three.js基础学习的基础代码
思来想去,我还是决定把基础代码放到一个地方,供大家参考,每次说复制上一节的代码,感觉比较麻烦。