百度地图和高德地图的开发者中心提供了丰富的在线地图服务,虽然有一定的权限限制,依然是特别方便的工具,先放上这两个在线地图开放平台的web API的地址链接:百度地图开放平台高德地图开放平台    基于这两个平台,本文介绍其中一项技术,如何用folium包绘制城市道路图,当然,也可绘制非城市道路图,只要提供正确的路名就行了。开发工具            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-04 22:24:54
                            
                                120阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、建模软件     3D美术常用的三维建模软件,比如Blender、3damx、C4D、maya等等Blender(轻量、免费、开源)3damxC4Dmaya     机械相关:SW、UG等      建筑相关:草图大师、revit2、GLTF格式简介 (Web3D领域JPG)Khronos Group组织            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-12 21:41:48
                            
                                37阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            本文简介
本文介绍 Three.js 的基础方法:监听材质加载。
在 《Three.js 基础纹理贴图》 里介绍了如何给图形贴图,贴图前需要先把纹理加载好。我们基于这篇文章继续讲解如何监听材质加载成功或者失败。
<br>
<br>
监听单个材质
我们使用 TextureLoader 的 load() 方法加载纹理时,第一个参数传入纹理的路径,之后还可以多接受3个函数类型的参            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-10-27 22:50:11
                            
                                92阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            纹理 需要const texture = textureLoader.load(url);texture.flipY = false;textur            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-14 10:11:56
                            
                                2288阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            使用`FileLoader`和`DracoLoader`加载            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-12 10:02:47
                            
                                241阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html>    <head>        <script type="text/javascript" src="libs/three.js"></script>        <script type="text/javascript" src="libs/OBJLoader.js">&l            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-24 18:13:16
                            
                                3809阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            注意: TrackballControls.js 和 TDSLoader.js 都引用了 three.module.js,特别注意引用的路径 比如: 直接代码咯            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-11-21 16:04:00
                            
                                467阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1、安装插件npm install three --save-devnpm install three three-orbitcontrolsnpm install three three-obj-mtl-loader stats-js2、import * as Three from 'three'  import { GLTFLoader } from 'three/examples/jsm/l            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-11 09:41:53
                            
                                1868阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            孪生场景编辑器(NSDT)
://ted.sinoccdc./通过加载高程数据(dem),显示地形高低起伏,达到良好的立体展示效果;Three.js能够通过设置一系列坐标点的高度,构建成面的形式,显示高程数据。实现方式:使用Three.js的PlaneGeometry进行实现,PlaneGeometry是一个平面几何的效果,设置长度和宽度值,形成一个方形的范围,按照API的定义            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                            精选
                                                        
                            2023-03-03 17:32:59
                            
                                1044阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            一、SET集合    set集合是无序的,不重复的。    1.创建第一种:s1 = {"123","456"}     #集合用大括号包起来,字符串用逗号隔开第二种:li = [11,22,33]s2 = set(li)#当执行set()的时候,实际上是调用set的__init__来对li里边的元            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2016-07-03 18:10:57
                            
                                745阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            现在市面上的3D模型有上百种,每一种的格式都有不同的用途,不同的功能和复杂程度。尽            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-01-30 16:26:21
                            
                                619阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            这个就比较简单了,在我的这个系列文章一里代码已经包含:这里单独抄出来: // 加载模型	 (function(){		 //const loader = new GLTFLoader().set            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-28 16:36:21
                            
                                641阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在现代Web开发中,结合Python和Three.js可以实现强大的3D可视化效果。本篇博文将详细介绍如何使用Python调用Three.js进行高效的图形渲染,包括环境准备、集成步骤、配置详解、实战应用、排错指南以及性能优化。
## 环境准备
首先,确保你已经安装了Python和Node.js。接下来,我们需要使用pip和npm来安装所需的库。以下是依赖安装指南:
```bash
# 跨平            
                
         
            
            
            
            ## Python与Three.js:构建交互式3D可视化
### 简介
在数据分析和可视化领域,3D图形是一种有力的工具,它可以为数据提供更丰富的视觉表达和更深入的理解。Python是一种强大的编程语言,提供了许多用于数据分析和可视化的库,而Three.js是一个用于在Web浏览器中创建3D图形的JavaScript库。
本文将介绍如何使用Python和Three.js来构建一个交互式的3            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-10 06:58:53
                            
                                1170阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            3D编辑器格式 用于特定应用程序(主要是3D编辑器):. .blend (Blender), .max (3d Studio Max), .mb and .ma (Maya), etc... 交换格式 有.OBJ, .DAE (Collada), .FBX.等格式。它们被设计出来用于3D编辑器之间交 ...            
                
         
            
            
            
            记:Three20(简称:TT)是Facebook维护的一个开源iPhone应用框架。框架封装了一系列视觉控件,网络组件,和工具方法。最近使用TT重构了一个app,这个app在1万行规模使用的是原生代码,架构非常简单。增长到2万行规模,这个原生的架构已经疲于应付迅速变化的业务需求,因此我们采用TT进行了重构。这里,简单介绍一下使用TT开发的app采用了怎样的架构,以及开发过程中的经验和教训。 ap            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-26 11:34:22
                            
                                59阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1、简介
1.1 Three.js
Three.js 是一个功能强大的 3D 图形库,用于在网页上创建和显示交互式 3D 图形。它基于 WebGL,提供了简单易用的 API,帮助开发者快速构建复杂的 3D 场景。
npm install three
1.2 React Three Fiber
React Three Fiber 是一个 React 的绑定库,用于在 React 应用中创建和管理