Three
Three.js教程:三维坐标系
推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 三维坐标系 本节课的目的就是为了加强大家对threejs三维空间的认识。 辅助观察坐标系 THREE.AxesHelper()的参数表示坐标系坐标轴线段尺寸大小,你可以根据需要改变尺寸。 // AxesHelper:辅 ......
Three.js教程:渲染器
推荐:将NSDT场景编辑器加入你的3D工具链。 其他系列工具:NSDT简石数字孪生 渲染器 生活中如果有了景物和相机,那么如果想获得一张照片,就需要你拿着相机,按一下,咔,完成拍照。对于threejs而言,如果完成“咔”这个拍照动作,就需要一个新的对象,也就是WebGL渲染器WebGLRendere ......
Three.js教程:透视投影相机
推荐:将NSDT场景编辑器加入你的3D工具链。 其他系列工具:NSDT简石数字孪生 Threejs如果想把三维场景Scene渲染到web网页上,还需要定义一个虚拟相机Camera,就像你生活中想获得一张照片,需要一台用来拍照的相机。 透视投影相机PerspectiveCamera Threejs提供 ......
[ABC166F] Three Variables Game
[Three Variables Game の 传送门](https://www.luogu.com.cn/problem/AT_abc166_f) ## Solution 首先,我们每次操作只会修改两个数。 所以考虑 dfs 枚举操作的顺序,但是这让时间复杂度变为 $O(2^n)$,不能接受。 但 ......
Three.js教程:常见光源类型
推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 常见光源类型 Threejs虚拟光源是对自然界光照的模拟,threejs搭建虚拟场景的时候,为了更好的渲染场景,往往需要设置不同的光源,设置不同的光照强度,就像摄影师给你拍照要设置各种辅助灯光一样。 环境光Ambien ......
Three.js系列-报错export ‘Geometry‘ (imported as ‘THREE‘) was not found in ‘three‘
## 今天遇到报错export 'Geometry' (imported as 'THREE') was not found in 'three' ``` port 'Geometry' (imported as 'THREE') was not found in 'three' (possible ......
TIER 1: Three
# TIER 1: Three ## 信息收集 通过以前的练习,我们首先确认目标 IP 开放了哪些端口,比如使用 nmap 之类的工具进行扫描。本次靶机开放: * 22 端口:SSH, OpenSSH * 80 端口:HTTP, Apache 在浏览器中访问目标 IP,可以看到一个简单的网页。当然我 ......
AtCoder Beginner Contest 214 G Three Permutations
[洛谷传送门](https://www.luogu.com.cn/problem/AT_abc214_g "洛谷传送门") [AtCoder 传送门](https://atcoder.jp/contests/abc214/tasks/abc214_g "AtCoder 传送门") 比较平凡的一个容斥 ......
Three.js教程:对象克隆、复制
推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 对象克隆.clone()和复制.copy() Threejs大多数对象都有克隆.clone()和复制.copy()两个方法,点模型Points、线模型Line、网格网格模型Mesh一样具有这两个方法。 复制方法.cop ......
Three.js实现可透视的水面效果
## 1. 引言 Three.js是著名的JavaScript 3D图形库,用于浏览器中开发 3D 交互场景的 JS 引擎,可以快速的搭建三维场景 Three.js官网为:[创建一个场景 – three.js docs (threejs.org)](https://threejs.org/docs/ ......
Three.js教程:模型对象旋转平移缩放变换
推荐:将 NSDT场景编辑器 加入你的3D工具链 其他系列工具: NSDT简石数字孪生 模型对象旋转平移缩放变换 点模型Points、线模型Line、网格网格模型Mesh等模型对象的基类都是Object3D,如果想对这些模型进行旋转、缩放、平移等操作,如何实现,可以查询Threejs文档Object ......
Three.js 进阶之旅:滚动控制模型动画和相机动画 🦢
本文将学习如何使用滚动控制 ScrollControls 来控制模型的的动画播放和相机动画,通过滚动鼠标滚轮或者上下移动触摸板,来控制模型的动画播放进度或者相机的方位视角,从而呈现出惊艳的视觉效果。通过本文的阅读和案例页面的实现,你将学习到的知识包括:R3F 生态中的 ScrollControls、... ......
Three.js教程:点、线、网格模型介绍
推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 点、线、网格模型介绍 经过前面几章学习相信你对点模型Points、线模型Line、网格模型Mesh已经有了大致了解,本节课就对点、线、网格模型模型进行简单总结。 点模型Points、线模型Line、网格网格模型Mesh ......
three points 1(牛客多校) (计算几何, 三角形)
题意: t组样例,每组样例输入w, h, a, b, c.在坐标系中,0 <= x <= w, 0<=y<=h, 求出三个点X, Y, Z, 并且|XY| = a, |XZ| = b, |YZ| = c,求这三点坐标并依次输出 题解: 一个三角形在矩形中是合法的,那么就一定可以平移到矩阵的某个角, ......
AtCoder Regular Contest 139 C One Three Nine
[洛谷传送门](http://https://www.luogu.com.cn/problem/AT_arc139_c "洛谷传送门") [AtCoder 传送门](https://atcoder.jp/contests/arc139/tasks/arc139_c "AtCoder 传送门") ~~ ......
Three.js教程:材质共有属性、私有属性
推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 材质共有属性、私有属性 如果你的javascript语言基础还可以,应该明白类、基类、子类、父类等概念。如果你有这些类的概念,那么在学习Threejs的过程中,如何查找Threejs文档将会比较顺利。 点材质Point ......
使用 React Three Fiber 和 GSAP 实现 WebGL 轮播动画
参考:[Building a WebGL Carousel with React Three Fiber and GSAP](https://tympanus.net/codrops/2023/04/27/building-a-webgl-carousel-with-react-three-fibe ......
Three加载3D模型贴图
# Three加载3D模型贴图 ## 准备阶段 1. 3D模型 2. three 库文件 3. 纹理图片 ## 相关资料 - 官方开发文档: https://threejs.org/docs - 官网编辑3D模型:https://threejs.org/editor/ 可以在这里创建一个3D模型导出 ......
THREE.GLTFLoader: Unknown extension "KHR_materials_pbrSpecularGlossiness"
将glTF PBR材料从规格/光泽转换为金属/原石 KHR_materials_specularKHR_materials_ior 命令行 安装 Node.js ≥14 后,打开终端运行以下命令: # install npm install --global @gltf-transform/cli ......
CF1780F Three Chairs
个人思路: 答案 $=$ 随便请三个人方案 $-$ 不合法的方案,考虑计算不合法方案数。 我们将 $a$ 从小到大排序,对于一对不互质的 $a_i,a_j \ (i<j)$,它的贡献为 $j - i - 1$。以 $a_j$ 为最高时,贡献为 $\sum\limits_{i < j \land gc ......
Three_Phase_Induction_Motor:基于MATLAB/Simulink的三相感应电机动态数学建模仿真模型。
Three_Phase_Induction_Motor:基于MATLAB/Simulink的三相感应电机动态数学建模仿真模型。仿真条件:MATLAB/Simulink R2015bYID:5380650367252800 ......
Three_Phase_Rectifier_SimpleSVPWM:基于MATLAB/Simulink的三相电压型简单SVPWM整流器仿真模型,输出电压
Three_Phase_Rectifier_SimpleSVPWM:基于MATLAB/Simulink的三相电压型简单SVPWM整流器仿真模型,输出电压开环控制。仿真条件:MATLAB/Simulink R2015bID:7120649953967466 ......
Three Phase SFT_PLL_vs_Dalbe:基于MATLAB/Simulink的滑动连续傅里叶变换与d-q轴解偶的三相PLL锁相环仿真
Three Phase SFT_PLL_vs_Dalbe:基于MATLAB/Simulink的滑动连续傅里叶变换与d-q轴解偶的三相PLL锁相环仿真模型。仿真条件:MATLAB/Simulink R2015bID:1680649614837693 ......
Three_Phase_SPWMRectifier:基于MATLAB/Simulink的三相电压型开环SPWM整流器仿真模型。
Three_Phase_SPWMRectifier:基于MATLAB/Simulink的三相电压型开环SPWM整流器仿真模型。仿真条件:MATLAB/Simulink R2015b,如需转成低版本格式请提前告知ID:5215649229233422 ......
Three_Phase_Passive_Inverter_withDroop:基于MATLAB/Simulink的三相无源逆变器仿真模型,逆变器控制采用
Three_Phase_Passive_Inverter_withDroop:基于MATLAB/Simulink的三相无源逆变器仿真模型,逆变器控制采用下垂控制。仿真条件:MATLAB/Simulink R2015b,如需转成低版本格式请提前告知ID:3835649231877702 ......
Three_Level_NPC_Inverter:基于MATLAB/Simulink的三电平中性点钳位(NPC)逆变器仿真模型。
Three_Level_NPC_Inverter:基于MATLAB/Simulink的三电平中性点钳位(NPC)逆变器仿真模型。仿真条件:MATLAB/Simulink R2015b,购买前如需转成低版本格式请提前告知,谢谢。 ID:2570648822844657 ......
LCL_Three_Phase_inverter:基于MATLAB/Simulink的LCL三相并网逆变器仿真模型,交流电流内环才用PR(比例谐
LCL_Three_Phase_inverter:基于MATLAB/Simulink的LCL三相并网逆变器仿真模型,交流电流内环才用PR(比例谐振)控制,PWM波采用SVPWM控制,附带对应的参考文献。仿真条件:MATLAB/Simulink R2015b,购买前如需转成低版本格式请提前告知,谢谢。 ......
Three.js教程:访问几何体对象的数据
推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 访问几何体对象的数据 实际开发项目的时候,可能会加载外部模型,有些时候需要获取模型几何体的顶点数据,如果想获取几何体的顶点数据首先要熟悉three.js几何体BoxGeometry和BufferGeometry的结构。 ......
Three.js 进阶之旅:页面平滑滚动-王国之泪 💧
本文使用 React + Three.js + React Three Fiber 技术栈,实现一个《塞尔达传说:王国之泪》主题风格基于滚动控制的平滑滚动图片展示页面。通过本文的阅读,你将学习到的知识点包括:了解 R3F 中 useFrame hook 及 useThree hook 基本原理及用法... ......
初识Three.js
生成一个三角形 参考链接 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My first three.js app</title> <style> body { margin: 0; } </style> </head> <b ......