OYlan_-CSDN博客

原创标签坐标问题—局部、世界坐标

关于模型标签问题中模型世界坐标的获取问题

2024-03-07 17:04:57 245

原创 CSS3渲染器CSS3DRenderer.js和CSS3模型

通过CSS3渲染器和模型可以把HTML元素像Threejs的网格模型Mesh或精灵模型Sprite一样去渲染

2024-02-25 10:30:00 2170 1

原创 CSS2DRenderer—HTML元素作为模型标签

threejs扩展库CSS2渲染器，通过CSS2渲染器不需要自己再进行坐标计算变换，该模块已经封装，简而言之就是通过CSS2渲染器库很容易实现把HTML元素作为模型的标签。

2024-02-24 10:00:00 486

原创 Canvas作为精灵或网格模型标签的贴图

threejs可以使用精灵模型或者平面网格模型作为模型标签，为了显示模型的信息，可以用一张图片作为精灵或平面网格模型的颜色贴图，也可以在canvas画布上绘制好要表达的几何图形、文字等信息，比如进度条，然后作为精灵或平面网格模型的颜色贴图。

2024-02-23 15:30:00 1022 1

原创模型标签——Canvas技术介绍

模型标签——Canvas技术介绍

2024-02-23 10:00:00 488 1

原创 HTML/CSS实现一个好看的UI效果

在实际的项目中，一般需要UI设计出效果图，然后前端通过代码实现该设计效果，我们可以通过threejs代码去写，也可以通过canvas、SVG或普通HTML/CSS去写。下面是使用HTMl和CSS代码实现一个UI设计效果。上面全部HTMl和CSS代码的基本结构。坐标变化计算得到UI界面的屏幕坐标。

2024-02-22 15:30:00 518 1

原创 HTML元素标签位置更新

把HTML元素作为模型标签，如果模型位置或相机Camera参数变化了需要根据模型新的位置或相机新的参数重新计算模型标签的屏幕坐标。

2024-02-22 10:00:00 219 1

原创 HTML元素作为模型的标签

HTML元素作为模型的标签

2024-02-21 15:30:00 351

原创模型标签——精灵模型对象Sprite

模型标签——精灵模型对象Sprite

2024-02-21 09:30:00 205

原创模型标注——平面网络模型Mesh

模型标注——平面网络模型Mesh

2024-02-20 14:27:48 269

原创将数据处理成树结构

将两个有关联的数组处理成树结构

2023-12-22 12:09:16 418

原创在项目中安装依赖报net::ERR_ABORTED 504错误

在项目中安装依赖报net::ERR_ABORTED 504错误

2023-12-04 15:53:01 985 1

原创精灵图（雪碧图）：缓解服务器压力，加快页面加载速度

精灵图（雪碧图）：缓解服务器压力，加快页面加载速度

2022-06-13 20:14:14 107 1

OYlan_的博客