Three - 程序员宅基地

vue 使用 threejs 实现实景看房效果 demo

关于这个 threejs 实现 VR 看房效果也超级简单，只需要提供一个思路的话就可以了其实，首先需要一个房间结构的贴图，这个贴图网上有，当然找个合适的也不好找，我找了一上午在别人的 demo 里面扣了一张出来，代码都...

Three.js——一、初识Three以及基础的前端场景搭建(结尾含源码)

给模型添加标签时需要准标签部分从本章开始会从最初的搭建场景模型开始到插入精灵图部分结尾，便于刚入门three而不知如何去学起的前端工程师去学习，这里可以学到场景搭建的基础知识，引入外部模型以及动画，对模型...

threejs教学课程文档.zip

01 Three.js简介 02 初始化Three.js项目 03 编写HelloThreejs 04 添加一些自适应 05 Three.js基础之图元 06 图元练习示例 07 图元之3D文字 08 Three.js基础之场景 09 Three.js基础之材质 10 Three.js基础之纹理 11 ...

Three.js零基础入门教程(2023版本)

标签： Three.js Threejs WebGL

在正式学习Three.js之前，先做一些必要的准备工作，具体说就是下载threejs官方文件包，threejs官方文件包提供了很多有用的学习资源。下载three.js文件包解压后，你可以看到如下目录(不同版本会略有差异)。对于开发者...

three.js 基础认识与简单应用

标签：前端 three.js

three.js 基础认识与简单应用

Three.js和其它webgl框架

标签： three.js webgl

什么是WEBGL？ WebGL (Web图形库) 是一种JavaScript API，用于在任何兼容的Web浏览器中呈现交互式3D和2D图形，而无需使用插件。...（MDN简介）在我的理解，WebGL给我们提供了一系列的图形接口，能够让我们通过js去...

threejs写的一些特效

标签： threejs

threejs写的一些特效

three.js基础几何体：立方体，球，圆柱的绘制

标签： three.js画立方体 three.js画球体 three.js画圆柱体

学习交流欢迎加群：789723098，博主会将一些demo整理共享 ...我觉得three.js不应对一些基础性的东西介绍太多，因为其是基于WenGL开发的第三方库，如果延伸下去那就会没完没了，这也违背了three.js开发的初衷(为...

用three.js在网页实现3D模型的展示

作者 |林智超__来源 | https://www.jianshu.com/p/0798a76121af最近在做一个在网页端展示3D模型的项目，现在简单介绍一下怎么实现功能。首先，下载...

threejs-map:在Threejs中嵌入Openlayers地图

标签： JavaScript

threejs-map 在Threejs中嵌入Openlayers地图快速开始 npm install npm run start 说明实现了在Threejs场景中添加Openlayers地图 Openlayers地图元素作为Threejs的css3d对象置入scene 在平移、缩放、旋转操作时，...

三维模型-three.js-PCD模型文件，用于three.js显示pcd文件

标签： three.js

适用于three.js显示pcd模型文件，找不到pcd文件

three.js 弹窗html页面示例

标签： javascript html

three.js 弹窗html页面示例，可用于3d模型点击弹窗显示

THREE.WebGPURenderer：实验Three.js WebGPU渲染器

标签： javascript threejs graphics 3d webgpu 3DJavaScript

然后我可能会停止更新此项目，而改为为Three.js官方做出贡献。三.WebGPU渲染器实验Three.js WebGPU渲染器 / 通过Chrome Canary上的chrome：// flags打开＃enable-unsafe-webgpu进行演示。链接

threejs设置宽度线例子

标签： threejs 带宽度线动态箭头线

threejs 生成带宽度线，动态连续的箭头线

ThreeJS加载glb模型实用案例

标签： THREEJS WEBGL

ThreeJS加载glb模型实用案例，抽取官网的例子。

threejs操作glb，gltf格式3D模型案例，包含点击部位高亮操作

标签： threejs glb三维

threejs操作glb，gltf格式3D模型案例，包含点击部位高亮操作，控件提示等，也可直接引入到vue项目中使用

threejs全国3d地图

标签： 3d

threejs全国3d地图

Threejs生成地图板块和城市建筑白模

标签：城市建筑模型地图板块 three.js

Threejs生成地图板块和城市建筑白模

three.js 智慧城市模型

标签： three.js

three.js 智慧城市模型

30多套threeJS 天空盒素材

标签：天空盒

30多套threeJS 天空盒素材

ThreeJS版本WEB3D汽车展厅在线网页3D交互展示源码

标签：汽车 3d 交互

包括的功能： 1.采用全景酷炫背景，非常酷炫; ... ... 4.汽车内部有内饰，包括导航触摸屏，座椅等， ...注意:threejs版本比较低，本地预览请用火狐浏览器，谷歌浏览器需要localhost/127.0.0.1 服务器配置下运行才有效果。

基于THREE.JS的3d农业大棚.zip

标签： three.js

基于ThreeJs的3D农业大棚模拟远程监测系统

threejs实现三维饼图

标签： threejs canvas

这个时候可以考虑用threejs来实现功能。使用示例： var cubic = new Cubic.PieChart("WebGL-output", { width: 400, height: 300, thickness: 5,//厚度 radius: 30,//半径 colors: [0xffffff, 0xff00ff, 0...