![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 85
柳杉前端
国企菜鸟,励志做一个看着钱进口袋的“前端”梦想人!
展开
-
史上最全!国内外最新免费3D模型下载网站分享!
Kenney 国外游戏创意原型资源网站。矢量图形、UI资源、3D游戏资源、sprites,非常适用于独立开发者的平台。原创 2022-11-05 22:48:50 · 4758 阅读 · 0 评论 -
图解WebGL&Three.js工作原理
能过片元着色器,我们确定好了每个片元的颜色,以及根据深度缓存区判断哪些片元被挡住了,不需要渲染,最终将片元信息存储到颜色缓存区,最终完成整个渲染。这段代码什么也没做,如果是绘制2d图形,没问题,但如果是绘制3d图形,即传入的顶点坐标是一个三维坐标,我们则需要转换成屏幕坐标。模型是什么颜色,看起来是什么质地,光照效果,阴影(流程较复杂,需要先渲染到纹理,可以先不关注),都在这个阶段处理。如上图,顶点着色器会先将坐标转换完毕,然后由GPU进行图元装配,有多少顶点,这段顶点着色器程序就运行了多少次。转载 2022-09-26 18:56:36 · 575 阅读 · 0 评论 -
[译文]在 Three.js 中创建 3D 角色
您是否希望开始在网络上使用 3D?在本教程中,我们将介绍如何使用 Three.js 创建一个 3D 角色,添加一些简单但有效的动画,以及一个生成式调色板。作者: Michelle Barker[1]Three.js是一个 JavaScript 库,用于使用 WebGL 进行 3D 绘图。它使我们能够将 3D 对象添加到场景中,并操纵位置和照明等内容。如果您是一个习惯于使用 CSS 处理 DOM 和样式元素的开发人员,那么 Three.js 和 WebGL 看起来像是一个全新的世界,而且可能有点吓人!翻译 2022-09-21 19:49:39 · 400 阅读 · 0 评论 -
CSS 定位终极指南
CSS 中的 position 属性只有几个有效值,但这些值会导致无穷无尽的设计可能性,这使得学习位置相当困难。在本文中,我将分解每个位置值并解释您需要了解的有关它们的所有信息。这甚至包括大多数文章/视频忽略的与位置相关的更晦涩的概念。...原创 2022-08-28 09:25:01 · 222 阅读 · 0 评论 -
如何在不破坏旧浏览器的情况下使用现代 CSS
❝如果你刚刚听说了最新的 CSS 特性,你很想在你的代码中使用它,但是你的老板仍然想支持旧的浏览器。通常,这将是您使用现代 CSS 功能梦想的终点,但幸运的是,情况并非如此。@supports也称为功能查询,允许您根据浏览器对给定功能的支持使用不同的 CSS 样式。这意味着您最终可以在不破坏旧浏览器支持的情况下使用现代 CSS 功能。虽然它已经很早就有了,但是很多人都不知道,所以在这里分享一下!❞。原创 2022-08-19 17:38:13 · 119 阅读 · 0 评论 -
20 多种控制台方法将为您带来革命性地调试
您可能知道该方法以及其他一些控制台方法,例如and,但实际上有超过 20 种控制台方法可供您使用。这些方法中的每一种都有自己的用例,如果您为每个用例使用正确的方法,您将大大提高调试质量。我决定将这篇文章分成 4 个不同的部分。基本日志记录格式化日志性能记录实用程序日志记录这些部分中的每一个都涵盖了一些针对总体目标的方法。这些部分还包括大量您不想错过的一般调试提示和技巧。...原创 2022-08-11 09:25:25 · 496 阅读 · 0 评论 -
Three.js贴图效果一览
纹理贴图(Textures)字面意思就是給几何体对象贴上不同的纹理图!好比于我们每天选择穿不同的衣服,我们穿不同的衣服带来的感官会有很大变化!同理几何体不同贴图的视觉效果也会有千差万别。...原创 2022-08-08 09:28:23 · 1698 阅读 · 0 评论 -
震惊,css的viewport单位新增到了24个!
CSS 过去只有四个你需要知道的视口单位,它们几乎可以涵盖所有可以想象的用例。但是,随着时间的推移和技术的变化,这四个视口单位不再足以处理所有用例。原创 2022-08-05 18:25:14 · 346 阅读 · 0 评论 -
优秀的 icon 的免费网站,看这篇就够了
很多时候找个图标找半天,我慢慢在网上查找并记录下来,时间的积累,发现自己竟然收集了这么多icon网站了,所以分享出来让大家省去搜寻的时间!原创 2022-06-26 10:48:27 · 3034 阅读 · 0 评论