threejs基础

three.js 鼠标点击获取模型对象

three.js创建模型后，想要实现点击模型获取模型对象触发相应事件。可以使用它提供的APITHREE.Raycaster()https://threejs.org/docs/index.html?

lucky_zouzou·2025-03-11 07:18

three.js 在 webGL 添加纹理

在我们生成了3D设计之后，我们可以添加纹理使其更加吸引人。在webGL和p5.js中，可以使用gl.texImage2D()和texture()API来为形状应用纹理。使用webGL在webGL中，gl.texImage2D()函数用于从图像文件生成2D纹理。该函数接受许多参数，包括目标，细节级别，内部格式，图像的宽度和高度，以及图像数据的格式和类型。为了方便，我将使用vite搭建一个原生js项目

belldeep·2025-03-11 01:28

Python 课课练 (八)：函数课后练习题

目录一、函数课后练习题练习前置知识ChapterOne:开启Python之旅ChapterTwo:Python语言基础、运算符与表达式、程序的控制结构合集ChapterThree:Python序列之字符串操作详解

Amo Xiang·2025-03-10 17:29

linux GTK 多进程

分三个文件，分别是创建进程到主函数threeProc.c、建立子进程窗口的函数procBar.h和另外一个畸形窗口创建函数showImage.h。

SillyBenzhu·2025-03-10 07:18

【通俗易懂】三次握手与四次挥手

1.三次握手三次握手（Three-wayHandshake）是指在建立一个TCP连接时，客户端和服务器会一共发送三个报文段。

小玄ｋｓ·2025-03-09 19:14

Geo3D建筑材质切换+屋顶纹理

一、简介基于Threejs开发封装建筑渲染管线，利用简单二维建筑矢量面轮廓程序化生成3D建筑，支持材质一键切换，支持多样化建筑墙面材质和屋顶材质，支持建筑透明，支持地形高程适配，支持按空间范围裁剪挖洞等

苹果园dog·2025-03-08 09:22

threejs:射线拾取封装

射线拾取封装代码：import*asTHREEfrom'three';//点击事件//1.坐标转化(鼠标单击的屏幕坐标转标准设备坐标)//2.射线计算(通过鼠标单击位置+相机参数计算射线值)//3.射线交叉计算

粉末的沉淀·2025-03-08 03:54

LeetCode-Hot100-006三数之和

