前端哥

CSS3D.js 项目教程

2024-11-05CSS3D.js 项目教程 CSS3D.js CSS 3D renderer for Three.js. 项目地址: https://gitcode.com/gh_mirrors/cs/CSS3D.js ...

https://www.qianduange.cn//article/20000.html 分类:前端知识

【基础】Three.js的零基础入门篇(附案例代码)

2024-10-29在使用Three.js时,初学者需要了解如何从零开始创建一个简单的3D场景。以下是创建步骤和一些注意点: 1. 初始化基本组件每个Three.js场景需要几个核心组件:场景(Scene)、相机(Camera)和渲染器(Renderer)。_threejs

https://www.qianduange.cn//article/19517.html 分类:前端知识

基于vue3.x与 Three.js模拟地球内部结构

2024-10-13该文章介绍了如何结合Vue3.x框架和Three.js库来创建一个地球内部结构的可视化展示,特别是利用热力图技术来呈现温度分布。首先,通过生成随机温度数据,然后计算每个点的XY坐标,接着用drawCircular函数绘制辐射圆以表示温度。最后,通过createPalette函数创建颜色条并根据温度值映射颜色,生成最终的热力图效果。

https://www.qianduange.cn//article/18886.html 分类:前端知识

Three.js 开发者工具教程

2024-10-13Three.js 开发者工具教程 three-devtools Three.js devtools 项目地址: https://gitcode.com/gh_mirrors/th/three-devtools ..._Three.js开发工具

https://www.qianduange.cn//article/18873.html 分类:前端知识

十五、CSS3DObject和CSS2DObject的区别

2024-09-30本文详细介绍了在Three.js0.138.3版本中,CSS3DObject和CSS2DObject标签在实现3D场景时的相似点和区别,着重于场景缩放行为。CSS2DObject适用于不随场景缩放改变大小的需求。

https://www.qianduange.cn//article/18819.html 分类:前端知识

Uniapp中Three.js初使用(加载fbx或者glb)

2024-09-28创建控件对象,这步主要是为了可以手动控制3D旋转,放大缩小等效果。创建轨道控件(这一步是为了3D效果自旋转)设置光源 (我这边设置的是四束光源)根据不同的文件类型使用不同的方法导入。页面引入Three.js。创建Three.js场景。_uniapp threejs

https://www.qianduange.cn//article/18680.html 分类:前端知识

Three.js】控制生成多个护罩(防御罩、金钟罩、护盾)及标签效果

2024-09-27本次实现我们依然依赖 Three.js。位置生成与检测:生成多个护罩的位置,并确保它们之间保持一定的距离,不会重叠。Three.js 场景管理:在场景中添加多个护罩,并保持其动画效果。通过以上步骤,我们成功生成了多个不重叠的护罩,并为每个护罩添加了动态效果。护罩之间保持一定的距离,并且在生成时防止重叠。你可以通过修改护罩的颜色、位置和动画参数来调整效果。在接下来的博客中,我们将探讨如何进一步增强这些护罩的视觉效果,比如添加更多炫酷的飞线特效或是让护罩在受到攻击时产生更具冲击力的视觉反馈。_threejs守望先锋护盾制作

https://www.qianduange.cn//article/18556.html 分类:前端知识

探索CSS 3D渲染的无限可能:CSS3D.js

2024-09-21探索CSS 3D渲染的无限可能:CSS3D.js CSS3D.js CSS 3D renderer for Three.js. 项目地址: https://gitcode.com/gh_mirrors/cs/CSS3D.js ..._css 3d渲染器

https://www.qianduange.cn//article/18491.html 分类:前端知识

Three.js 纹理贴图 - 环境贴图 - 纹理贴图 - 透明贴图 - 高光贴图

2024-09-21描述几何体的顶点坐标描述纹理贴图的坐标位置关系是一一对应的,每一个顶点位置对应一个纹理贴图的位置根据纹理坐标将纹理贴图的对应位置裁剪映射到几何体的表面上。0, 0, 0, //顶点1坐标100, 0, 0, //顶点2坐标0, 100, 0, //顶点3坐标]);0, 0, //顶点1对应位置的纹理坐标uv1, 0, //顶点2对应位置的纹理坐标uv0, 1, //顶点3对应位置的纹理坐标uv]);_Three.js 贴图

https://www.qianduange.cn//article/18468.html 分类:前端知识

cesium实战目录必看

2024-09-12**从业5年gis行业开发人员,一直从事GIS相关工作5年左右,主要涉及三维和地图可视化等内容。对Cesium,Three.js,webGL等二三维开发框架的了解和运用还算勉强说的过去 。** 下面是专栏中的案例总览,目录暂时还没有!** 填挖方分析(支持地形和模型) 填挖方分析 包络图效果 echarts饼图效果 echarts折_cesium 流动线(尾迹线)

https://www.qianduange.cn//article/18199.html 分类:前端知识

106条数据,当前1/11

最近搜索

会员中心 联系我 留言建议 回顶部