threejs教程

Three.js进阶之粒子系统（一）

Three.js提供了多种粒子系统，下面介绍粒子系统一、Sprite粒子系统使用场景：下雨、下雪、烟花ce使用代码：varmaterial=newTHRESS.SpriteMaterial();//创建材质
ch_s_t·2025-06-04 12:30

svg的制作与动态效果的开发使用

svg也可作为数据可视化开发使用，比Three耗能低，但效果和复杂度不建议太高。下面是关于SVG的制作和动态效果实现的简单开发过程：文章目录一、SVG制作方式1.**手动编写SVG**2.
香蕉可乐荷包蛋·2025-06-04 12:30

three.js对css2dobject元素新增，删除，监听点击事件

新增import{CSS2DObject}from'three/addons/renderers/CSS2DRenderer.js'exportdefaultfunctioncreateCameraCss2d
是云呀！·2025-06-04 09:08

Three 之 three.js （webgl）CSS2DObject 添加文字按钮等并与OrbitController / html button 等交互冲突的简单使用说明整理

Three之three.js（webgl）CSS2DObject添加文字按钮等并与OrbitController/htmlbutton等交互冲突的简单使用说明整理目录Three之three.js（webgl
仙魁XAN·2025-06-04 09:37

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

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

TypeDom与threejs：3D全景室内装饰应用的架构设计与实现分析

github地址：https://github.com/xjf7711/decoration装饰应用(Decoration)是一个基于TypeScript和Three.js构建的交互式3D全景室内装饰查看器
xjf7711·2025-06-03 12:28

如何在 Vue.js 中集成 Three.js —— 创建一个旋转的 3D 立方体

在这篇文章中，我将向大家展示如何将Three.js与Vue.js结合，创建一个简单的3D场景，并展示一个旋转的立方体。
技术需要沉淀gogo·2025-06-03 04:08

day06

第一题https://leetcode.cn/problems/actors-and-directors-who-cooperated-at-least-three-times/submissions/
linux-hzh·2025-06-02 23:27

three.js学习笔记(二十二)——混合HTML和WebGL

/style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/Orbi
weixin_43990650·2025-06-02 02:29

JavaScript篇：解密ES6的“藏宝图“：Set和Map的奇妙冒险

在我的技术栈中，除了常见的前端开发技术，我还擅长3D开发，熟练使用Three.js进行3D图形绘制，并在虚拟现实与数字孪生技术上积累了丰富的经验，特别是在虚幻引擎开发方面，有
2501_91285621·2025-06-01 16:47

vue+threeJs 绘制3D圆形

今天主要和大家分享的主题是“vue+threeJs绘制圆形”。今天找到一个用three.js绘制图形的项目，主要是用来绘制各种形状。
资深前端之路·2025-05-31 22:06

CesiumInstancedMesh 实例

CesiumInstancedMesh实例import*asCesiumfrom'cesium';//Three.js风格的InstancedMesh类,https://threejs.org/docs
力博荣三维可视化·2025-05-31 21:02

vue+threeJs 生成一个圆柱体

今天主要和大家分享的主题是“vue+threeJs生成一个圆柱体”。案例示例图1.CylinderGeometry定义：创造一个圆柱体。
资深前端之路·2025-05-31 11:51

【深度剖析】Vue+高德地图+Three.js打造无人车实时监控系统

版本间互相切换的时候会有问题，于是给项目的地图版本版本升了级，现在全部使用高德2.0的scriptjsapi组件，目前看效果要比1.4更好看项目概述本文将深入分析一个使用Vue.js、高德地图API和Three.js
狗八先生~~·2025-05-31 11:20

css和js3d粒子,升级版ThreeJS 3D粒子波浪动画

升级版ThreeJS3D粒子波浪动画2020-04-1223:07:221307编程开发效果图升级版demo2：改变粒子的形状demo2升级版demo1：改变粒子大小，颜色demo1ThreeJS官方示例
赖明星·2025-05-31 11:19

LineBasicMaterial

