threejs教程第5页

vue-cli3 + threejs项目的一些注意点

[部分资源来源于网络。]1.OpenGL大概许多人都有所耳闻，它是最常用的跨平台图形库。2.WebGL是基于OpenGL设计的面向web的图形标准，提供了一系列JavaScriptAPI，通过这些API进行图形渲染将得以利用图形硬件从而获得较高性能。由于出色的JavaScriptWebGLAPI,现代浏览器完全有能力在没有第三方插件帮助的情况下呈现先进的2d和3d图形。利用专用的图形处理器的性能,

队友一直叫我撤·2025-04-28 20:34

英语中的数字命名规则

.基础数字（0-20）在0到20的数字中，每个数字有独立的名称，这些名称是数字命名的基础，需要单独记忆：数字名称数字名称0zero11eleven1one12twelve2two13thirteen3three14fourteen4four15fifteen5five16sixteen6six1

大邳草民·2025-04-28 16:42

英文中数字读法规则

分数、序数词及特殊场景（如电话号码、年份、金额等）：一、基本数字（0-10）数字基数词（Cardinal）序数词（Ordinal）缩写0zero--1onefirst1st2twosecond2nd3threethird3rd4fourfourth4th5fivefifth5th6sixsixth6th7sevenseventh7th8e

shengnan_wsn·2025-04-28 16:12

WebXR教学 05 项目3 太空飞船小游戏

WebXR教学项目3太空飞船小游戏（1）准备工作自动创建package.json文件npminit-y安装Three.js3D图形库，安装现代前端构建工具Vite（用于开发/打包）npminstallthreevite

90后小陈老师·2025-04-28 11:12

力扣-面试题 03.01 三合一（C++）- 数组实现栈

题目链接：https://leetcode-cn.com/problems/three-in-one-lcci/题目如下：classTripleInOne{public:vectorvtr;intcount

JIngles123·2025-04-27 08:14

探索未来设计的门户：Chili3D——云端3D建模的新星

这款强大的工具基于TypeScript构建，巧妙融合了OpenCascade的强大几何处理能力和Three.js的渲染魔力，实现了在任何

陆汝萱·2025-04-23 23:15

Three.js（5）：基于geotiff.js与DEM生成三维地形场景

1、DEM数据准备2、引入geotiff库npmigeotiff3、使用geotiff库读取DEM数据import*asGeoTIFFfrom"geotiff";consttif=awaitGeoTIFF.fromUrl("hjq/feature/dem/dem1_108_100_84_clip2.tif");consttifImage=awaittif.getImage();constimage

碰碰qaq·2025-04-23 03:37

Power of Three

ProblemGivenanintegern,returntrueifitisapowerofthree.Otherwise,returnfalse.Anintegernisapowerofthree,

小白菜又菜·2025-04-23 00:44

学习threejs，使用EffectComposer后期处理组合器（采用RenderPass、MaskPass、ClearMaskPass、ShaderPass渲染通道）

⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️THREE.EffectComposer后期处理1.1.1☘️代码示例1.1.2☘️构造函数1.1.3☘️属性1.1.4☘️方法1.2

gis分享者·2025-04-22 12:26

A Three-Dimensional Forward-Looking Imaging Algorithm Based on 2D Iterative Adaptive Approach论文阅读

AThree-DimensionalForward-LookingImagingAlgorithmBasedon2DIterativeAdaptiveApproach1.论文的研究目标与实际问题意义1.1

青铜锁00·2025-04-20 18:23

各大网站，欢迎大家收藏转发

前端开发大系概览-中文版WebFront-endStackv2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社-精通JavaScript开发重新介绍JavaScript（JS

Android开发者小P·2025-04-20 18:50

MindFusion Pack for .NET MAUI Crack

schedulingandchartingcomponentsforWindows,Android,iOSandmacOSapps.MindFusionPackfor.NETMAUIisacomprehensivecollectionofthreep

SEO-狼术·2025-04-19 09:16

three.js学习笔记(二)——textures纹理

纹理加载器TextureLoader//初始化一个纹理加载器，然后用.load()加载纹理贴图consttextureLoader=newTHREE.TextureLoader()constcolorTexture

hongsir_12·2025-04-19 06:52

Three.js-效果合成（EffectComposer）

目录1.效果合成器（EffectComposer）1.1构造函数EffectComposer(renderer:WebGLRenderer,renderTarget:WebGLRenderTarget)1.2属性.passes:Array.readBuffer:WebGLRenderTarget.renderer:WebGLRenderer.renderToScreen:Boolean.write

HM-hhxx！·2025-04-19 05:19

Three.js中Mesh的LookAt方法

最近，Three.js的官网更新了，将原本放examples的地方改成了manual，里面是three.js的使用大合集，感兴趣的小伙伴可以刷一遍，会有很多收获！

