threejs基础

使用Three.js渲染器创建炫酷3D场景

而Three.js，作为一款功能强大且广受欢迎的JavaScript3D库，为我们提供了便捷、高效的途径来创建令人炫目的3D场景。

·2025-03-21 16:48

初探 Threejs 物理引擎CANNON，解锁 3D 动态魅力

简介Cannon.js是一个基于JavaScript的物理引擎，它可以在浏览器中模拟物理效果。它支持碰撞检测、刚体动力学、约束等物理效果，可以用于创建逼真的物理场景和交互。参考文档官方示例原理Cannon.js使用了欧拉角来表示物体的旋转，而不是四元数。这使得它在处理旋转时更加直观和易于理解。Cannon.js还支持多种碰撞检测算法，包括离散碰撞检测和连续碰撞检测。Cannon.js还支持多种约束

伶俜Monster·2025-03-20 01:50

分布式事务3PC解决了2PC哪些问题？

三阶段提交（3PC，Three-PhaseCommit）是对二阶段提交（2PC，Two-PhaseCommit）的改进，旨在解决2PC的一些固有缺陷，特别是在分布式系统中的容错性和性能问题。

java干货仓库·2025-03-19 21:50

使用 WebP 优化 GPU 纹理占用

WebP格式相比JPEG/PNG文件更小，可以减少GPU纹理内存占用，提高WebGL/Three.js/3D渲染的性能。为什么WebP能减少GPU内存占用？

泫凝·2025-03-18 14:45

Node.js和webpack入门-个人学习笔记

Node.js-入门Node.js基础概念Node.js是一个跨平台JavaScript运行环境，是开发者可以搭建服务器端的JavaStript应用程序。

ksmswq·2025-03-18 08:16

探索SwiftUI架构：模型视图、Redux与ViewModel MVVM

探索SwiftUI架构：模型视图、Redux与ViewModelMVVMSwiftUI-ArchitecturesThreedifferentarchitectures(Model-View,Redux

蓬玮剑·2025-03-18 02:28

SwiftUI 架构项目教程

SwiftUI架构项目教程SwiftUI-ArchitecturesThreedifferentarchitectures(Model-View,Redux,MVVM)forusingSwiftUIimplementedattheexampleofachatapp

惠焰凡·2025-03-18 02:57

基于多向量检索器的多模态RAG实现：用于表格、文本和图像

我们将发布threenewcookbooks，展示在包含混合内容类型的文档上使用RAG的多向量检索器。这些cookbooks还提出了一些将多模态LLM与多向量检索器配对以解锁图像上的RAG的想法。

lichunericli·2025-03-17 21:44

学习threejs，dds格式图片文件贴图

要在Three.js中使用DDS格式的图片文件作为贴图，你需要加载和解析该文件，并将其应用于你的模型或材质。

2301_81121233·2025-03-17 17:21

Vue CLI 构建移动端购物商城实战

文章详细解析了Vue.js基础、VueCLI3的项目配置、组件化开发、Vuex状态管理、VueRouter路由管理、移动端适配、热重载与开发服务器配置，以及生产环境优化等关键知识点，对于提升Vue.js

凌莫凡·2025-03-17 04:08

ThreeJs中使用lil-gui无法改变其所属父元素

项目场景：之前一直在研究Threejs，遇到一个很头疼的问题！

一只程序熊·2025-03-16 00:49

Python的*args和**kwargs

简单来说args表示的是一个元组，而kwargs表示的是一个字典Python函数参数(PythonFunctionArguments)Pythonallowsustodefinethreetypesofargumentsforafunction

taoqick·2025-03-16 00:14

Three.js 阴影 (Shadow) 知识点整理

阴影主要由castShadow和receiveShadow控制，并通过不同类型的光源(DirectionalLight、SpotLight、PointLight)生成。我们将系统地整理与阴影相关的知识点。1️⃣基础概念castShadow：物体是否投射阴影。receiveShadow️：物体是否接收阴影。renderer.shadowMap.enabled=true✅：全局开启阴影渲染。rende

泫凝·2025-03-15 22:34

webgl threejs 云渲染(服务器渲染、后端渲染)解决方案

云渲染和流式传输共享三维模型场景1、本地无需高端GPU设备即可提供三维项目渲染云渲染和云流化媒体都可以让3D模型共享变得简单便捷。配备强大GPU的远程服务器早就可以处理密集的处理工作，而专有应用程序，用户也可以从任何个人设备查看全保真模型并与之交互。2、云流媒体实现多终端联动共享价值更高在项目应用场景中，在大屏、电脑、平板、手机和其它移动终端，可以实现多屏联动、远程协助，三维云流化让客户访问时可以

allenjiao·2025-03-15 11:06

Threejs 实现 VR 看房完结

效果：threejs3dVr看房gitee地址：threejs-3d-map:1、threejs实现3d地图效果链接：https://blog.csdn.net/qq_57952018/article/

多喜乐长安宁·2025-03-15 03:24

Threejs 实现3D 地图（07）3d 地图完结

当然项目中也有我不懂的（借鉴其他博主的思路强行实现）3d地图完结gitee地址：threejs-3d-map:threejs实现3d地图效果包含

多喜乐长安宁·2025-03-15 03:23

React篇之three渲染

需求：拖拽右侧面板，里面的three模型能够自适应import{useEffect,useState,useRef}from'react'import'.

这个一个非常哈·2025-03-14 17:57

Python, Springboot 开发基于人类指令生成机器人3D可视化动态模型app

##技术栈概述###前端-**框架**：React.js或Vue.js（用于构建用户界面）-**3D可视化**：Three.js或React-Three-Fiber（用于

Geeker-2025·2025-03-14 05:28

SQL三级模式

文章目录三级模式的详细描述SQL如何支持三级模式1.支持内部模式2.支持概念模式3.支持外部模式示例总结问题讲解——SQL是如何支持三级模式的在数据库系统中，三级模式（Three-SchemaArchitecture

飘若随风·2025-03-14 00:22

python数据处理与分析

:'Colorado'],name='state'),columns=pd.Index(['one','two','three'],n...

聆一·2025-03-13 20:01

造价算量审图多元化融合软件开发实战：技术架构与核心代码解析

CAD模型解析引擎（支持Revit/DWG文件一键导入）智能算量核心算法（基于规则引擎与机器学习）协同审图平台（多人实时标注与版本控制）AI辅助决策系统（材料价格预测、工程量误差检测）技术栈推荐：前端：Three.js

夏末之花·2025-03-13 10:38

【threejs实战教程一】初识Three.js，场景Scene、相机Camera、渲染器Renderer

Three.js是一个基于WebGL的JavaScript3D图形库，用于在浏览器中创建和显示3D内容Three.js中最基础的三个关键要素就是场景Scene、相机Camera、渲染器Renderer通俗一点理解

编码七号·2025-03-12 10:26

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

推荐频道