threejs学习笔记

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

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

bitcoinjs学习笔记4—p2pkh、p2sh、p2wpkh地址生成

BitcoinJS学习笔记4—P2PKH、P2SH、P2WPKH地址生成大纲1.概述目标:学习如何使用BitcoinJS生成三种常见的比特币地址类型：P2PKH（Pay-to-Public-Key-Hash
EM-FF·2025-03-02 12:56

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

开发领域：前端开发|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

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

Auto.js学习笔记1：开发需要准备什么工具和编程语言知识？

什么是Auto.js?根据官方文档定义：Auto.js是一款无需root权限的JavaScript自动化软件。Auto.js是一款安卓手机的应用主要用webview，和微信一样，安装在手机上；Auto.js是开发app脚本（自动化操作、引流脚本、游戏脚本、简单app）；Auto.js脚本开发语言是JavaScript；Auto.js看作手机版本的按键精灵就全明白了，但又不能局限于按键精灵（自行补脑
PYB3·2025-02-24 08:04

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

开发领域：前端开发|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

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

开源的 Three.js 编辑器 组态低代码

官网：https://threehub.cn/editor/使用Three.js编辑器简单编辑开发历程低代码的开发是非常曲折的，尤其是早期根本没有任何参考作品或者相关的一些知识博客去引领我们去做，会经历多次的推到再到重头再来
2201_75964656·2025-02-19 11:01

java笔记——Map循环指南

1.通过entrySet遍历Mapmap=newHashMap();map.put(1,"one");map.put(2,"two");map.put(3,"three")
啊健的影子·2025-02-18 21:55

【Three.js】JS 3D library（一个月进化史）

#春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换（transform、transition）3.
Tiffany_Ho·2025-02-18 12:47

【Three.js】四（1）、three.js中的光源——基础光源

【Three.js】四（1）、three.js中的光源——基础光源一、THREE.AmbientLight二、THREE.PointLight2.1THREE.PointLight属性三、THREE.SpotLight3.1THREE.SpotLight
MAXLZ·2025-02-18 06:09

【OSTEP】操作系统导论-精翻讲解：第五章-进程API

本文所有涉及的图片及内容皆引用自：OperatingSystems:ThreeEasyPieces作者：RemziH.Arpaci-DusseauandAndreaC.Arpaci-Dusseau(Un
Refulic.·2025-02-17 21:00

html5游戏引擎-Pharse.js学习笔记（一）

1.前言前几天随着flappybird这样的小游戏的火爆，使我这种也曾了解过html5技术的js业余爱好者也开始关注游戏开发。研究过两个个比较成熟的html5游戏引擎，感觉用引擎还是要方便一些。所以决定从今天正式开始研究html5游戏引擎，并且将从看官网demo的学习整理成博客和大家一起分享。我了解过cocos-2dforhtml5和phaser.js这两个引擎，其中前者比较复杂，对于有过coco
18520195858·2025-02-17 13:45

three.js性能优化

本文持续更新~~~参考文章three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。
火辣辣-·2025-02-17 07:56

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他