V
主页
TresJS入门教程—透视与正交相机
发布人
https://www.youtube.com/watch?v=YECGQli1inQ&list=PLi-X1Ojrrmi_V15dXJf_XKdss0dlDzSwa&index=5 欢迎来到 TresJS 教程,这是一个允许您在 Vue.js 中创建令人惊叹的 3D 场景的库!在本视频中,我们将探讨透视相机和正交相机之间的差异,以及如何调整它们的参数以获得您想要的场景外观。 首先,我们将解释两种相机类型之间的基本区别。透视相机模拟物体在现实世界中出现的方式,距离较远的物体看起来较小。另一方面,正交相机以一致的尺寸显示物体,无论它们距相机的距离如何。我们将向您展示如何在 TresJS 中创建两种类型的相机并展示它们的差异。 接下来,我们将深入了解每种相机类型的参数。对于透视相机,我们将向您展示如何调整视野、纵横比和近/远剪裁平面以微调相机的视角。对于正交相机,我们将解释如何设置大小和近/远剪裁平面以获得所需的效果。 作为一个小小的奖励,我们将了解如何使用 gsap 为相机设置动画。 订阅、点赞并在下面的部分留下您的所有评论。 资源 - 文档 https://tresjs.org/ - 入门 https://github.com/Tresjs/starter - ThreeJS 透视相机 https://threejs.org/docs/index.html?q=perspe#api/en/cameras/PerspectiveCamera - ThreeJS 正交相机 https://threejs.org/docs/index.html?q=ortho#api/en/cameras/OrthographicCamera --- 00:00 - 简介 00:28 - 透视与正交 01:00 - 透视相机 02:06 - 近与远 02:49 - 设置本地项目 04:44 - 添加透视相机 08:32 - 摄像机位置和观察 12:05 - 使用 useTweakpane 调整相机 13:03 - 正交相机 14:51 - TresOrthographicCamera 组件 19:46 - 使用 GSAP 为相机设置动画 23:32 - 后续步骤
打开封面
下载高清视频
观看高清视频
视频下载器
TresJS-Vue.js 3D开发生态链的杀手锏
TresJS入门教程—在Vue上实现3D的第一步
TresJS入门教程—Materials材质的应用
TresJS—Vue组件创建3D场景的声明式框架 - Vue.js Live 2023
TresJS入门教程—Geometries几何体
TresJS入门教程—v2 beta版最新动态🔥
Web前端从入门到精通,通俗易懂(2024最新版)
TresJS入门教程—OrbitControls轨道控制器
TresJS入门教程—为3D对象添加动画效果
Web3D 个人艺术展馆实现
《走路模拟器》正式开源啦!
如果你Web前端很差,请狂啃这些(ES6、React、Node、Webpack、CSS、HTML、Vue.js、算法、实战项目)面试Offer拿到手软!
来谈谈数字展馆和走路模拟器项目吧
websoket+nodejs简单实现聊天功能
Cesium源码解读之Viewer
threejs版蛋仔派对—开源项目
threejs数字展馆项目正式开源啦!
【全200集】Web前端视频精讲教程,包含入门到实战的所有干货(40个小时)
「十天入门前端」Day7:用 Cursor 超快速写个 Web 应用
Web前端零基础html5 +css3+JavaScript视频教程(141集全)
JavaScript 2024精选集 | Vanilla | ASMR Programming Javascript 100 days challenge
一步登天!Ecctrl让你在threejs中快速实现完美的第一/第三人称角色控制
2024最新版教程,Web前端零基础入门到精通(HTML+CSS+JavaScript+ES6+Vue)
你是这样的水货前端吗?有这样的痛点吗
2024最新版Web前端开发精讲视频教程,从入门到精通(87集全)
关于开源项目计划的说明和后续安排
three.js 模型,动画,粒子 ,着色器等数字孪生常用案例, cesium 热力图,聚合 图层,滤镜,文字,等众多常用案例源码
用最通俗的语言,教会你javascript的Promise、async和await
Web前端框架那么多,到底哪个才是最佳选择?
【Web前端】HTML+CSS练手项目— —小米商城官网(附源码课件+图片素材),拿走即用,可完美运行!_手把手教你用HTML、CSS制作小米商城网页_Web
如何创建 一个数字孪生应用,什么是web3d介绍
3A大作《走路模拟器》demo演示
HTML、CSS、JavaScript实现精美旅游风格网页轮播图特效
2024最新版Web前端开发精讲视频教程,从入门到精通(140集全)
2024年最新前端面试突击课(7天成功上岸)前端情景题、工程化、算法、HTTP、项目讲解。一周学完,金九银十一路狂飙,狂拿offer!!!
最新全套js教程从javascript基础到项目实战付费买的教程免费分享了!
用 HTML、CSS 和 JavaScript 创建响应式咖啡网站 | 逐步教程
🚀【极速上手】只需5分钟,教你用JavaScript打造自己的Web Excel!200KB的Web Excel,功能全开,速度飞起!
Cesium源码解读之Primitive
前端新手入门案例:打造专属个性化音乐播放器