常用于THREE.Line或THREE.LineSegments几何体。构造函数(Constructor)构造函数参数描述LineBasicMaterial(parameters?
3D虚拟工厂·2025-05-31 07:54

Material

Material3D虚拟工厂在线体验描述THREE.Material是Three.js中所有材质的基类，定义了物体表面的渲染属性（如颜色、纹理、光照响应、透明度和混合模式等），控制几何体在场景中的视觉表现
3D虚拟工厂·2025-05-31 07:53

How To Read A Paper

THEThree-PassAPPROACHThefirstpass(5-10minutes)浏览文章，有一个大体印象。仔细阅读标题、摘要和介绍；阅读章节标题（section）和小
weixin_33866037·2025-05-28 13:52

vue+ThreeJs 创建过渡圆圈效果

今天主要和大家分享的主题是“vue+ThreeJs创建过渡圆圈效果”。今天在做着色器过渡效果练习，发现出现了很多新的函数，这些都超出了js之外，需要更多的掌握和学习。以下是自己的复盘和梳理。
资深前端之路·2025-05-28 10:58

vue+threeJs 设置模型默认的旋转角度

今天主要和大家分享的主题是“vue+threeJs设置模型默认的旋转角度”。今天主要对设置模型默认的旋转角度，来展示模型的视角。通常在一些3d模型展示的时候，可以用到。
资深前端之路·2025-05-28 09:53

【前端】【ThreeJs】一篇文章全解ThreeJs，成为ThreeJs高手

第一章Three.js简介1.1Three.js概述1.1.1定义与背景1.定义Three.js是一个基于WebGL的JavaScript3D库，它为开发者提供了简单易用的API，使得在网页上创建和展示
患得患失949·2025-05-27 20:19

组合API-生命周期函数

推荐学习：Vue2Vue3Vue2/3项目实战Node.js实战Three.js鸿蒙开发使用备注：仅供学习交流严禁用于商业用途，若发现侵权内容请及时联系作者更新进度：持续更新内容个人名片：每篇文章最下方都有加入方式
魔术师ID·2025-05-27 17:27

使用 Three.js 精灵模型 (Sprite) 实现 3D 标签效果

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI智简未来、晓智元宇宙
贵州数擎科技有限公司·2025-05-27 12:59

3D电影的原理

3D成2010CES最大热点3D就是three-dimensional的缩写，意思就是三维图形，在1839年英国科学家查理-惠斯顿爵士根据“人类两只眼睛的成像是不同的”发明了一种立体眼镜，让人们的左眼
weixin_30654583·2025-05-27 06:50

JavaScript篇：解密ES6的“藏宝图“：Set和Map的奇妙冒险

在我的技术栈中，除了常见的前端开发技术，我还擅长3D开发，熟练使用Three.js进行3D图形绘制，并在虚拟现实与数字孪生技术上积累了丰富的经验，特别是在虚幻引擎开发方面，有
江城开朗的豌豆·2025-05-27 01:49

如何开始学习前后端？收藏这篇就够了。最适合新手学习的前后端开发学习路径。初学者入门指南，零基础入门到精通。

前端开发：构建用户界面的基石1.基础入门：HTML+CSS+JS（3小时前端入门教程）2.框架进阶：Bootstrap（优极限Bootstrap教程）3.核心深化：JavaScript高级（黑马程序员JS
2301_77640853·2025-05-26 06:03

520浪漫特辑：用JavaScript打造抖音风3D照片墙

浪漫特辑用JavaScript打造抖音风3D照片墙520浪漫特辑：用JavaScript打造抖音风3D照片墙随着520这个充满爱意的日子临近，我们为你准备了一个特别的礼物——通过JavaScript和three.js
龙唯荷Britney·2025-05-26 04:22

＜uniapp＞＜threejs＞在uniapp中，怎么使用threejs来显示3D图形？

发文平台CSDN环境配置系统：windows平台：visualstudiocode、HBuilderX（uniapp开发）语言：javascript、html、vue库：three.js概述本文研究一下在
机构师·2025-05-25 21:00

three.js创建地球仪

Three.js是一个使用webGL创建3d图形的JavaScript库。主要用于3d图形可视化。本篇文章以创建地球仪的例子，展示three.js的使用。
前端御书房·2025-05-25 18:39

threejs生成3d地图

Three.js是一个使用webGL创建3d图形的JavaScript库。主要用于3d图形可视化。本篇文章以创建3d地图的例子，展示three.js的使用。
前端御书房·2025-05-25 18:39

Python print 函数详解

end='\n',file=sys.stdout,flush=False)2.参数详解2.1位置参数(*objects)可以接受任意数量的对象对象会被转换为字符串后输出示例：print(1,2.0,"three
门前灯·2025-05-25 15:24

python字典如何判断是否存在某个值,如何检查字典中是否存在值（python）

Ihavethefollowingdictionaryinpython:d={'1':'one','3':'three','2':'two','5':'five','4':'four'}Ineedawaytofindifavaluesuchas"one"or"two"existsinthisdictionary.Forexample
weixin_29722785·2025-05-25 03:32

基于three开发的开源引擎ThreeMap

转眼从事three开发很多年了，并且也在公司中封装了很多引擎，用于项目中，提升了项目中的复用性，也为公司节省了大量的成本。
threelab·2025-05-23 16:10

shader 圆形水波纹效果 threejs vue3

import*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import
小猫猫改bug·2025-05-23 10:54

vue+threeJs 生成烟花效果

今天主要和大家分享的主题是“vue+threeJs生成烟花效果”。今天在找找three,js项目进行练习，主要寻找的是生成烟花的效果。今天主要对整个项目的构建过程进行复盘。
资深前端之路·2025-05-21 03:01

uniapp vue 开发微信小程序 分包梳理经验总结

如微信小程序加载echart，three.js等。以下是一些关于如何在UniAppVue开发微信小程序中进行分包的经验总结。1.主
资深前端之路·2025-05-21 03:28

React集成百度【JSAPI Three】教程（001）：快速入门

文章目录1、快速入门1.1创建react项目1.2安装与配置1.3静态资源配置1.4配置百度地图AK1.5第一个DEMO1、快速入门JSAPIThree版本是一套基于Three.js的三维数字孪生版本地图服务引擎
文理棵·2025-05-20 14:39

从零开始学习three.js（18）：一文详解three.js中的着色器Shader

在WebGL和Three.js的3D图形渲染中，着色器（Shader）是实现复杂视觉效果的核心工具。
前端小崔·2025-05-20 14:37

【three.js】Shader着色器

目录原始着色器材质RawShaderMaterial塑料质感（PlasticShader）和动画质感（ToonShader）着色器的类型顶点着色器VertexShadermain函数gl_Position位置属性Positionattributes矩阵限定变量Matricesuniforms片元着色器FragmentShadergl_FragColor属性Attributes限定变量Varying
咔咔库奇·2025-05-20 14:05

系统架构设计（八）：三层架构

什么是三层架构（Three-TierArchitecture）三层架构是将系统分为三大逻辑层：表示层（Presentation）、业务逻辑层（BusinessLogic）、数据访问层（DataAccess
却道天凉_好个秋·2025-05-18 18:13

学习threejs，使用Physijs物理引擎，各种constraint约束限制

⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️Physijs物理引擎1.1.1☘️代码示例1.1.2☘️核心方法/属性1.1.3☘️网格对象1.1.4☘️约束1.1.4☘️约束、材质
gis分享者·2025-05-17 09:44

搭建第一个three.js 示例

搭建第一个three.js示例在正式认学习three之前，可以先跟着做几个demo，这样可以对three有一个初步的认识，这样就可以在后续学习中，有个大纲，也可以在开发中知道去哪里找对应的点，去哪里找问题
.伊泽瑞尔·2025-05-17 06:26

11.three官方示例+编辑器+AI快速学习webgl_buffergeometry_glbufferattribute

本实例主要讲解内容这个Three.js示例展示了如何使用**自定义WebGL缓冲区对象(VBO)**创建高性能的粒子系统。
threelab·2025-05-17 06:54

ThreeJS开发者手册：从入门到精通

学习目录第一部分：Three.js入门基础3D图形的基本概念3D坐标系与视角几何、材质和光照的基础初始设置与开发环境浏览器与WebGL基础Three.js项目搭建创建第一个Three.js场景基本几何体与网格创建创建立方体
莲华君·2025-05-15 19:17

Three 之 three.js （webgl）使用BufferGeometry (CPU) 根据位置和移动向量简单实现持续生成运动的简单粒子particle运动效果

Three之three.js（webgl）使用BufferGeometry根据位置和移动向量简单实现持续生成运动的简单粒子particle运动效果目录Three之three.js（webgl）使用BufferGeometry
仙魁XAN·2025-05-14 09:29

22.three官方示例+编辑器+AI快速学习webgl_buffergeometry_uint

本实例主要讲解内容这个Three.js示例展示了如何使用Uint类型的BufferAttribute创建高效的大规模3D场景。
threelab·2025-05-14 09:58

20.three官方示例+编辑器+AI快速学习webgl_buffergeometry_rawshader

本实例主要讲解内容这个Three.js示例展示了如何使用RawShaderMaterial创建自定义着色器，实现高级的图形渲染效果。
threelab·2025-05-14 09:57

21.three官方示例+编辑器+AI快速学习webgl_buffergeometry_selective_draw

本实例主要讲解内容这个Three.js示例展示了如何通过着色器选择性绘制技术高效控制大量线条的可见性。
threelab·2025-05-14 09:57

16.three官方示例+编辑器+AI快速学习webgl_buffergeometry_lines_indexed

本实例主要讲解内容这个Three.js示例展示了如何使用**索引几何体(IndexedGeometry)**创建复杂的分形线条图案。
threelab·2025-05-14 09:27

three.jss官方案例（animation / skinning / blending）webgl_animation_skinning_blending.html学习记录

目录1打印动画2全部脚本和注释1打印动画2全部脚本和注释three.jswebgl-animation-skinninga{color:#f00;}three.js-SkeletalAnimationBlending
hemy1989·2025-05-14 09:27
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他