VcB之殇·2025-04-17 19:38

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

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

还是大剑师兰特·2025-04-17 19:35

three.js中创建文字（Creating text）

创建文字（Creatingtext）1.DOM+CSS2.将文字绘制到画布中，并将其用作Texture（纹理）3.在你所喜欢的3D软件里创建模型，并导出给three.js4.three.js自带的文字几何体

BinParker·2025-04-17 19:04

Electron+Vue+ThreeJs

Electron：参考链接1，参考链接2ThreeJs：参考链接安装electron失败npmconfigedit在打开的文件中写入electron_builder_binaries_mirror=https

咕噜咕噜喵酱~·2025-04-17 11:18

网络通信---三次握手

文章目录概述第一次握手第二次握手第三次握手整体看下小结概述“三次握手”（Three-wayHandshake）是TCP/IP协议中建立一个可靠的连接时使用的一种机制。

看不透的是本质·2025-04-16 09:53

网络基础知识--9

一、TCP的三次握手和四次挥手过程三次握手所谓三次握手(Three-wayHandshake)，是指建立一个TCP连接时，需要客户端和服务器总共发送3个包。

探索未来航行现在·2025-04-14 18:37

2025年前端开发，最难的技术是哪一个？

如果你未曾涉足3D可视化应用开发，那使用Three.js进行开发可能会让你望而却步。像加载模型、调光以及实现选择模型弹框这类功能，往往需要编写上百行代码，而且还得掌握诸多复杂的3D概念。

互联网搬砖工老肖·2025-04-14 15:47

cesium加载魔方立方体

import{onMounted,ref}from'vue';import{Steps,Step}from'ant-design-vue';import*asTHREEfrom'three';import

小满blue·2025-04-12 09:32

使用 react-three-fiber 快速重构 Three.js 场景⚛️

今天，我们将更进一步，将上一篇中vite+npm传统Three.js原生代码完整重构为react-three-fiber风格✅本文将带你完成以下目标：✅使用React重构原生Three.js场景✅拆分组件化结构

sunbyte·2025-04-11 10:53

three.js 绘制3D空心圆柱体围栏（结合React）

我是通过three.js的圆柱体几何体CylinderGeometry+三维模型运算ThreeBSP的函数subtract、圆形几何体CircleGeometry结合实现。

zj靖·2025-04-10 01:55

Javascript 学习笔记（一）

Hi_KER·2025-04-09 04:06

HTML&CSS：用Three.js创造3D书本世界

页面使用了Three.js库和GSAP库来实现3D效果和动画，整体设计风格现代且具有视觉吸引力。大家复制代码时，可能会因格式转换出现错乱，导致样式失效。

前端Hardy·2025-04-08 19:05

前后端分开架构下web vuejs三维立体three曲线设计入门

import*asTHREEfrom'three';import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";import

zjqhadoop·2025-04-08 11:11

vuejs入门three曲线图设计

import*asTHREEfrom'three';import{OrbitControls}from"three/examples/jsm/controls/OrbitControls";import

zjqhadoop·2025-04-08 11:11

初识 Three.js：开启你的 Web 3D 世界 ✨

而Three.js，作为WebGL的封装库，让Web3D的大门向更多开发者敞开了。这是我开启这个Three.js专栏的第一篇文章，我们将简单认识一下Three.js，并为后续的项目开发打下基础。

SunACong·2025-04-08 10:35

探索3D世界：强大的Dart库——`three_dart`

探索3D世界：强大的Dart库——three_dartthree_dartthree.jsrewritebyDart,Dart3Dlibrary.aneasytouse,lightweight,cross-platform

姚婕妹·2025-04-07 15:05

探索three.dart：Dart语言的3D引擎

探索three.dart：Dart语言的3D引擎three.dartDartportofthree.js项目地址:https://gitcode.com/gh_mirrors/th/three.dart

宁彦腾·2025-04-07 15:05

three_dart 开源项目教程

three_dart开源项目教程three_dartthree.jsrewritebyDart,Dart3Dlibrary.aneasytouse,lightweight,cross-platform,

羿舟芹·2025-04-07 15:05

Three.js 系列专题 3：光照与阴影

Three.js提供了多种光源类型，每种光源有不同的效果和用途。本专题还将介绍如何启用和优化阴影效果，提升场景的深度感。学习目标理解不同光源类型及其应用场景。

不出名的架构师·2025-04-07 09:57

Getting started with yoeman

TheYeomanworkflowiscomprisedofthreecoretoolsforimprovingyourproductivityandsatisfactionwhenbuildingawebapp.Thesetoolsare

zltion·2025-04-06 11:39

Three.js渲染较大的模型之解决方案

