threejs学习笔记

js学习笔记（1）-函数中的this

以下为我个人的学习笔记，是从我自己比较能够理解的方面对this进行的解读，可能会有误解或不够全面。this是什么this在JS中是一个“指针型变量”，它动态指向当前函数的运行环境，即代指当前函数的运行环境。普通函数中的this：谁调用指向谁//全局functioncool(){console.log(this)}cool()//window，相当于window.cool()//函数中的thisva
雪碧就是好喝·2025-02-16 14:20

使用 Three.js 实现炫酷的除夕烟花特效

在Web端，我们可以使用Three.js来模拟这种美轮美奂的烟花特效，让网页也能展现绚丽的节日气息。本文将介绍如何利用Three.js及其着色器技术，创建一个动态的烟花爆炸效果。
软件工程师文艺·2025-02-16 10:48

使用ThreeJS实现的宇宙大爆炸3D粒子特效思路，原理和关键代码解析

目录1，引言2，技术实现2.1，初始化环境2.2，粒子生成与属性设置2.3，粒子运动与模拟宇宙膨胀2.4，后处理效果3，动画与用户交互4，优化与性能5，结论1，引言在本文中，我们将深入探讨如何利用Three.js
软件工程师文艺·2025-02-16 10:48

玫瑰花瓣粒子效果实现原理解析

本文将详细介绍如何利用Three.js实现一个基于玫瑰花瓣形状的粒子动画效果，并对代码中的关键部分做详细解析。文章内容条理清晰、语言平实，适合各位前端开发爱好者学习参考。
软件工程师文艺·2025-02-16 10:48

如何使用Three.js制作3D月球与星空效果

目录1.基本设置2.创建星空效果3.创建月球模型4.添加中文3D文字5.光照与相机配置6.动画与控制7.响应式布局8.结语在本文中，我们将一起学习如何利用Three.js实现一个3D月球与星空的效果，并添加一些有趣的元素
软件工程师文艺·2025-02-16 09:13

在vue中使用threejs

前言：记录在vue中使用threejs步骤：一、安装npminstallthree--save安装完成如下图：二、引入//引入threejs核心模块import*asTHREEfrom"three"//
慢步者_rambler·2025-02-15 22:46

基于 Vue +three.js +Photo Sphere Viewer + 高德地图实现 VR 效果

需求背景随着科技的进步，虚拟现实（VR）技术在家居行业的应用越来越普遍。我们项目的目标是通过结合VR看房和实时场景展示，提升用户的体验，用户可以在家中便能身临其境地感受房屋的空间布局和氛围。此外，我们希望通过高德地图提供的标记点功能，帮助用户快速定位感兴趣的区域。业务这边想要实现右边链接的效果阿里云付费全景图，类似VR看房，支持360°x360°任意旋转，支持自定义添加标注，支持切换场景等功能，效
VueVirtuoso·2025-02-15 21:09

GENDER AND SEX IN THE MEDIA

worth25%)DUEFEB.24by11:59p.m.toA2LDropBox(under“Assignments”)ASSIGNMENTQUESTIONSPleaseselectoneofthethreequestionsbelow.DUE
·2025-02-14 22:05

数字科技3D全景展厅

项目效果：基于vue3+threejs展厅3D可视化项目介绍：数字科技3D全景展厅,实现展厅室内720度全景漫游观看，点击展厅内的展品弹出框，图片被放大显示，以及实现点击具体展品，实现飞行定位到该展品前观察
jnfy·2025-02-14 04:03

three.js 低代码， 组态，封装编辑器实现降本增效

学习基础three.js案例预览地址：https://z2586300277.github.io/three-cesium-examples国内站点预览：http://threehub.cngithub
2201_75964656·2025-02-13 16:16

Redis教程(八)：Redis中zSet类型的常用命令

