three - 程序员宅基地

THREE.js（一）：搭建Threejs + typescript + webpack项目

webpack + three.js + typescript + vue3 + elementui

ThreeJS源码剖析

本套课程主要是讲解ThreeJS渲染器的源码实现，通过视频课程的学习大家可以对ThreeJS的整个渲染流程有一个清晰的了解，但是对于渲染器实现技术细节来说，需要大家进行长久的调试和理解才能领会。本课程适用于长期使用...

【Three.js】shader特效能量盾

为了可以自定义能量球的效果，这里使用外部加载来的噪点图做纹理，省去用代码写特效的过程。 depth-fs.js depth-vs.js shield-fs.js shield-vs.js 相关项目 ——坦克大战 —— 立体库房 ...——粒子爱心

【愚公系列】2023年08月 Three.js专题-特效合成器

标签： javascript 3d three.js

特效合成器（英文名：Special Effects Compositor）指的是一种计算机软件，用于将不同的视觉特效、图像和视频元素合成在一起，以创造出各种令人惊叹的视觉效果。通常，特效合成器是电影制作、电视节目制作和广告制作...

Three.js模型包

标签： Three.js .js模型包

Three.js模型包,包含各种示例使用模型

three.js 第一人称漫游

标签： javascript 前端 html

three.js 第一人称移动跳跃及碰撞检测

threejs 右下角视角指示器

标签： three.js typescript javascript

import * as THREE from 'three' export class ViewHelper extends THREE.Object3D { editorCamera: THREE.Camera private readonly container: HTMLElement private readonly panel: HTMLElement private ...

vue-three.js基础篇（一）——引入

标签： vue.js 前端

Three官网Three.js是基于原生WebGL封装运行的三维引擎，是一款运行在浏览器中的 3D 引擎，说到数字化与可视化，就得说到数字孪生，而3D模型在浏览器展示就是其中的一环，就是数字模型设计。使用CAD工具开发出满足...

vue3项目中使用three.js

标签： vue.js 前端 3d

在vue3项目中，通过three.js实现了实际的三维效果demo，未来会继续深入研究，总之3D渲染图形是一个很好玩的东西，欢迎大家一起交流。

Blender Three.js 智慧3D机房开发模型创建与导入中的常见问题与解决方案

标签： blender javascript 3d

如果你遇到了在本文中没有出现的问题，欢迎评论或者私信我。

基于three.js开发可视化应用经验总结

标签： three.js

文章目录背景简介技术方案介绍及对比WebglThree.jsWEBGL和Three.js的关系具体应用过程星空背景流线汇聚效果行政分区环形选择器Three.js 中使用TWEEN插件实现动画使用orbit controls插件（轨道控制）来控制模型交互...

Three.js基础介绍

标签： javascript web 3d

Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。项目引入 Three.js中文网 github链接查看所有目录：https://github.com/mrdoob/three.js ...

ThreeJS第一人称视角处理

标签： three.js

ThreeJS第一人称视角处理

Three.js专栏（一）、Cesium和Three.js的初步认识

标签： javascript 开发语言 ecmascript

Three.js提供了组件、方法和工具，用于创建和处理3D图形，使得开发者可以在Web浏览器中快速创建3D图形和动画，而不需要深入了解WebGL的底层实现。1、使用3d tiles格式流式加载各种不同的3d数据，包含倾斜摄影模型、...

【Three.js入门】纹理及其常用属性、透明纹理、环境遮挡贴图与强度

标签： javascript 贴图开发语言

本文主要介绍了Three.js的纹理及其常用属性，并扩展了透明纹理和环境遮挡贴图与强度的内容....

Threejs入门之二十五：Threejs加载gltf文件

标签：数码相机 javascript html5

详细介绍了Threejs加载gltf文件的方法及注意事项，及针对加载的gltf文件颜色有偏差问题的解决方法

记录--vue+three.js 构建简易全景图

标签： vue.js javascript 前端

最近几天在学习three.js ，因为我相信只有实践才能出真理，捣鼓捣鼓做了一个简易的全景图，这里主要是分享做这个vue版全景图中遇到的问题，有些代码可能与其他做过全景图的大佬有些相似毕竟原因都差不多 ?...

Three.js（八）—— 几何体对象、曲线、三维模型

标签： javascript 几何学算法

文章目录8、几何体对象、曲线、三维模型8.1 常见几何体和曲线API介绍几何体曲线8.2 直线、椭圆、圆弧、基类Curve圆弧线ArcCurve曲线Curve方法.getPoints()几何体方法.setFromPoints()绘制圆弧线案例绘制直线效果8.3 ...

Three.js入门（涉及本地搭建threejs官方网站、使用parcel搭建three.js开发环境等）

标签： javascript 前端开发语言

我跟的课程：https://www.bilibili.com/video/BV1Gg411X7FY?p=3&spm_id_from=pageDriver&vd_source=d45e199a358edbf199494ee895775ab3本文是我自己整理的课程笔记，因为最近的项目要使用three.js，我就开始学习啦，...