THREEJS

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

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

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

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

DragControls拖拽插件优化：从指定平面到任意平面

现状：Threejs官方demo提供了DragControls.js平面拖拽控件，但只能拖拽Object在垂直于相机法线的平面上移动目标场景：在六面体空间盒子中沿着六面体平面拖拽物体，并且需要限制在盒子内部已知
·2025-02-25 20:20

mesh threejs 属性_threejs 材质

一、材质种类：MeshBasicMaterial：为几何体赋予一种简单的颜色，或者显示几何体的线框MeshDepthMaterial：根据网格到相机的距离，该材质决定如何给网格染色MeshNormalMaterial：根据物体表面的法向量计算颜色MeshFaceMaterial：这是一种容器，可以在该容器中为物体的各个表面上设置不同的颜色MeshLambertMaterial：考虑光照的影响，可以
一璇·2025-02-25 18:09

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

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

学习threejs，使用MeshBasicMaterial基本网格材质

⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️THREE.MeshBasicMaterial二、使用MeshBasicMaterial基本网格材质1.☘️实现思路2.
gis分享者·2025-02-21 12:04

在 Vue 2 中使用 Three.js 导入本地 3D 模型

1.初始化Vue2项目如果你的项目还没有Vue2环境，可以使用VueCLI初始化：```shvuecreatemy-threejs-appcdm
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

uniapp邪门事件

很久之前在这篇《THREEJS在uni-app中使用（微信小程序）》：THREEJS在uni-app中使用（微信小程序）_uni-app_帶刺的小葡萄-华为开发者空间中学到了如何在uniapp的微信小程序里接入
岑梓铭·2025-02-20 05:30

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

实现的效果：ThreeJS实现粒子特效2，技术实现2.1，初始化
软件工程师文艺·2025-02-16 10:48

在vue中使用threejs

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

数字科技3D全景展厅

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

探索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

使用 Three.js 实现雪花特效

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

uniapp中使用threejs加载几何体

我试了uniapp推荐的和threejs-miniprogram这个小程序官方库，都加载不出来我的obj模型。所有我推荐不要用obj模型最好，挺多都支持GLTF模型的，但是我不能改。
青阳zi·2025-02-08 22:27

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

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

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

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

ThreeJS实现波纹粒子效果

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

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

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

Three.js学习笔记

2.一个简单threeJs程序（1）创建场景constscene=newTHREE.Scene();（2）创建物体constgeomtry=newTHREE.BoxGeometry(1,1,1
癫狂de痴梦·2025-01-25 17:00

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

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

threejs 复习笔记

import*asTHREEfrom'https://unpkg.com/three@0.157.0/build/three.module.js'import{OrbitControls}from'https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/OrbitControls.js'import{OrbitCon
·2025-01-23 17:20

2025年前端发展趋势

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

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

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

Three.js实现动态水泡效果逐步解析GLSL着色器

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

threejs+html 实现3D地球旋转效果

html：demo*{padding:0;margin:0;box-sizing:border-box;}#chart_map{position:fixed;top:0;bottom:0;left:0;right:0;/*border:1pxsolidred;*/}//创建场景对象Scenevarscene=newTHREE.Scene();//辅助坐标系参数250表示坐标系大小，可以根据场景大小
web网页精选·2025-01-17 03:07

vue+threeJS示例（001）: 不断翻转的立体箱体

作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第001个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共88行）一、示例效果图二、示
还是大剑师兰特·2024-09-13 10:37

ThreeJS入门（001）：简介、下载安装、历史、应用场景、竞品

查看本专栏目录-本文是第001篇入门文章文章目录一、Three.js简介二、Three.js的历史与发展三、公司背景四、下载安装五、官方网站六、应用范围场景七、相关竞品一、Three.js简介Three.js是一个基于WebGL的JavaScript3D库，它使得在Web上创建和展示3D内容变得简单。Three.js提供了一系列抽象层，让开发者可以专注于设计和实现3D应用程序，而无需深入了解复杂的
还是大剑师兰特·2024-09-13 10:37

react中使用threejs小试牛刀

安装路由依赖包和threejs依赖包#tips:注意版本兼容问题npminstallreact-router@5react-router-dom@5np
cnmone·2024-09-04 07:21

【Threejs学习】材质灯光投影

一、光源分类环境光(AmbientLight)：会均匀的照亮场景中的所有物体。无方向，不能投射阴影。平行光(DirectionalLight)：沿特定方向散发的光，发出的光线都是平行的。例如太阳光，可投射阴影。点光源(PointLight)：从一个点向各个方向发散的光源。例如火柴、灯泡，可投射阴影。聚光灯(SpotLight)：光线从一个点沿一个方向射出，例如顶灯、手电筒，可投射阴影。……以下三种
Mae_cpski·2024-09-02 06:46

gui.js可视化插件的使用

但是在进行三维可视化开发时，一个好的角度和材质的取值是非常重要的，而这点用肉眼是看不出来的，最好的方法就是一点一点的在界面上去试，但是没改变一次就重启一个项目，比较麻烦，因此就需要gui.js来修改threejs
我爱吃干果·2024-08-29 18:07

threejs 创建CSS3DSprite精灵标签, 可以更新位置及内容(封装)

threejs创建CSS3DSprite精灵标签,可以更新位置及内容(封装)ThreeCss3dSprite.js工具类import{CSS3DRenderer,CSS3DSprite}from"..
zsd_666·2024-08-24 09:47

若依/vue2引入threejs展示glb/gltf模型，以及画布截图功能

需求背景：前端对glb/gltf模型进行线上管理，支持上传本地模型，每次上传后展示模型，在提交给后端的时候带上该模型的截图，具体效果不便展示，相关代码如下：1.安装依赖//"three":"^0.162.0",npminstallthree2.引入依赖，初始化画布并渲染模型//1.引入import*asTHREEfrom"three";import{OrbitControls}from"three
怎么吃不饱捏·2024-08-23 18:40

2022-04-19

fastadmintickwritingtickkoreastudythreejsstudy
Apbenz·2024-03-26 21:56

css pointer-events 多层鼠标点击事件

threejs无法滑动视角，菜单界面覆盖threejs操作事件。
小和尚敲木头·2024-02-20 10:21

three.js 3D可视化地图

threejs地图可视化地图——three.js实现this.provinceInfo=document.getElementById('provinceInfo');//渲染器this.renderer
allenjiao·2024-02-19 12:50

【Three.js】前端从零开始学习 threejs：创建第一个 threejs3D 页面

课程和学习大纲对应的课程在这里：Threejs教程、2023最新最全最详细Threejs教程、零基础Threejs最详细教程（已完结）学习知识要点思维导图：官网和文档的使用three.js官网如果无法访问
努力挣钱的小鑫·2024-02-19 12:14

从Unity到Three.js（画线组件line）

import*asTHREEfrom'three';//引入threejsconstrenderer=newTHREE.WebGLRenderer();//创建渲染器//设置渲染范围，当前撑满全屏,屏幕左上角是
chillxiaohan·2024-02-12 04:37

WebGL:BabylonJS、Threejs、LayaboxJS、SceneJS、ThingJS比较

目前3d技术发展十分迅速，最初是WebGL，这是一种3d绘图协议，它将JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。一、BabylonJS特性：Babylon
千汇数据的老司机·2024-02-09 13:41

threejs 坐标系与三角函数的实践应用

有空的老铁关注一下我的抖音：效果：沿着圆弧批量创建多个小球//引入轨道控制器扩展库OrbitControls.jsimport{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";//效果制作
汉武大帝··2024-02-08 19:30

Threejs案例-绘制3D文字

13.Threejs案例-绘制3D文字实现效果知识点FontLoader一个用于加载JSON格式的字体的类。返回font，返回值是表示字体的Shape类型的数组。
MossGrower·2024-02-06 18:56

threejs之updateWorldMatrix的实现原理

首先我们需要定义几个额外的概念，包括表示位置、旋转、和缩放的类，以及一个用于表示4x4矩阵并执行矩阵运算的类。这个函数的目的是更新一个物体在世界空间中的位置，考虑到它的局部变换（位置、旋转、缩放）以及它的父对象的世界矩阵（如果有的话）。首先，让我们定义一些基础的数学工具类，包括Vector3,Quaternion（用于表示旋转）,和Matrix4。classVector3{constructor(
Young soul2·2024-02-06 16:14

threejs之常用贴图

在三维图形和游戏开发中，高光贴图、凹凸贴图、法线贴图和环境光遮蔽贴图是常用的技术，用于增加虚拟物体表面的细节和真实感，而无需增加更多的几何体。这些技术可以帮助开发者和艺术家创造出既详细又性能高效的场景。高光贴图（SpecularMap）高光贴图用于控制物体表面的高光部分，即那些直接反射光源光线的区域。它通常是一张灰度图，其中亮部表示强反射区域，暗部表示弱反射或非反射区域。这使得材质的高光效果可以在
Young soul2·2024-02-06 16:12

vue3+threejs+koa可视化项目——模型文件上传(第四步)

文章目录⭐前言往期node系列文章threejs系列相关文章vue3+threejs系列⭐koa后端文件上传(koa-body)自动创建目录自定义目录上传apifox自测上传接口⭐vue3前端上传模型文件
yma16·2024-02-05 06:33

threeJS 使用 html2canvas截图为黑色的问题

实际错误是所有的webGL以及three的容器截图都为黑色的背景，其他元素无恙截图日志的报错为：在这个问题解决之前尝试的办法有：疑似跨域问题：修改`html2canvas`的配置，使用`{useCORS:true}`--无效意思元素样式问题修改dom样式为绝对值，去除百分比以及相对定位--无效求人之前先百度找到了一个网上教程，解决方法如下可以看到：preserveDrawingBuffer=fal
MonkeyB_B·2024-02-04 13:06

Threejs 快速入门

刚好最近在做一个活动时，就遇到了需要播放3D全景视频的需求，顺便就研究了一下Threejs，一个用于在浏览器中绘制3D图像的JS库（https://github.com/mrdoob/three.js）
stcaolei·2024-02-04 08:43

three.js为何如此奇妙

threejs可以将它理解成three+js，three表示3D的意思，js表示javascript的意思。那么合起来，three.
weixin_30527551·2024-02-04 08:43

three.js 小例子分析

https://threejs.org/examples/#webgl_geometry_extrude_shapes开头的引入js没什么好说//这是鼠标控制的工具接着分析代码varcamera,scene
今天又懒得加班·2024-02-04 08:11
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他