d3.js使用教程
高端的网站往往只需要采用最简单的制作方式，那些让人眼前一亮的网站似乎都遵循着相似的模式，就是三 d 动画。 像 marform 这样的网站，在你浏览页面时，以动画的方式呈现一个完整的三 d 世界。看起来好像很复杂，但当你掌握了与相机、光照和几何相关的一些概念， 你会发现制作三 d 动画是如此的简单。接下来我将会按照步骤一步一步的分解 three gs 是如何制作三 d 动画的网站， 并且配搭对应的 dem。 例如创建一个太阳系，了解 three gs 中如何使一个物体围绕另一个物体旋转。还有通过这样的 dem 了解如何添加重力碰撞等物理规律， 以及如何创建逼真的场景，掌握色调映射、 hdr、 伽马矫正和 srgb 色彩空间等等。期待接下来的课程内容能够让你我受益，感谢大家的收看，我们下次见！
粉丝2.1万获赞16.1万
相关视频
15:00
13:36
00:59查看AI文稿AI文稿可视化被越来越多的用于日常工作，成为智障中不可或缺的技能。如何制作可视化？这里推荐五个常用工具。第三是一款用于外部开发的开源组建裤，也是目前最丰富的可视化框架之一， 常备开发者、设计师。用于专业领域的可视化开发，灵活性高，可高度定制。如果你觉得第三太过专业，那 ex 则是不傲之选。 ex 是百度的可视化开源库，图表类型丰富，稳当齐全，是国产最精良的 h 五图表库。图表可视化还广泛应用于数据分析， 就是一款用于数据分析的可视化工具。他拥有丰富的图表库，可以很方便的生成可视化。 还有一款更容易上手的工具翻 di， 它可以完成从数据整合到数据处理以及分析可使唤的全过程处理千万两级的复杂数据， 关键个人使用免费。最后，如果你想做数据地图，又显眼下难度太高的话，再推荐一款叫插件 po mat， 导入数据，可以一键生成地理可视化，再也不用画地图。
704帆软官号
09:45查看AI文稿AI文稿现现在我来演示一下如何使用外部三 g s 监听合约的事件。假设说我这里有一个 戴的头，肯，这个头肯是合约吗？我想知道每一次有人，每一次有人交易的时候，我，我想获得这个信息，就是每一次交易的时候，有人交的时候，我都知道，这样就要就需要监听他的穿梭的时间。 我今天就来演示一下如何使用外部三 g s 监听它的穿梭的时间。首先呢， 我们需要知道这个合约，这个合约的话看一下 这个合约要上一次 scan， 我先找随便找一个合约来演示， i saw your skin， 找一个荷叶， 什么鬼啊？ t h c 这是个国内， 这我为什么需要需要这些乱七八糟的呀？ 卡车吗？卡车，卡车，卡车。 首先需要到这里找一个合约，因为它是我，我监听我演示，这个是 e r c 团队的合约网，随便找一个呆的 需要知道他的， 嗯，需要知道他的 a b i a b i 在哪里？我们把把这个 a b i 复制一下，拷贝一下， 然后我已经写了一个，写了一个基础代码了，就是我上一节演示里面已经有这个基础代码了，所以我就没有再去重新重新写，就是安装一个 react， 然后安装一个 web 三 gs 库，然后 处置画一下它的，你看一下 logo house， 它的处置画界面就是这样的， 就这样监听事件，我我我要把这里添上一些代码，然后每一次有人进行交易的时候，都会把这个交易事件 log 出来，可以写在页面上或者怎么样。 先来我们要知道这个 a b i， 然后我在这里新建，新建了一个 a b i 的 gs， 然后把刚才那个复制过来， 然后在这里引入，今在这里引入这个，这边 我们还需要，还需要知道这个这个 token 的 合约地址，这个 top one 的合约地址，我可以在 excel 上查这个 top one， 这个是他地址，把这个复制一下，因为有些原因，所以他有的时候可能发，我是用的测试网络吗？ 就这样，然后，然后创建合约实力，还是像以前一样，我们创建这个带的合约实力， 你有一个 wifi， 三点一三点可以提示吗？ ok， nbi， 把这个 nbi 传进来，再把这个合约的地址传，这样就创建了一个合约实力。下一步就是监听事件，监听 监听事件，哦，监听 transfer 事件， t r n s f 幺监听这个事件，来看一下监听它的代码呢？ 它有个 transfer， 我们要监听这个时间，监听它的这个时间。 具体的代码是这样写的， 在点 event 点把这个复制起来，因为我要监听这个时间，所以就是这个时间，然后 他还是一个他，这里是一个对象， 这里可以辅 liter， 我这里就是监听每一个地址的，所以这里设为空。 from b l c k from block 这里的 block t s t 写最新的，这里是一个 function， 一个匿名函数，这个匿名函数其实暂时间不需要 监听它的 on date d a t a， 这是一个厘米函数， 这个我们需要的就是这个，其实 however， 其实你不需要，就需要这个就可以了，我们可以把这个 log 出来。 lg， 因为问题试一下，看有没有报错，没有报错就说明他在监听了， 然后测试一下，测试一下就是说我，我根据这个，我把发送一个复制一下吧，这个也有，刚才那个地址呢？我用这个账号发送， 发送看监听，这是别人发的，别人发的， 我发送的，发送带的时候，别人收到的时候，这个上区块链的时候，咱们的应用能监听到这个视频， 等一下应该能 log 出来，如果没有问题的话，可以等一下， 有点慢，反应有点慢， 它是监听所有的 transfer 时间，就是每次交易它都能监听到。还在发吗？这么慢吗？你看一下其他人的，可以 看，我们已经监听它的 transfer， 是这样， 你还没发出去吗？什么鬼啊？要加速一下吗？ 我加个三， 请跪。监听到了，你看他上来之后，咱们立马就监听到了， 可以验证一下。重点是它的 return value 在这里，它这零一二有三个数，三个参数就像对应的，对应的这个 transfer 里面的三个数值，一个是发送， 呃，就是发送方，一个是目标方，一个是金额。在这里我们看发送是 dc， 就是说这个账号是发送的 dcf 九，这是 dcf 九，然后刚才发送给了， 是给了这个账号吧？七 d 七 d e d。 发送给七 d e d， 我们发送了两个代，他，这里是十八位小说道，所以我们就监听到了，监听到这个代码是监听所有的所有 的交易都能监听，你可以在穿穿呃，福利特这里也可以监听某个特定地址的，我在这里就不延迟了。监听到之后呢？你可以拿，可以拿这个雨天 wel 什么的零一二这个数，然后放到这个页面上， 就是说监听每一次吗？他这个 from blog 就是从哪里的，但是如果太多了你会变成零的话，他就返回所有，但是太多了的话就会如果大于一千个的话可能会出问题。今天的话就。
0玄若子
02:08查看AI文稿AI文稿这是一个使用 sirijs 开发的三 d 看车项目，他的车身呢属于一种光亮的材质，可以反射周边的一些背景，同时他支持车身、轮毂、玻璃三个位置的色值修改。 哈喽大家好，我是桑地，最近啊有个会员问我说，哎，桑地老师，我们公司最近要用 three g s 写一个三 d 的项目，这个 three g s 怎么用的呀？你能不能给我们弄个 demo？ 既然大家有要求，那这个事必须得搞呀，所以说我专门搞了一个 three gs 项目， 当当当，就是它，同时呢我把整个项目的开发过程都录制成了视频，以供各位小伙伴学习。那么 let's go， 咱们一块去看看这个项目都有些什么样的功能。这是一个使用 three g s 开发的三 d 看车项目，它的车身呢属于一种光亮的材质，可以反射周边的一些背景，同时它支持车身、轮毂、玻璃三个位置的色值修改。 那么比如说我们可以选中车身，然后在这里呢随便去选中自己想要的颜色，那么当颜色发生变化的时候，大家可以发现他的这个色质的改变啊，是同步进行的。 那么除了车身之外啊，对于轮毂也是一样的，我们可以随意选中我们轮毂想要的颜色，玻璃随意选中想要的玻璃颜色， 那么这些内容都是可以进行修改的。如果说我们可以把它改成一个黑武士，大家来看一看，是不是还是蛮帅的呀，对不对？ 然后我们来看一下他的代码，整个项码是基于 view 进行开发的，一共呢有不到三百行的代码内容，其中每一行代码我都给他详细的去写上了对应的注释，是不是相当的贴心了，要不给个三连支持一下呗。 那么想要获取代码的同学啊，可以点赞视频关注我后台私信，那么就可以领取代码了哟！
475程序员Sunday
13:25查看AI文稿AI文稿哈喽，大家好，接下来这节课咱们用瑞 x 加 ts 加 cgs 来做一个三维机房的实战案例啊，这节课的目标呢，就是理解 sui 啊，开发实战项目的整体流程，实现啊三维机房的展示和交互。 这节课的知识点呢，有场景透视，相机基础材质，几何体， 网格对象以及渲染对象，还有相机轨道控制器。好，接下来咱们首先对项目啊做一个概述，其实按理来说呢，我们在新学这个随意 gs 的时候呢，是没有啊，一开始啊就 做实战的，但是啊，现在呢，就有这么一个三维机房的案例啊，非常适合啊，一入门就实战，因为呢，他很简单，很经典，也非常适合我们啊，去腾览全局看一下随机 s 是如何实战的。 我们最终啊所要实验的效果呢，就是啊，我这里面这个 gf 效果，我们会对啊这个三维机房啊进行三维展示和交互。等我说完这个实验案例之后啊，我们会再从基础啊慢慢来说， c v g s 对于咱们要做的这个 it 机房的概念啊，可能会有同学不太理解啊，所以呢，我这里啊先对 it 机房做一个简介，在一些安全要求 比较高的企业，就比如说电信、网通、移动等，他们啊都是有着自己的独立服务器的，而不是啊使用阿里云啊，腾云云之类的第三方服务器。 像这种啊，大企业的服务器啊，可能会很多需要装进一个 it 机柜里，一般小点企业的服务器啊，会需要二三十个机柜，而大的呢则会需要上千个机柜。 当这些 it 机会啊多了以后啊，那就需要装进一个 it 机房里了，这 it 机房呢，就是我们接下来啊要实现的， 接下来我们再解释一下，为什么要在电脑里啊再建一个三维的 it 机房。随着科 的进步和信息化进程的推进啊， it 机房的重要性是越来越高的，企业啊需要对 it 机房进行更加妥善的管理和监控，就比如说事实的监控啊，机房的温度和湿度， 现在市面上比较好的 it 机柜啊，都可以啊，讲起内部数据啊，同步到服务端，这个时候呢，虚拟现实的三维 it 机房啊，就有了用武之地。 计算机中的三维 it 机房啊，可以啊，将机房数据啊可视化，让企业啊更好的监控啊和管理 it 机房。我当前的这个三维 it 机房的项目啊，就不整太复杂了， 毕竟啊，现在还是入门阶段，以后呢，咱们再逐步深入。现在啊，咱们先说几个 it 计划啊常见的功能， 首先我要在前专业面里啊对 it 机房进行三维展示，然后呢，当鼠标划入 it 机柜的时候啊，提示当前机柜的详细信息。 接下来呢就是啊，我们可以啊，给机房一个一键显示机房中过热的 it 机柜的功能。 好关于 it 机房的介绍以及项目需求啊，咱们就说到这，接下来呢，咱们就具体的来说一下瑞艾特加 ts 以及 cgs 啊，是如何来开发这个三维 it 机房项。 在这里啊，我先简单说一下，为什么我要使用瑞艾克特加 ts 开发这个项目，而不是啊使用 voe 加 ts 啊，其实呢，我们用微友啊，用瑞艾特都是可以的，只是呢，我当前所知的大部分企业在开发范围项目的时候啊，都是使用瑞艾克特加 ts 的，所以呢，我才选择了瑞艾克特加 ts， 当然如果啊，大家擅长维优 e 的话啊，使用维优 e 也可以啊，不过在我所知的企业里面啊，这个 ts 是必须的，因此啊，大家在学习的时候啊，尽量把 ts 啊也一起学一下 这个 ts 啊，在我们面试的时候啊，还是比较重要的，因为啊，如果面试官问我们会不会 ts， 如果我们说不会的话，那就会变成减分项了啊，在咱们啊，当年这个瑞艾克特加 ts 的项目里啊，因为啊，我一直专注于图形学，对瑞艾克特的源马并没有啊太深入的研究， 所以啊，我在这啊就不再系统的给大家讲解瑞艾克特或者说一些瑞艾克特的底层原理了。 咱们这边啊，在开发项目的时候啊，就用到什么说什么了，如果大家想深入研究瑞艾克特的话啊，可以联系一下大寿啊， 大圣老师啊，在我们开课吧这边啊，做过好多优秀的课程啊，我们可以在 b 站上搜一下画 花果山，大圣啊，在他的 b 站里啊，放了很多值得学习的视频啊，如果我们啊想学瑞艾克特加 ts 的话，也可以啊，直接给他发信息， 比如大圣我要学习瑞艾格特加 ts， 一般啊，他看到后就会回复我们啊，告诉我们啊，如何去学他人很好的。 好，接下来咱们继续说这个 it 机房的模型。这个 it 机房的建模思路啊，有两点啊， 首先是简化模型，能用贴图表现的细节啊，就用贴图这样一个模型的面数少了，那虽然速度啊也就快了，接下来是将光效融入啊贴图之中，即 模型贴图之后啊便具备啊光效和体感，这样在十月中啊就无需打灯了，这样既可以啊提高项目的开发速度，也可以啊提高渲染速度。 在这里啊，先简单给大家看一下我这个三 g max 里的模型啊，在这里面最重要的呢就是 it 机柜了，就是这样的一个个机柜， 这些机柜啊命名的时候啊，都是按照特定的规则来命名的，首先呢他们第一个单词呢就是啊开不奈特就是机柜的意思，后面呢再跟上机柜的序号， 这些机柜的名称都是唯一的，这样我们之后啊就可以根据这个内幕来查询机柜的详细信息。 在这机房里面啊，除了 it 机柜啊，其他的就是一些辅助性的模型了，就比如说这个是空调，这个红色的是消火栓 啊，这个都是增加场景丰富度的，还有门以及电箱，这里面有三个 呃，这个机房的地板呢，有两种，分别是隔热地板以及机柜下面啊防静电的地板 啊。这里要简单说一下啊，我这个计房布局啊，并不算专业啊，因为我不是专业干这个的，这个布局啊仅供参考啊。接下来啊再给大家简单说一下这些模型的建模原理啊， 咱们啊先看一下这个机柜，这个机柜啊实际上就是一个盒子啊，我之后呢用一个展开 uv 贴图的工具啊，把这个盒子的 uv 展开，然后啊给他贴上了一整张图片，给大家看一下他的贴图， 他呢就使用了这么一张贴图，这部分呢是前面，这是后面，这是特面啊，这里呢是顶面， 就这几个面。至于其他的物体呢，也是类似的道理，就比如空调的也是啊，摆的盒子， 还有这里的小火山盒子加贴图啊，就是各种盒子加贴图这些模型啊，就像之前的 it 机柜一样，就是在贴图里啊，让每个面啊都有了 黑白灰的光有效果，这样看起来啊就会有一个体感。我在这个三 d max 里面啊，建完模型之后啊，就可以将其导出了，我在导出的时候啊用了一个芭比伦插件啊，就是这里这个这个插件啊是我后来装的， 因为啊三金麦克斯里面啊，他没法导出啊 gltf 的模型文件，所以呢我就需要这么一个插件啊，来做一下导出。 对于这个插件的下载地址啊，我在后面有写啊，大家可以点击这里的 gltf 文件导出插件就会打开一个给大哈伯的网页，大家可以按照这里面的安装说明啊，在三 g max 里面安装一下。我们刚才啊 说到了三 d 麦克斯啊，就简单的给大家说一下，现在啊市面上啊可以啊，三 d 剑魔的软件啊，就是现在市场上啊可以三 d 剑魔的软件啊，有很多，比如说三 d 麦克斯啊，贼人的 ccd 啊，都是可以的啊 啊，三 d max 啊，形象队而言啊，更复杂一些，当然功能也更强。我这边呢是因为大学里面啊就学的三 d max， 所以呢就用三 d max 来建模了，如果大家会其他的建模软件啊，用其他的也可以啊，只要能导出 gltf 就行。 其实啊，在具体的项目协作中啊，是有专门的建模式的，不需要我们自己建模。不过呢，我在这里啊说一些建模相关的知识啊，还是希望大家具备一些建模的能力啊，因为这 这样可以啊，防止啊被建模式给空了，因为啊，万一模型师啊给我们建的模型里啊，一个门把手啊就重建上万个面，那我们倒进来之后啊，就得卡死。 所以啊，对于建模相关的知识啊，我们还是要多少知道一点的。等咱们这个实战案例结束后啊，我就会作为扩展内容啊，在视频里啊给大家演示一下建模和导出 gltf 的过程。 接下来啊，咱们再说一下我为什么啊要使用这个 gltf 模型文件啊，这是因为啊， gltf 模型文件啊包含了整个场景的数据啊，就比如几何体材质，动画相机等。 gltf 模型啊 使用起来啊要比传统的 obg 啊模型啊方便很多，所以啊，我就使用 gltf 模型了。在我们啊导出了 gltf 模型之后呢，一般会包含以下文件， 分别是啊， gltf 模型文件， b 文件以及相应的贴图文件。在我们建模的时候呢，还得啊注意一下模型结果和命名的规范啊， 在建模软件中啊，同一类型的模型文件啊是可以放入一个数组里的，数组啊可以多层签套，这样就可以啊对模型文件进行统一的管理。 而我当前这个机房模型啊，因为比较简单啊，我就没有使用数组，在这里面 所有的麦斯对象都是啊平展开的。我这里啊，为了便于访问啊和区分模型啊，就对模型啊进行了规范命名啊， 就比如说机房中的 it 机柜啊，就是按照开宾内套零零一，开宾内套零零二，零零三这样的方法去命名的。之后啊，我在寻找 it 机柜的时候啊，就看一下其内幕里面啊是否包含开宾内套，就知道这个模型啊是不是 it 机柜了。 我这里呢，就假设 it 机柜的名称都是唯一的，这样我们啊便可以基于这个唯一的名称，从后端来获取啊相应机柜的详细信息。 好，关于模型相关的知识啊，咱们就说到这，接下来啊，我们就可以啊去代码里面构建项目导入模型了。
13:10查看AI文稿AI文稿说了半天，这对象到底是啥？很同学，肯定大部分还都干嘛呀？还都不明白，是吧？哎，还都不明白，所以不用着急，我们说了对象就像一什么呀？就像一个塑料袋，只不过这塑料袋干嘛呀？他不是装东西的，是装什么呢？装， 装直的，装变亮的啊，装变亮的。那现在我们来说了，那现在我们要用这个塑料袋，我们就要先考虑我得先干嘛呀？ 哎，我得首先得造一个塑料袋啊，哎，造一个塑料袋，所以这里边我们来说，我们来说第一个问题，我们要使用对象，第一步得先干嘛呢？我们叫做一个创建 一下。怎么创建对象呢？那首先我来一个 worr， 一个 obd， 这是不是声明了一个变量啊？然后变量等于一个什么玩意，对吧？我要等一个一，是不是等就是变成一个 number 了，等于 hello， 是不是变成一个尺寸了呀？哎，那等于对象要怎么写呢？哎， 我们来写一个，等于一个叫做一个尿，一个什么呢？叫做凹波寨子，然后加上一个括号啊，是这么写的，那现在我们先不管头类，我们先看后边，我这来了一什么呢？来了一个凹波寨子，加了一个括号，你说这东西叫什么玩意？ 这是不是掉掉了一个函数啊？掉了一个 out 的这个函数，哎，那这里边注意，前边我又写了一什么呀？六，在函数前边写了一个六，那这叫什么呢？ 叫做构造函数啊。构造函数，我们来说一下叫什么呢？使用我们这个谬关键字或叫运算符啊。调用的这个函数是什么呢？是构造函数。构造函数我们叫什么呢？叫做 ceo， 叫做堪斯。穿个词啊，构造 函数，构造函数干嘛呢？构造函数是哎，专门用来创建 对象的函数，所以注意，你这来了一个尿凹寨的，就表什么呢？我们这创建好了一个什么呀？对象，并且干嘛呢？复制给我们那个变量 obg， ob。 好，那现在呢？我来一个，直接来什么呢？ ctrl 点一个烙的一个 obd， 我们来输出一下，我这一保存，哎， 是不是输出这么一个东西啊？哎， oppl 的 oppo， 那这个呢？就是一个什么呀？对象啊，就是一个对象，我们说了，现在我们就相当于有了一什么呀，有了这个塑料袋了，但是现在注意了，这塑料袋，他是什么呀？他有没有东西？他是一个空的。来，我们在外 不乱，你去看一眼，在外部浏览器里，如果你直接输出一个对象的话，我们来看看，我这一刷新走你，哎，出来什么？是不是一个奥布寨的一个大块啊？这边什么？你这个对象是通过奥布寨这函数创建的，但是后边一个大块里边是不是 啥也没有啊？啥也没有表什么呀，你这对象是一个空的对象里边就是塑料袋还是什么呀？还是空的呢？你里边还没有去 装东西啊？还没有装东西。好，那接着来看，我们再来看什么呀？创建好了一个对象，我们这来看一个什么呢？来一个，太棒， out， 我是不是想看他的这个类型啊，直接往这一保存走你什么东西？ oplut 的吧，嘿， opluge 的啊，所以注意我们叫什么呢？叫做使用我们这个泰和 out 检查一个。这个什么呀？对象式会什么呢？ 哎，会返回我们这个凹波，这个这东西还在哪？返回回检查。闹，闹是不是也返回了呀？但是闹那个属于一个 bug， 这个呢才是什么呀？正常的啊，才是正常的。好，那现在我们这是一个空的对象，我们说了有一个空的塑料袋了，我们是不是要往这个塑料袋里去 装东西啊？哎，装东西，那我们这个对象里边叫什么呢？我们可以向我们这个对象中干嘛呢？向对象中，哎，添加属性啊，属性这里边你要注意什么呢？在我们这个对象中保存的这个值叫做什么呢？属性啊，咱们这样写吧。 哎，在我们这个对象中保存的这个值称为什么呢？称为属性。那接下来我们就要 研究的是像我们这个对象中添加属性，那怎么添加呢？我们来说一下他的语法。语法怎么写的？叫做什么呢？叫做对象点一个什么呢？属性名 等于一个属性值啊，对象点属性名等于一个属性值。那现在来看假设我现在干嘛呢？像我这个 obj 中， 像我们这个 ob 接中添加一个什么呢？内幕属性。那我怎么添加呀？对象是谁啊？ 对象是不是 obg 啊？所以我直接写一个，按照这个语法直接来一个什么呢？ obg 点属性名什么呀？叫做内幕等于一个什么样啊？属相值数象值。写什么呢？来一个这个孙五 空啊，孙悟空。那现在什么意思呢？现在的意思就是像我这个欧币街这个塑料袋里装了一个这个什么呀？值值是谁啊？内幕，内幕叫什么呀？叫孙悟空，叫什么呀？像对象里添加一个属性叫做内幕，内幕的值对应的是 孙悟空啊，孙悟空，来，那我们来看看有没有。还是注意啊，你如果是在我们这个内部浏览器，我们这 hpv 内部浏览器，你这打印呢？他永远给你输这玩意，看见吗？哎，永远给你输这玩意啊，准你改一下，哎，但是呢，我们在外部里来看一下，我这一刷新走你， 哎，你来看这东西是不是变了呀？这塑料袋里面是不是有东西了呀？内幕等于孙悟空，这个就是我刚才向这个对象里添加的那个属性啊，添加那个属性，那我们现在添加几个呀？ 添加一个吧，哎，来，咱们再添加一个，接着来，像我们这个 o b 接中添加一个什么呢？叫做，哎，叫做真的 粘的属性，怎么添加呀？ ob 接点这音地亚粘的等于一个，这个难，是不是添一个呀？来，咱们再来，像什么呢？像我们这个 ob 接中干嘛呢？添加一个这个 a 字属性，怎么添加？ ob 接点 a 位置等于个十八，是不是添加一个属性啊？现在我们对象里就已经干完了，有了三个属性了啊，三个属性了，来，我这一保存，走，你 看到了吗？欧比杰内蒙等于孙悟空，战斗等于南 a 制等于十八。在我们外部浏览器里是不是直接把这个对象的信息都给你输出出来了，哎，输出 啊，好，这一块注意，像我们这个对象中添加属性，那问你了，我添加三个行，我添加十个行不行？我添加三百个行不行？想加多少就加多少，而且你要注意现在我这个内幕 粘的挨着他们有没有关系了，他们是不是都属于同一个对象了？哎，都属于同一个对象了，注意，那现在他们就属于什么了？属于同一个对象的属性了啊。同一个对象属性了。 好，那这一块是我们说添加属性，添加完属性呢？你光添加也没用是吧，你光能往塑料袋里装没用。你在干嘛呀？你是买哪能 取出来呀？你装完了以后我用的时候我是不是要取出来呀？所以接下来我们要说什么呢？叫做叫什么呀？叫做 读取我们这个对象中的什么呀？属性啊，读取对象中的属性怎么读呢？还是来说一下语法就更简单了。怎么读呢？对象点一个什么呢？属相 名？对象点属性名就少了谁啊？是不是就少了抖音号后边这部分啊哎，就少了抖音号这个部分啊。来那我们来看看。那我要读取这个内幕怎么办啊？我直接写了是不是就是 obj 点。 那么呀，然后我这轻功一下易保存走。你读出了谁啊？是不是孙红啊？我要读 a 制，怎么办呀？ ob 接点 a 制是不是就是 孙悟空十八呀？哎，我要读这个粘字呢就是 ob 接点粘字我一保存是不就是难呀。想读谁你就点谁啊想读谁你就点谁一定要注意。哎，我一说我不 写欧比杰行不行？不写欧比杰行不行？不写欧比杰变成什么了？是不是找变量粘字啊？那我这有变量粘字吗？没有，所以你这一读一保存他妈了， 报错了。哎，报错了啊，所以注意你要读真的读的哪个地方？真的是我们这个 ob 接里的这个真的。所以必须得是什么呀？ ob 接 点单点啊。 ob 点单点好，我这一保存是不是就又读出来了，哎。读取一个属性名就是欧必接点属性名。那你现在看着啊我写些什么呢。我写一个欧必接点。哈喽有吗？欧必接里边有哈喽这属性吗？ 我就听见了三木啊内木 a 是粘的对吧。来我给你保存走你。哎什么玩意？安妮贩子爆没爆腿？没有哎没爆腿，所以注意这个特点啊。我们说什么呢？如果读取我们这个对象 相中没有的这个属性不会什么呢？不会爆拓不像我们读这个变量的时候没有变量是爆拓的呀。哎不是爆拓而是什么呢？而是会返回我们这个安迪 犯的啊而是会返回按你犯的啊这是他的一个特点啊一个特点。好，那这块我们看到了我们读的是这个属性然后接着来看再来看什么呢？我能读了那我现在来看我能不能去修改这个属性了。假如说我这人我不想叫孙悟空了我想换一个名，那怎么办呢？来 直接来说一下修改我们这个对象的什么呀属性值怎么改呢也是说一下语法叫做什么呢对象点属相名等于什么呢？等于个新址。其实跟什么呀 跟添加是不是一样的呀哎添加一样的，只不过我这种是干嘛呀。是把之前的直视给他覆盖掉了呀。哎覆盖掉了所以这个让我们来看一个。直接来一个看瘦点 love 一个欧币接点。那我们先输出 我这一保存走。你是孙悟空吧。好我来修改一个改成呢欧币街表一个这个内幕咱们给他改一个这个英文名，改成的改叫 tom 啊，孙悟空改名叫 tom， 我们来看效果，这一保存走，你读的是谁啊？ 哎，就烫，就把刚才纸给他覆盖了，给他修改了。啊，所以这叫什么呀？叫做修改我们这个属性值，所以现在我们说了三个这么几个操作，首先第一个呢，我们说是什么呀？是创建一个对象，直接是一个尿不带的，然后呢，向我们的对象中添加属性，哎，叫做什么呀？对 象点属性名等于一个什么呀？属性值啊，增加属性，然后这个叫什么呢？叫做读取对象中的属性。哎，说什么呀？从对象里查询属性啊，直接是对象点属性名，还有一个什么呢？还有一个是修改我们什么呀？对象的属性。哎，那 现在我们说了，我有增加了，有修改了，还有什么了？查询了，我们还有什么需求，哎，我们说增山改茶四个操作，我们差谁啊？是啊， 是不是他删呀？哎，这是一组操作，那我们来接着来说，叫什么呢？叫做删除我们这个对象的属性，删除我们这个对象的一个属性，假如说这个孙悟空这个内幕干嘛呢？我不想要了， 现在我也保存走，你是不是还在啊？哎，那怎么删除呢？来说下语法，语法，我们叫 dl et， 迪丽他什么呀？删除的意思，对象点一个属相名，那现在我要想伸出孙悟空怎么删，直接迪丽他，来一个什么呀？ ob 接点 内就变什么呀？删除了 o b 接的这个内幕属性啊，内幕属性，来我们这一保存，走你，哎，变成什么了啊？米饭呢？是不是就没了？哎，就没了，但是如果你读取 a 字， a 字干嘛呢？ 是不是还在啊？哎，还在啊，这是我们说一个对象的一个这个基本操作啊。对象一个基本操作，对象是干嘛的？你应该现在有一个初步的理解了，对象的就是干嘛呀？是不是可以存一些， 存一些东西啊？哎，存些东西我们用的时候更加的什么呀？更加的方便一点。对象更像一什么呢？更像一个，其实就像我们说那个什么呀？塑料袋，其实像一个什么呀？像一个容器，他 去装着什么呀？不同的一个属性。那可能有同学觉得我干嘛非得给他装一块呢？为什么非得装一块？ 你们装一块，装一块是不是用着方便一些啊？咱们想想，咱们这么，咱们上威武，这么多斑，我们为什么要分斑呀？咱们在一块不好吗？都放一块是不是容易乱啊？所以也是我， 我这个变量如果干嘛呀？如果都放在一块，咱们是不是也容易乱啊？所以干嘛呢？我可以把这个变量保存到不同的这个对象里，然后通过对象去干嘛呀？去钓友啊？去钓友。好，那这块呢？什么说对象？一个初步的一个，哎，操作，我们先停一下。
76挪威鸭
07:09查看AI文稿AI文稿大家好，我们进入到第二节，第二节主要是整体介绍一下这个 suits。 好，我们首先知道这个 suits， 它是基于原生的外部机油分装的一个三维引擎， 他和胃部肌肉的关系，其实就和我们前端里面的 gs 和鸡块的关系，我们知道鸡块是把 gs 里面的一些方法进行封装，让我们吊起来更加简单。然后 swyggs 也是一样的，他是把这个外部肌肉，外部肌肉里面的一些方法封装起来，让我们更 就是更接近于上层，去调用这个底层的这个渲染。然后所有的外部肌肉引擎中，所以杰子是国内使用最广泛的三维引擎，所以可以他可以用来开发外部三滴应用啊。上个视频有的小伙伴问这个，所以杰子是干什么？ 怎么的？是不是三 d？ 是不是来开发三 d 的？他既然叫死瑞吗？死瑞就是三吗？他肯定是他，所以我们这一届就知道他是一个三三维引擎，他是可以用来开发外部三 d 应用的。 好，我们看这个图跳一跳，这个前两年比较火啊，他，他是，他就是用我们用的我们今天这讲的这个词语， gs 引擎开发的。 然后还有下面这一个，下面这个是那个链家网里面的 vr 看房那一个，我截个图，这个他也是用思域 gs 去实现的，还有很多啊，思域 gs 还有很多，我只是截了两个。 然后今天我们要整体来介绍一下这个数学 gs 的程序结构，然后我们在理解他的时候，我们类比我们在生活中去拍照，这样去理解就更好理解。首先 我们拍照是不是一样的也有一个场景呢？比如说我们去照相馆拍照啊，我们首先最主要场景就是我们自己吗？我们自己就是最主要的场景里面最主要的一个元素，所以啊一般都会给我们化妆啊，是吧？我们所以我们， 我们去拍照，我们就是场景里面最主要的一个元素，然后还有一些道具等等。你看这里面也是一样的，他有个场景，然后场景里面他有什么 网格模型，我们现我们现在只需要知道场景里面有有些东西，对吧？然后他场景里面有网格模型， 然后还有光照，也是又是灯光，其实后面真实拍照一样的，我们真实到那个照相馆去拍照，他是不是也有各种灯光的设备啊？打光吗？专业的那个那个拍摄影那一块叫打光，对吧？ 是一样的，这个里面也是包括了光照，然后什么环境光啊、点光源呢？平行光啊，也是些光照，这是很好理解的。 然后上面就是模型，这个模型我们就把它理解为这个场景里面的一些一些那个元素，就是一些组成部分，比如说我们自己就是其中的一个元素，然后还有一些道具，还有比如说我们， 嗯，然后他这个再来说一下这个网格模型，他在我们这随机设，他又分成几何体和材质啊？但是我们真实的，比如说我们真实去照相，照相馆拍照的时候， 他可能有个道具，就是我们首先前面是我们自己啊，后面可能有一个摇钱树，对吧？这个时候他就是一个树，树也是其中的一个元素，就是在我们这里就把它当成一个网格模型，只是在我们这属于结实里面，他把这个网格模型 又进行了进一步划分，相当于我们把这棵树又进行了一个整体划分，然后树首先它有一个几何，几何形状，是吧？这个树的几何形状，然后加上这个树的材质组成的这棵树，我们 我们就是我们去照相馆拍照，这树他就没有这种细分，就这就是一棵树。然后在我们这里面我们所以解释呢，就把这棵树分成了他的几何体是什么形状，然后他什么材质，所以在我们这里面分的更细，我们这一点需要理解一下。 好，我们手我们现在知道的这个场景这一块啊，接下来我们就需要我们去拍照，肯定要相机嘛，是吧？所以我们在像照相馆里面一样的摄影师是不是拿着相机啊？对吧？拿着相机的时候，他拍照的时候，特别是比如说，呃，比较就 就是我们最近新起的那个婚纱照吗？是吧？这个就对要求比较高。你看经常我们 比如说摄影师，他是不是在拍照的时候会左右去，左右去走，行走，去抓拍呀？各种人去抓拍，他这种行走是为了就是所谓的为了找角度，是吧？所以在我们我们 cgs 里面，这个相机他也是可以设置他的角度的，然后他还 那个拍照的时候，摄影师也会前后的走动，这就是设置那个相机的位置，对吧？所以在我们这里面也是一样的，也是有设置相机的位置在哪个地方，然后角度从哪个角度拍，是吧？一样的。 然后还有一个，还有一个真实项目也没有，就是我们去解释里面这个相机他是可以设置这个投影方式，然后真实的那个 就是摄影师手中那个相机，他可能就是固化了，他那个就已经你买的那个相机什么样？他就是只有那一种投投影方式，是吧？然后在我们这里面呢，因为我们程序里面的这个相机他是比较灵活的，所以我们可以直接设置设置他是透 透射投影还是正投影，这个在后面相机那一块我们具体在讲，所以所以我们大概知道在我们程序里面这个相机就更牛逼了，直接可以设置他的投影方式，好吧？这就是相机这一块， 然后我们知道有了场景，有了相机，哎，还，还差一个，就还差一个什么？就是一个快门，是吧？我们就按那个相机上的快门，是不是就可以拍出照片来呀？然后然后我们在思维解释里面什么就是这个快门呢？其实就这个渲染器，这个渲染器就相当于那个 个拍照的咔嚓的那一个动作，就是按快门那个咔的一下那个动作，这个就是我们渲染器，渲染器就是我们就把它理解成快门吧，然后限任期这一块，具体的我们后面再讲。 然后下面这个图他其实也就是，嗯，讲解了这个场景相相机以及渲染器三者之间的关系。其实这个思域结识面主要就是三个东西，然后 这一这一块就是他的场景，也就是我们去照相馆里面他一些一些会记会被拍下的一些元素，是吧？人呢？后面的一些背景呢？道具啊， 所有就在这一坨，然后下面就是一个相机，是吧？相机，然后场景准备好了，相机准备好了，接下来什么？就是人要去，要去 形成照片。就是就是那个摄影师准备按快门，按快门在我们这里用的就是这个渲染器，也就这个渲染器最后就形成了一个我们的需要的照片。 好，到这里我们应该就大概理解了这个 cgs 的程序结构，这还是比较清晰的呀。好，这一节我们就先到这里，下节我们再具体的去。啊，下节应该是会写一个哈喽味的。好，这一节先到这里。
09:36查看AI文稿AI文稿hello， 大家好！之前啊，咱们对啊三维 it 机房啊做了一个简单的概述。接下来呢，咱们去代码里面啊构建这个三维机房的项目。首先呢，我们要使用啊 creator rag 啊来构建项目。 凯瑞特瑞艾克特 app 啊，是瑞艾特官方支持的创建单页面应用的工具，我们使用它啊，可以快速构建瑞艾克特项目啊。使用方法呢，就是啊，我下面啊，这一行代码，我们啊直接在中单运行就可以了。 关于这个可瑞特瑞格特 app 的使用方法，大家可以啊点击我这下面的官方链接啊，去他的官网里啊看一下，他在官网里啊，说的都很详细。 我在这里呢，还是啊把重点啊放在 cgs 上。对于这个可瑞特瑞艾克特艾普的使用方法，我就不做系统的讲解了啊。这个呢，大家可以啊自己去看一下，之后啊，有什么问题啊，可以啊在在群里面啊交流沟通 啊。我接下来呢，就直接在中端复制粘贴这一行代码了。我在科技的目录下面啊，起一个终端， 然后把刚才用克瑞特瑞瑞特 apple 方法购进项目的那一行代码复制粘贴到这里面来，然后回车运行 他安装啊，需要点时间啊。这里呢，我先给大家解释一下正常代码的意思啊，这里的可瑞特瑞尔特 app 啊，就是说要使用这个公 就要来构建项目了。我这里啊，后面跟着的呢，就是啊，项目名称我这个项目就叫他灵儿告母亲入母了，母亲入母就是机房的意思。 至于后面的 templat tables rep， 就是说我要用 ts 啊来开发这个瑞艾克的项目。 好，关于这句啊，用瑞艾特瑞格特 app 啊，来构建项目的意思啊，就是这样。接下来咱们去中端看一下这个项目有没有安装完成 好。现在啊，已经安装成功了。接下来咱们跑一下这个项目，看看 cd 零二杠 macin room， 然后靠的点回车用 vs 靠的打开一下这个零二杠模型入模。 接下来，咱们可以用 npm 起一下这个项目，他这里面已经有了一个 star 的开发模式啊，咱们啊运行一下。 好。如果现在啊显示出了这样的一个页面啊，就表示啊，当前这个瑞艾格特加 ts 的项目啊，已经运行起来了。 因为咱们啊，是要用瑞艾克特加 ts 啊，开发 siri 项目。所以啊，咱们还得把 siri gs 相关的依赖啊，给他安装进去。关于 siri 的依赖啊，咱们之前之前说过啊，就是这里的 siri 啊，以及泰普 siri。 这里呢，我就直接复制粘贴，然后去终端里安装一下。打开一个终端，然后把刚才的那段代码复制粘贴进来，然后回车。 npm 安装有点慢，我直接用 cmpm 来安装了。稍等一下 好，安装完了。接下来啊，咱们再去调整一下 ts 的配置文件啊，取消 ts 的 stry 模式。因为啊，如果这个 stry 为处的话，那用 stry 啊写成语时啊，会有点麻烦。 去找一下 ts 的配置文件，就这个，然后将这个喜瑞克特 给删掉。接下来呢，我们啊，再把 index 啊，首页啊给调整一下。因为啊，我们现在不考虑啊项目的测试啊，所以啊，关于测试的一些东西啊，就可以删掉。打开这个 index tsx 文件， 这后面啊，这一部分啊，是与测试相关的啊，咱们这里啊，就不做测试方面的开发了，我们可以将其删掉， 然后与其相关的依赖啊，也给他删掉。在这里啊，我再简单提一下啊， 当前的 vs 扣的编辑器啊，还无法对 tsx 文件啊做格式化，我们需要安装一个叫普瑞特考的方迈特的差距啊，去对 tsx 做格式化，我们啊在这里搜一下就可以找到啊，就是这里的普瑞特靠的方迈特。好。接下来呢，我们再在 src 文件里面建立一个 model 文件夹，将之前的模型文件啊放进去。 我现在 src 沐浴露里面啊，建立一个 models 文件夹，然后我去这个文件夹里面把咱们之前的模型文件给复制粘贴进去。 就这里啊，这一堆给他复制粘贴到这个 models 里面去。 接下来再把这个摸到文件啊，往帕布雷克里面复制粘贴一分。好，就这样。 接下来啊，咱们再在啊 apple 文件里面啊，去建立一个看我此画布， 找一下 apple txt。 然后这里面的这些东西呢，可以都给他删了。然后啊，我去建立一个 carovers converse， 这里的 id 呢，也叫它 converse 了。好，就这样。然后呢，咱们啊再设置一下 css 的样式， 我要让这个爱护足迹啊，充满窗口。之后呢，我也会让 cavos 啊充满窗口。我先去 indix css 里啊做一下调整。这些样式啊，都是 css 基础啊，我就复制粘贴。 目的呢就是先让 html 的高百分之百的充满窗口，然后再让 body 的高百分之百充满 html。 接下来呢，再让一个 id 为 root 的 div 百分之百的充满 body。 接下来啊，咱们带带 apple 啊， css 里面啊，让 cas 为 app 的 div 啊，充满窗口。 好，就这样。接下来啊，咱们去看一下有没有报错哎。瑞艾克特盗姆典瑞德在瑞艾克特十八的版本里面啊，不再被支持了。 这个我前几天啊，还没注意到。咱们啊，去下面的链接里啊，点开看看哦，他是 这里面有说瑞艾克特更新后的用法。咱们在这啊，就直接复制粘贴一下，看看好不好使。我先把这个克瑞特瑞特复制粘贴进去，把之前的瑞艾克特和瑞艾克盗姆都给替换掉。 接下来，我再根据 id 啊来获取一个盗墓元素， 我就直接复制粘贴了。我这里呢，就去获取一个 id 为 root 的盗墓元素了。 然后我再去看看文套，看他下一步是怎么走的。哎，这里呢，是声明了一个 rute， 这个 rute 等于 curryteaut content。 好，我直接复制粘贴 一下，放到这后面来。好，咱们啊再往后看。 后面呢，就是用这个肉特来渲染一个 app， 我还是要把它复制一下。 然后我覆盖掉这里的瑞艾克特盗姆杰瑞的。这里的泰宝应该是传递了一个探索，我不需要就把它删掉了。我当前啊，对于瑞艾克特元马研究还不是太深啊。所以啊，这里面的一些底层原理啊，我就不给大家想说了。 对于瑞艾特更新的这些功能啊，需要大家自己去看了。我们在这浏览器里啊，看一下就没有啊，之前的报错了啊。我们可以啊，再看一下当前页面 的盗墓结构。我之前啊，在 index 里的操作啊，就是啊，先获取了一个 id 啊，为入他的 div， 然后我这个 div 里面啊，放入了 app 啊组件， 然后这个 apple 图鉴里面呢，还有一个坎沃斯之后啊，我们会基于这个坎沃斯啊来渲染三维机房。
