Web3D
文章平均质量分 63
编程轨迹_
修罗社区 | 掘金优秀创作者 | 清华大学出版社签约作者 | Web3 开发者 | CSDN 银牌讲师 | 蓝桥云课2021年度人气作者Top2 | 工信部蓝桥认证命题人 | CSDN 博客专家 | 腾讯云2022 年度优秀作者 | 阿里云专家博主 | 华为云享专家 | 著作:《前端面试复习笔记》|《Web3 开发系列教程》|《ThreeJS 在网页中创建动画》|《ElementUI 详解与实战》|《PWA 渐进式Web应用开发》
展开
-
【ThreeJs】(2)照相机 | 正交投影照相机 | 透视投影照相机
1、照相机:使用Three.js创建的场景是三维的,但是通常情况下显示器是二维的,所以,三维场景如何显示在二维屏幕上呢?照相机:定义了三维空间到二维屏幕的投影方式。不同的投影方式,照相机又分为正交投影照相机与透视投影照相机。1.1 正交投影与透视投影透视投影:使用透视投影照相机获得的结果是类似人眼在真实世界中看到的有“近大远小”的效果正交投影:使用正交投影照相机获得的结果就像我......原创 2019-11-16 16:58:45 · 1040 阅读 · 0 评论 -
【ThreeJs】(1)四大组件:场景、相机、物体、渲染器 | 创建一个矩形 | THREE脑图
在Threejs中场景就只有一种,用THREE.Scene来表示。场景是所有物体的容器,如果要显示一个苹果,就需要将苹果对象加入场景中原创 2019-11-09 11:17:43 · 924 阅读 · 0 评论 -
【BabylonJs】在 Vue3 中使用 BabylonJs 开发 3D 是什么体验
随着前端的发展,在 Web 浏览器中构建 3D 图形变得越加简单。 加入我的 3D 开发旅程,我将向你展示如何使用 Babylon.js 创建基本场景。在这篇文章中,我们将接触以下内容:首先,我们需要 Vue3。 为此,我们在终端中输入以下命令:执行之后,接着在终端中,我们使用以下命令创建一个文件夹名称为 bb101 的新项目:创建项目文件夹后,系统会提示我们有几个选项可供选择。 请执行下列操作:现在,我们等待片刻让这些安装项安装完成。 接下来,我们使用命令 将终端中的目录更改为我们正在处理的项目的目原创 2022-07-03 20:59:29 · 2747 阅读 · 5 评论