代码本次代码来自于力扣官方题解评论区，非本人原创，请注意classSolution{publicList>threeSum(int[]nums){Arrays.sort(nums);//先排序List>

YQ_ZJH·2025-03-07 08:22

threejs学习之环境光和点光源

官方示例：//添加环境光constlight=newTHREE.AmbientLight(0x404040);//柔和的白光scene.add(light);点光源，从一个点散发出的光，相当于灯泡，可以设置颜色

旅行中的伊蕾娜·2025-03-07 04:19

Three.js 入门(补间动画Tween.js)

如果你使用three.js开发web3d项目，使用tween.js辅助three.js生成动画效果也是比较好的选择。1.1)引入tween.Jsimp

庸俗今天不摸鱼·2025-03-06 21:11

Three.js（0.165.0）入门到实战

Three.js是什么？Three.js是一款开源的主流3D绘图JS引擎（名字Three就是3D的含义）。

郭宝·2025-03-06 21:35

Three.js windows 环境搭建

要在Windows环境下搭建three.js开发环境，你需要遵循以下步骤。这里我将分别提供环境搭建、示例代码和一些常见错误及其解决方案。

恋恋西风·2025-03-06 21:05

ThreeJS入门（140）：THREE.Mouse 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS

还是大剑师兰特·2025-03-06 20:01

VUE项目引入Threejs加载模型文件

资源引入npmithree-js组件内使用引入：import*asTHREEfrom"three";//引入Threejsimport{GLTFLoader}from"three/examples/jsm

BUSTER丨·2025-03-06 04:15

如何为 Web 前端开发面试做好准备

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智科技

贵州数擎科技有限公司·2025-03-06 04:13

使用 Three.js 创建动态光效

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙

贵州数擎科技有限公司·2025-03-06 04:43

Threejs实现加载loading动画

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智科技

贵州数擎科技有限公司·2025-03-06 04:09

三数之和四数之和反转字符串反转字符串||

#includeusingnamespacestd;vector>ThreeSum(vector&num){vector>result;sort(num.begin(),num.end());for(inti

默默修炼的小趴菜·2025-03-05 22:25

Vue.js 学习笔记

文章目录前言一、Vue.js基础概念1.1Vue.js简介1.2Vue.js的特点1.3Vue.js基础示例二、Vue.js常用指令2.1双向数据绑定（`v-model`）2.2条件渲染（`v-if`和

剑走偏锋o.O·2025-03-05 17:39

js基础二

JavaScript基础下1事件处理JS事件（event）是当用户与网页进行交互时发生的事情，例如单机某个链接或按钮、在文本框中输入文本、按下键盘上的某个按键、移动鼠标等等。当事件发生时，您可以使用JavaScript中的事件处理程序（也可称为事件监听器）来检测并执行某些特定的程序。一般情况下事件的名称都是以单词on开头的，例如点击事件onclick、页面加载事件onload等。下表中列举了一些J

才不是小emo的小杨·2025-03-05 05:07

粒子代码模块

overflow:hidden;background:#000;}canvas{position:absolute;top:0;left:0;width:100%;height:100%;}import*asTHREEfrom"https

倾听醉梦语·2025-03-05 02:04

TCP三次握手四次挥手详解与相关面试题

一、TCP三次握手（Three-WayHandshake）目的：建立可靠的全双工通信通道，确保客户端与服务端都能正常发送和接收数据。

重生之我在成电转码·2025-03-05 01:53

判断三个数中的最大数

#includeintmain(){//1.首先要有这三个数字,所以先创建三个变量doublenumber_one,number_two,number_three,max;//输入第一个数while(1

莫西子诗.·2025-03-05 00:46

024：vue+threeJS 创建多面几何体（PolyhedronGeometry）

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第024个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共98行）五、相关文章参考一、

还是大剑师兰特·2025-03-04 09:26

WebGL开发：ThreeJS从入门到精通

前言：ThreeJS——开启3DWeb世界的钥匙欢迎来到ThreeJS的奇妙世界！

莲华君·2025-03-04 09:25

threeJs+vue 添加控制面板gui，修改几何体和页面的背景色

今天主要和大家分享的主题是“threeJs+vue添加控制面板gui，修改几何体和页面的背景色”。在现代Web开发中，创建引人入胜的交互式3D内容已成为提升用户体验的关键因素之一。

资深前端之路·2025-03-03 04:07

Vue.js 全面技术指南

目录1.Vue.js基础入门1.1脚手架安装1.2基础指令使用v-bind动态绑定v-model双向绑定1.3条件渲染2.核心概念详解2.1计算属性与监听器2.2Methods方法2.3Filters过滤器

2301_81335708·2025-03-02 18:54

Nodejs基础使用Elasticsearch(二)

／*链接到elasticsearch数据库*／varelasticsearch=require('elasticsearch');varclient=newelasticsearch.Client({host:'192.168.1.107:9200',log:'error'});1.统计索引数据：client.count({index:['telegram_message','telegram_u

小黑前端攻城狮·2025-03-02 10:13

如何在简历中巧妙展现你的兴趣爱好

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智元宇宙

贵州数擎科技有限公司·2025-03-01 06:40

使用 Three.js 转换 GLSL 粒子效果着色器

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙

贵州数擎科技有限公司·2025-03-01 05:38

Three.js 材质对象Material对应的着色器Shader代码

点材质PointsMaterial：顶点着色器文件points_vert.glsl、片元着色器文件points_frag.glsl基础网格材质MeshBasicMaterial：顶点着色器文件meshbasic_vert.glsl、片元着色器文件meshbasic_frag.glsl高光网格材质MeshPhongMaterial：顶点着色器文件meshphong_vert.glsl、片元着色器文件

山楂树の·2025-03-01 01:35

ThreeJS入门（036）：THREE.RawShaderMaterial 知识详解，示例代码

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS

还是大剑师兰特·2025-02-28 22:15

深入浅出 Vue.js：从基础到进阶的全面总结

目录Vue.js基础Vue实例模板语法计算属性和侦听器组件系统组件基础父子组件通信插槽VueRouter路由基础动态路由匹配嵌套路由Vuex状态管

多年以后_·2025-02-28 02:11

解读 Uniapp：从入门到精通的底层原理

解读Uniapp：从入门到精通的底层原理一、前言二、Uniapp与Vue.js的关系2.1Vue.js基础回顾2.2Uniapp对Vue.js的继承与扩展三、Uniapp的组件系统3.1组件的基本概念与创建

xcLeigh·2025-02-27 12:50

Three.js 加载GLTF模型

要在three.js中正确加载和显示GLTF模型，需要遵循一系列步骤来确保模型的纹理和材质被正确应用。

小白菜学前端·2025-02-26 02:06

DragControls拖拽插件优化：从指定平面到任意平面

现状：Threejs官方demo提供了DragControls.js平面拖拽控件，但只能拖拽Object在垂直于相机法线的平面上移动目标场景：在六面体空间盒子中沿着六面体平面拖拽物体，并且需要限制在盒子内部已知

·2025-02-25 20:20

mesh threejs 属性_threejs 材质

一、材质种类：MeshBasicMaterial：为几何体赋予一种简单的颜色，或者显示几何体的线框MeshDepthMaterial：根据网格到相机的距离，该材质决定如何给网格染色MeshNormalMaterial：根据物体表面的法向量计算颜色MeshFaceMaterial：这是一种容器，可以在该容器中为物体的各个表面上设置不同的颜色MeshLambertMaterial：考虑光照的影响，可以

一璇·2025-02-25 18:09

Three.js基础入门系列（四）

01、Three.js中的基本要素：网格（Mesh）当我们拥有了几何体模型和材质之后，我们需要通过一个网格（Mesh）将两者结合起来，创建我们正在的拍摄对象。

骨灰级收藏家·2025-02-25 17:35

提升职场沟通能力的七大秘诀

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智元宇宙

贵州数擎科技有限公司·2025-02-22 16:11

关于uniapp使用renderJS中调用父类方法和参数的使用

首先，页面这样下：加载中:{{loadingProgress}}%exportdefault{name:'threeModel',props:{modelUrl:{type:[String],default

Little_Code·2025-02-22 15:36

【面试题】Node.js高频面试题

简述Node.js基础概念？Node.js是一个基于ChromeV8引擎的JavaScript运行环境。

城仕·2025-02-22 11:04

前端面试题】—53道常见NodeJS基础面试题（附答案）

Node.js是一个不错的选择，它是基于JavaScript语法的一套服务器端（后端）语言。想要在企业中做得更好，开发者需要更多地了解它，并掌握它的有关用法。1、你了解Node.js吗？Node.js是一个基于Chromev8引擎的服务器端JavaScript运行环境；Node.js是一个事件驱动、非阻塞式I/O的模型，轻量而又高效；Node.js的包管理器npm是全球最大的开源库生态系统。2、N

秋の本名·2025-02-22 11:58

QUESTION 60、Adaptive plans

WhichthreestatementsaretrueaboutadaptiveSQLplanmanagement?

黄继生 jisen·2025-02-22 01:02

(十九) THREE.Material 知识详解

THREE.Material是Three.js中的一个基类，用于定义三维物体的外观属性，如颜色、纹理、透明度等。

阿铎前端·2025-02-21 22:30

学习threejs，使用MeshBasicMaterial基本网格材质

⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️THREE.MeshBasicMaterial二、使用MeshBasicMaterial基本网格材质1.☘️实现思路2.

gis分享者·2025-02-21 12:04

斐波那契数列模型：在动态规划的丝绸之路上追寻斐波那契的足迹（下）

n-th-tribonacci-number/description/1.2题目分析：1.3思路讲解：1.4代码实现：二.三步问题2.1题目链接：https://leetcode.cn/problems/three-steps-problem-lcci

诚丞成·2025-02-21 08:38

在 Vue 2 中使用 Three.js 导入本地 3D 模型

引言Three.js是一个流行的JavaScript库，它能够帮助开发者轻松地在Web页面上创建3D内容。而Vue.js作为前端框架，可以与Three.js结合，构建交互式3DWeb应用。

cherryzm88·2025-02-20 23:39

threejs将stl文件格式类型转为drc压缩文件类型

前言项目中通过添加文件后，将stl格式的模型文件加载到场景中，后续发现stl格式文件太大，普遍是十几兆，最后研究出将stl格式文件转为drc格式文件加载，场景加载模型的过程只需要几秒即可，接上来上代码//整个项目是vue3+js的项目，通过vite进行打包，使用的pinia来替代的vuex，因为vuex已经很久没更新最新版本了，pinia是尤大神推荐的库，小伙伴可以了解下，使用方法类似但是更为简便

ccc陈陈陈·2025-02-20 23:05

cesium（vue）一些面试问题（包含Three.js）

1.在不同的应用场景和技术栈中，模型加载方法和格式有所不同，下面主要从Web前端三维场景（使用Three.js和cesium）使用Three.js加载模型常见模型格式及加载方法GLTF/GLB格式格式特点

GIS瞧葩菜·2025-02-20 17:16

uniapp邪门事件

很久之前在这篇《THREEJS在uni-app中使用（微信小程序）》：THREEJS在uni-app中使用（微信小程序）_uni-app_帶刺的小葡萄-华为开发者空间中学到了如何在uniapp的微信小程序里接入

岑梓铭·2025-02-20 05:30

推荐频道