传送门：Redis教程汇总篇，让你从入门到精通zSet操作：往zSet有序集合中添加数据，1，2，3代表权重，one，two，three代表数据zaddmyzset1one2two3three查询zSet
ThatMonth·2025-02-13 06:00

大学英语精读第三版（第五册）学习笔记（原文及全文翻译）——7B -Three Days to See（假如给我三天光明）

Unit7B-ThreeDaystoSeeThreeDaystoSeeHelenKellerSometimesIhavethoughtitwouldbeanexcellentruletoliveeachdayasifweshoulddietomorrow.Suchanattitudewouldemphasizesharplythevaluesoflife.Weshouldliveeachdaywi
预见未来to50·2025-02-11 09:33

探索TroisJS：结合ThreeJS与VueJS 3的前端3D开发新星

探索TroisJS：结合ThreeJS与VueJS3的前端3D开发新星trois✨ThreeJS+VueJS3+ViteJS⚡项目地址:https://gitcode.com/gh_mirrors/tr
平列金Hartley·2025-02-10 19:14

推荐开源项目：TresJS - 壮大的Vue + ThreeJS 搭建3D场景库

推荐开源项目：TresJS-壮大的Vue+ThreeJS搭建3D场景库项目地址:https://gitcode.com/gh_mirrors/tr/tres在Web开发的世界里，结合Vue的便捷性和ThreeJS
秋或依·2025-02-10 19:43

TresJS：用Vue组件构建3D场景的新选择

TresJS作为一款基于Three.js的Web3D开发框架，以其强大的功能和简洁的API，为开发者提供了一个高效、便捷的开发平台。今天，就让我们一起走进TresJS的世界，探索它的魅力所在。
z止于至善·2025-02-10 18:41

3D Web轻量化引擎HOOPS Communicator与Three.js对比分析

在众多解决方案中，HOOPSCommunicator和Three.js是两个非常受到关注的挑战欢迎使用3D引擎，但它们的功能停留和适用场景存在明显差异。
工业3D_大熊·2025-02-09 11:03

使用 Three.js 实现雪花特效

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术演示地址：下雪特效开源项目
贵州数擎科技有限公司·2025-02-09 06:23

uniapp中使用threejs加载几何体

我的建议是使用这个库https://github.com/deepkolos/three-platformize为什么？
青阳zi·2025-02-08 22:27

记录一下，uniapp中使用three.js遇到glb模型加载不了的问题

1.这几天在写uniapp项目时，需要使用three.js加载三维模型。
灯塔水电工·2025-02-08 22:56

blender gltf文件_来自Blender Exporter的GLTF的Three.js动画

我正在尝试使用GLTF和Three.js,我有一段时间试图让动画工作.我的最终目标是能够在Blender中创建关键帧动画网格,将它们导出到GLTF,并在基于Aframe的WebVR场景中使用它们.然而,
weixin_39912566·2025-02-06 01:53

Three 之 three.js （webgl）基础 第二个入门案例之汽车模型加载和简单模型展示

Three之three.js（webgl）基础第二个入门案例之汽车模型加载和简单模型展示目录Three之three.js（webgl）基础第二个入门案例之汽车模型加载和简单模型展示一、简单介绍二、实现原理三
仙魁XAN·2025-02-06 00:21

Three.js + React + Echart(折线图 光线流动效果，柱状图数据动态更新动画) + Svga-Web应用之数据大屏(适配1920*1080 2560*1440 3840*2160)

Web应用之数据大屏一、技术栈React17.0.0搭建脚手架Eahcrt常规图表Svga动画3D模型-Three.Js大屏适配-目标大屏(4K-3840*2160)二、React17.0.0脚手架搭建
ConstSuccess·2025-02-04 11:41

React + three.js 3D模型面部表情控制

系列文章目录React使用three.js加载gltf3D模型|three.js入门React+three.js3D模型骨骼绑定React+three.js3D模型面部表情控制React+three.js
买药弟弟·2025-02-04 10:39

