Three

Three.js教程:三维坐标系

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 三维坐标系 本节课的目的就是为了加强大家对threejs三维空间的认识。 辅助观察坐标系 THREE.AxesHelper()的参数表示坐标系坐标轴线段尺寸大小,你可以根据需要改变尺寸。 // AxesHelper:辅 ......
坐标系 坐标 教程 Three js

Three.js教程:渲染器

推荐:将NSDT场景编辑器加入你的3D工具链。 其他系列工具:NSDT简石数字孪生 渲染器 生活中如果有了景物和相机,那么如果想获得一张照片,就需要你拿着相机,按一下,咔,完成拍照。对于threejs而言,如果完成“咔”这个拍照动作,就需要一个新的对象,也就是WebGL渲染器WebGLRendere ......
教程 Three js

Three.js教程:透视投影相机

推荐:将NSDT场景编辑器加入你的3D工具链。 其他系列工具:NSDT简石数字孪生 Threejs如果想把三维场景Scene渲染到web网页上,还需要定义一个虚拟相机Camera,就像你生活中想获得一张照片,需要一台用来拍照的相机。 透视投影相机PerspectiveCamera Threejs提供 ......
相机 教程 Three js

[ABC166F] Three Variables Game

[Three Variables Game の 传送门](https://www.luogu.com.cn/problem/AT_abc166_f) ## Solution 首先,我们每次操作只会修改两个数。 所以考虑 dfs 枚举操作的顺序,但是这让时间复杂度变为 $O(2^n)$,不能接受。 但 ......
Variables Three 166F Game ABC

Three.js教程:常见光源类型

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 常见光源类型 Threejs虚拟光源是对自然界光照的模拟,threejs搭建虚拟场景的时候,为了更好的渲染场景,往往需要设置不同的光源,设置不同的光照强度,就像摄影师给你拍照要设置各种辅助灯光一样。 环境光Ambien ......
光源 常见 类型 教程 Three

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 ......
Geometry imported export Three THREE

TIER 1: Three

# TIER 1: Three ## 信息收集 通过以前的练习,我们首先确认目标 IP 开放了哪些端口,比如使用 nmap 之类的工具进行扫描。本次靶机开放: * 22 端口:SSH, OpenSSH * 80 端口:HTTP, Apache 在浏览器中访问目标 IP,可以看到一个简单的网页。当然我 ......
Three TIER

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 传送门") 比较平凡的一个容斥 ......
Permutations Beginner AtCoder Contest Three

Three.js教程:对象克隆、复制

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 对象克隆.clone()和复制.copy() Threejs大多数对象都有克隆.clone()和复制.copy()两个方法,点模型Points、线模型Line、网格网格模型Mesh一样具有这两个方法。 复制方法.cop ......
对象 教程 Three js

Three.js实现可透视的水面效果

## 1. 引言 Three.js是著名的JavaScript 3D图形库,用于浏览器中开发 3D 交互场景的 JS 引擎,可以快速的搭建三维场景 Three.js官网为:[创建一个场景 – three.js docs (threejs.org)](https://threejs.org/docs/ ......
水面 效果 Three js

Three.js教程:模型对象旋转平移缩放变换

推荐:将 NSDT场景编辑器 加入你的3D工具链 其他系列工具: NSDT简石数字孪生 模型对象旋转平移缩放变换 点模型Points、线模型Line、网格网格模型Mesh等模型对象的基类都是Object3D,如果想对这些模型进行旋转、缩放、平移等操作,如何实现,可以查询Threejs文档Object ......
模型 对象 教程 Three js

Three.js 进阶之旅:滚动控制模型动画和相机动画 🦢

本文将学习如何使用滚动控制 ScrollControls 来控制模型的的动画播放和相机动画,通过滚动鼠标滚轮或者上下移动触摸板,来控制模型的动画播放进度或者相机的方位视角,从而呈现出惊艳的视觉效果。通过本文的阅读和案例页面的实现,你将学习到的知识包括:R3F 生态中的 ScrollControls、... ......
动画 模型 相机 之旅 129442

Three.js教程:点、线、网格模型介绍

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 点、线、网格模型介绍 经过前面几章学习相信你对点模型Points、线模型Line、网格模型Mesh已经有了大致了解,本节课就对点、线、网格模型模型进行简单总结。 点模型Points、线模型Line、网格网格模型Mesh ......
网格 模型 教程 Three js

three points 1(牛客多校) (计算几何, 三角形)

题意: t组样例,每组样例输入w, h, a, b, c.在坐标系中,0 <= x <= w, 0<=y<=h, 求出三个点X, Y, Z, 并且|XY| = a, |XZ| = b, |YZ| = c,求这三点坐标并依次输出 题解: 一个三角形在矩形中是合法的,那么就一定可以平移到矩阵的某个角, ......
三角形 几何 points three

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 传送门") ~~ ......
AtCoder Regular Contest Three Nine

Three.js教程:材质共有属性、私有属性

推荐:将NSDT场景编辑器加入你的3D工具链 其他系列工具:NSDT简石数字孪生 材质共有属性、私有属性 如果你的javascript语言基础还可以,应该明白类、基类、子类、父类等概念。如果你有这些类的概念,那么在学习Threejs的过程中,如何查找Threejs文档将会比较顺利。 点材质Point ......
属性 材质 教程 Three js

使用 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 ......
动画 React Fiber Three WebGL

Three加载3D模型贴图

# Three加载3D模型贴图 ## 准备阶段 1. 3D模型 2. three 库文件 3. 纹理图片 ## 相关资料 - 官方开发文档: https://threejs.org/docs - 官网编辑3D模型:https://threejs.org/editor/ 可以在这里创建一个3D模型导出 ......
模型 贴图 Three

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 ......
Chairs 1780F Three 1780 CF

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 ......
SFT_PLL_vs_Dalbe PLL Simulink MATLAB Three

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 基本原理及用法... ......
之旅 页面 128167 Three js

初识Three.js

生成一个三角形 参考链接 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My first three.js app</title> <style> body { margin: 0; } </style> </head> <b ......
Three js