- 博客(13)
- 收藏
- 关注
RSS订阅原创 CSS3渲染器CSS3DRenderer.js和CSS3模型
通过CSS3渲染器和模型可以把HTML元素像Threejs的网格模型Mesh或精灵模型Sprite一样去渲染
2024-02-25 10:30:00
2384
1
原创 CSS2DRenderer—HTML元素作为模型标签
threejs扩展库CSS2渲染器，通过CSS2渲染器不需要自己再进行坐标计算变换，该模块已经封装，简而言之就是通过CSS2渲染器库很容易实现把HTML元素作为模型的标签。
2024-02-24 10:00:00
566
原创 Canvas作为精灵或网格模型标签的贴图
threejs可以使用精灵模型或者平面网格模型作为模型标签，为了显示模型的信息，可以用一张图片作为精灵或平面网格模型的颜色贴图，也可以在canvas画布上绘制好要表达的几何图形、文字等信息，比如进度条，然后作为精灵或平面网格模型的颜色贴图。
2024-02-23 15:30:00
1128
1
原创 HTML/CSS实现一个好看的UI效果
在实际的项目中，一般需要UI设计出效果图，然后前端通过代码实现该设计效果，我们可以通过threejs代码去写，也可以通过canvas、SVG或普通HTML/CSS去写。下面是使用HTMl和CSS代码实现一个UI设计效果。上面全部HTMl和CSS代码的基本结构。坐标变化计算得到UI界面的屏幕坐标。
2024-02-22 15:30:00
850
1
原创 HTML元素标签位置更新
把HTML元素作为模型标签，如果模型位置或相机Camera参数变化了需要根据模型新的位置或相机新的参数重新计算模型标签的屏幕坐标。
2024-02-22 10:00:00
248
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人