【Three.js+React】教程001：绘制简单的盒子

文章目录React整合Three.js创建项目绘制一个简单的盒子添加坐标辅助器React整合Three.js在React中结合Three.js进行3D开发，可以使用React+Three.js+@react-three
叁拾舞·2025-02-04 10:05

【Three.js+React】教程002：添加lil-gui控制器和加载GLTF模型

文章目录添加lil-gui加载gltf模型添加lil-gui安装lil-gui：npminstalllil-gui实现代码：functionRotatingBox(){constmeshRef=useRef();
叁拾舞·2025-02-03 23:08

threejs起步学习之创建旋转立方体并随时停止和控制旋转

先放官网文档threejs官网点击en切换为中文，然后点击创建第一个场景，页面就全部变成中文啦。
·2025-02-03 13:00

Three.js 后期处理（Post-Processing）详解

二、Three.js后期处理的工作流程2.1创建EffectComposer2.2添加渲染通道（RenderPass）2.3应用最终渲染三、后期处理实现示例3.1基础代码四、常见的后期处理效果4.1辉光效果
山楂树の·2025-02-02 21:41

寒假刷题Day19

一、923.三数之和的多种可能classSolution{public:intthreeSumMulti(vector&arr,inttarget){constintMOD=1'000'000'007;
komo莫莫da·2025-02-02 14:22

寒假刷题Day18

classSolution{public:intthreeSumClosest(vector&nums,inttarget){ranges::sort(nums);intans,n=nums.size(
komo莫莫da·2025-02-02 13:49

Three.js + GIS：打造三维地理信息系统的教程

Three.js+GIS：打造三维地理信息系统的教程Three.js是构建WebGL3D应用的强大工具，而结合GIS（地理信息系统）后，可以实现炫酷的三维地理可视化效果。
全栈探索者chen·2025-02-02 12:08

html5 webgl stl,新闻|Babylon.js|Babylon.js教程|Babylon.js开发|Babylon.js制作|webgl|three.js|html53D可视化开发...

4.0.0主要更新添加了对ammo.js的支持，作为物理插件(复合对象，电机，关节)(TrevorDev)Added在ammo.js物理插件中增加了对3D软体，2D布和1D绳索的软体的支持(JohnK)添加了AmmoJSPlugin场景文件加载器(MackeyK24)添加了对WebXR支持(TrevorDev)添加customAnimationFrameRequester以允许会话挂钩到引擎的渲染
miao君·2025-01-31 04:09

TCP为什么要三次握手，握手过程中丢包会怎么样？

Theprinciplereasonforthethree-wayhandshakeistopreventol
zpv2jdfc·2025-01-30 23:00

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

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

算法-三数之和

functionthreeSum(nums){//用于存储最终结果的数组constresult=[];//首先对数组进行排序，方便后续操作nums.sort((a,b)=>a-b);constn=nums.length
不停留·2025-01-30 07:45

无穷大功率电源matlab仿真,MATLAB-Simulink系统建模与仿真-实验报告

******实验一无穷大功率电源供电系统三相短路仿真1.1无穷大功率电源供电系统仿真模型构建运行MATLAB软件，点击Simulink模型构建，根据电路原理图，添加下列模块：(1)无穷大功率电源模块(Three-phaseso
知书达·2025-01-30 03:19

Python3 【函数】：见证算法的优雅与力量

二、算法实现使用if-elif-else语句实现defmax_of_three(a,b,c):ifa>=banda>=c:returnaelifb>=aandb>=c:returnbelse:returnc
李智 - 重庆·2025-01-29 13:25

【Spring】Spring 解决循环依赖的 3 种方式

原文：http://www.javastack.cn/article/2020/spring-cycle-depends-on-three-ways/循环依赖就是N个类中循环嵌套引用，如果在日常开发中我们用
九师兄·2025-01-28 00:20

Three.js实战项目02：vue3+three.js实现汽车展厅项目

文章目录实战项目02项目预览项目创建初始化项目模型加载与展厅灯光加载汽车模型设置灯光材质设置完整项目下载实战项目02项目预览完整项目效果：项目创建创建项目：pnpmcreatevue安装包：pnpmaddthree
叁拾舞·2025-01-27 22:06

ThreeJS实现波纹粒子效果

今天我们来用ThreeJS的库实现一个波纹粒子效果，我们用到的ThreeJS的库有CanvasRenderer.js，OrbitControls.js，Projector.js，stats.min.js
weixin_30500473·2025-01-27 20:23

利用 Three.js 实现 3D 粒子正方体效果

在这篇文章中，我将向大家展示如何使用Three.js创建一个带有粒子的3D正方体效果。通过这段代码，我们将能够在浏览器中渲染一个3D正方体形状，并且该正方体内部填充了大量粒子（可视化效果）。
软件工程师文艺·2025-01-27 19:19

three.js中文字符随机生成旋转动画

Three.js随机中文字符生成旋转动画body{margin:0;}canvas{display:block;}{"imports":{"three":"https://cdn.jsdelivr.net
一粒马豆·2025-01-26 09:42

threejs——无人机概念切割效果

主要技术采用着色器的切割渲染，和之前写的风车可视化的文章不同，这次的切割效果是在着色器的基础上实现的，并新增了很多可调节的变量，兄弟们，走曲儿~线上演示地址，点击体验源码下载地址，点击下载正文从图中大概可以看出以下信息，一个由线组成的无人机模型，一个由粒子组成的无人机模型，那么这些粒子、线都是从一个无人机的gltf模型中提取出来的，无人机模型由很多个小的Mesh组成的一个大的group，那么为了着
孙华鹏·2025-01-25 22:40

Three.js学习笔记(一)

Three.js学习笔记(一)1.四大组建1.场景任何要显示的东西，放在场景的任何位置一个页面可以有多个场景实现方式THREE.Scene=function()2.相机浏览器中所能看到的东西，就是由相机拍摄出来
hzxwonder·2025-01-25 22:08

three.js+WebGL踩坑经验合集总目录

(1):THREE.Line无故消失的元凶(2):3D场景被相机裁切后，被裁切的部分依然可以被鼠标碰撞检测得到（射线检测）目录更新中...
iloveas2014·2025-01-25 21:06

Three.js学习笔记

1.three.js的引入进入官网Three.js–JavaScript3DLibrary，下载文件解压文件，复制three.js-master\build\three.min.js文件在项目中，引入该文件
癫狂de痴梦·2025-01-25 17:00

Three.js实战项目01：vue3+three.js实现圣诞动画贺卡项目

文章目录创建项目加载模型设置天空与水设置天空设置水纹添加点光源相机位置和文字切屏添加星星完整代码下载创建项目创建vue3项目【christmas-app】：npminitvite@latest安装两个库：npminstallthree
叁拾舞·2025-01-24 22:46

threejs学习笔记：CSS2DObject 2d文字渲染

import{CSS2DRenderer,CSS2DObject}from"three/examples/jsm/renderers/CSS2DRenderer.js";//2d文字渲染function_createBox1Label
九段刀客·2025-01-24 09:28

【探索前端技术之 React Three.js—— 简单的人脸动捕与 3D 模型表情同步应用】

Three.js则是一个基于JavaScript的3D图形库，能够轻松创建和渲染复杂的3D场景。当React与Three.js相遇，ReactThr
智界工具库·2025-01-24 06:02

threejs 复习笔记

import*asTHREEfrom'https://unpkg.com/three@0.157.0/build/three.module.js'import{OrbitControls}from'https
·2025-01-23 17:20

2025年前端发展趋势

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：github晓智元宇宙
贵州数擎科技有限公司·2025-01-23 03:39
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他