文章目录Three.js渲染较大的模型解决方案视锥体剔除实例和遮挡剔除实例视锥体剔除（FrustumCulling）实例原理概述代码示例解释遮挡剔除（OcclusionCulling）实例原理概述代码示例解释

放逐者-保持本心，方可放逐·2025-04-06 04:22

【Three.js】使用vscode对threejs的代码提示

1.首先，你要安装Node.js2.在vscode的查看->集成终端中输入npminstall--save@types/three3.完成后，在my.js同级建立文件jsconfig.json空文件

奔跑的小G·2025-04-05 23:17

C++ 新特性 | C++20 常用新特性介绍

目录1、模块(Modules)2、协程(Coroutines)3、概念(Concepts)4、范围(Ranges)5、三向比较符（three-waycomparison）C++软件异常排查从入门到精通系列教程

dvlinker·2025-04-05 15:55

TCP如何做到可靠传输

以下是TCP如何实现可靠传输的详细解释：1.连接建立（三次握手）TCP使用三次握手（Three-

氏族归来·2025-04-05 04:40

如何用 Three.js 和 Vue 3 实现 3D 商品展示

文章目录一、前言二、Three.js简介三、搭建Vue3+Three.js项目3.1创建Vue3项目并安装依赖3.2创建`ThreeDViewer.vue`组件四、加载3D商品模型4.1安装`GLTFLoader

前端极客探险家·2025-04-03 17:52

“宝藏”开源项目，带你用Three.js玩转3D可视化

Three.js是一个基于WebGL的JavaScript库，它提供了一套易于使用的API用来在浏览器中创建和显示3D图形。

开源项目精选·2025-04-02 16:39

3s专业转行指南：编程与非编程就业方向

掌握编程技能：高薪技术岗的敲门砖1.GIS开发工程师核心技能：WebGIS开发（HTML/CSS/JS、Leaflet/Cesium）、三维建模（Three.js、Blender）、空间数据库管理（PostGIS

新中地GIS开发老师·2025-04-02 14:21

Threejs实现极坐标和平滑过渡特效

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

贵州数擎科技有限公司·2025-04-02 05:50

Three.js 数学工具：构建精确3D世界的基石

文章目录前言一、向量（Vectors）二、矩阵（Matrices）三、四元数（Quaternions）四、欧拉角（EulerAngles）五、颜色（Colors）六、几何体生成器（GeometryGenerators）七、随机数生成（RandomNumberGeneration）八、时间和动画（TimeandAnimation）九、光线追踪与碰撞检测（RayTracingandCollisionD

布兰妮甜·2025-04-02 05:20

THREEJS中用shader实现边框效果，附代码

最终效果如上：import{BufferAttribute,Vector3}from'three';const_vector=newVector3();exportfunctioncomputeVertexNormals

二狗哈·2025-04-01 12:15

THREEJS中的SSAOShader阴影计算

SSAO（ScreenSpaceAmbientOcclusion）：屏幕空间环境光遮蔽是一种实时计算环境光遮蔽的技术。它通过在屏幕空间内模拟环境光的散射和遮蔽，生成更真实的阴影效果。SSAO是一种效率较高的技术，通常用于实时渲染，如游戏和Web应用程序。后处理先理解一个概念：后处理后处理（Post-processing）是指在3D场景的渲染过程完成之后，对生成的2D图像进行额外处理的过程。这种处理

二狗哈·2025-04-01 12:45

09-ArcGIS For JavaScript -- 基于ThreeJS实现动态GLTF模型加载

文章目录前言一、ArcGIS如何加载GLTF1.JavaScript代码2.结果二、ThreeJS使用三、ArcGIS场景基于ThreeJS加载GLTF1.编写RenderNode引入代码2.调用RenderNode3

如影随从·2025-03-31 17:26

操作系統恐龍書第十版課後答案 ch12

12.1Statethreeadvantagesofplacingfunctionalityinadevicecontroller,ratherthaninthekernel.Statethreedisadvantages

單細胞生物·2025-03-31 12:47

立方体1+1+1

3DCubeconstscene=newTHREE.Scene();constcamera=newTHREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight

一一代码·2025-03-30 23:54

three 实现噪声山脉地形模拟

不行的话我再努努力需求背景思路实现效果noiseTerrain.vue需求背景在网上看到一个蛮好看的三维场景思路simplex-noise噪声算法实现效果noiseTerrain.vueimport*asTHREEfrom'three

柳晓黑胡椒·2025-03-29 14:46

threejs实战数字孪生园区开源（threejs+vue3+vite）

我是日拱一卒的攻城师不浪，专注前端、后端、AI学习、2D3D、GIS等学习沉淀，这是2024年输出的第10/100篇文章，欢迎志同道合的朋友一起学习交流；公众号：攻城师不浪绿泡泡：brown_7778视频效果threejs

攻城师不浪·2025-03-28 02:21

推荐频道

threejs教程