ThreeJS学习记录

最新推荐文章于 2025-09-02 08:33:45 发布
原创 最新推荐文章于 2025-09-02 08:33:45 发布 · 116 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #three.js

博客介绍了Three.js和WebGL起步相关内容，推荐了两个网站，涵盖WebGL基础和ThreeJS基础，为相关技术学习提供了起步指引。
threejs学习笔记
大兵的猫
03-12 336
threejs学习笔记
Three.js 学习笔记
SSophia的博客
09-18 823
Three.js是一款基于原生WebGL封装的Web 3D库，向外提供了许多的接口。 它可以运用在在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域。
Threejs学习笔记
m0_57869348的博客
06-03 1146
ThreeJs的简单使用
ThreeJs 学习笔记
最新发布
qq_33365152的博客
09-02 373
ThreeJs学习笔记、Three、Three.js
threeJS学习笔记（一）
weixin_43024757的博客
07-28 2136
我们人的眼睛就是一台摄像机，我们在正前方画一条垂直于地面直线，那么必定存在两个点使得点到人眼形成的角度之和为75度，以这个75度角发散出去能看到的范围就是。位置，所以此时相当于我们处于立方体的内部，那么从立方体内部往外看，自然什么都看不到，这时候我们需要把摄像机向后移或者把物体往前移动（也就是在Z轴上移动）即可。第二个参数是宽高比，从上图可以看到，看出去的视角范围实际上是一个视锥，底部都是矩形的视觉区域，而每个矩形的宽高比必定为指定的宽高比。此外，threeJS内部也提供了解决方案，使用内置的。
threeJs学习笔记（三）
weixin_43024757的博客
09-07 865
所以，当来到性能优化层面时，灯光的实现可以考虑在一开始进行3D建模时就给纹理附加上灯光，而不是使用。里的光源实现，不过这样的问题是做不到实时的灯光移动，对于需要动态变化的场景可能就略有欠缺。平行光是从单一方向照射而来的光，默认平行光来源为正上方：（0，1，0）的位置。对应的是光的衰减值，通常情况下使用的默认的就行，默认值是2，2已经是。注意看，半球光在光交界处的颜色是渐变的，即两种光深浅的交融。这个场景内的几何体，都是使用原本就有灯光效果的纹理实现的。，光的默认位置也是（0，1，0）
three.js 学习笔记
好好学习天天向上
01-07 1636
渲染器执行render方法的时候会读取相机对象的投影矩阵属性projectionMatrix，但是不会每渲染一帧，都通过相机的属性计算投影矩阵(节约计算资源)。比如相机的位置属性，改变相机位置也可以改变相机拍照场景中模型的角度，实现模型的360度旋转预览效果，改变透视投影相机距离模型的距离，就可以改变相机能看到的视野范围。没有特定方向，整体改变场景的光照，会均匀的照亮场景中的所有物体。(物体表面)的影响，如果使用受光照影响的材质，在不开灯的情况下是看不见的。反射的光线越多，光越亮，反射的光线越少光越暗。
threeJs学习笔记（六）
weixin_43024757的博客
10-10 1870
格式的模型正在逐渐成为标准，它内部使用的材质通常为PBR材质(Physically Based Realistic)，PBR材质也会逐渐成为标准的使用材质。文件，其中包含了一个模型的所有信息，它是二进制的，体积相对更小；压缩是一种用于3D图形的数据压缩算法，主要用于3D模型的传输和存储，它由google开发而来，开源。格式，它可以存储更多的数据，比如一整个场景的对象、对象嵌套、骨骼、动画等。模型默认是PBR材质的，要让他显示需要外部光源，点击顶栏的。现在我们要导入的是鸭子的模型，但是这个模型的位置在。
threejs学习笔记（仅供学习参考）
c_qianxia5040的博客
01-13 2104
更多案例 http://www.yanhuangxueyuan.com/3D.html 物联网粮仓3D可视化案例：http://www.yanhuangxueyuan.com/3D/liangcang/index.html 沙发在线预览： http://app.xuanke3d.com/apps/trayton/#/show 服装在线预览： http://suit.xuantech.cn/ 洗衣机在线交互预览：https://cdn.weshape3d.com/hir001/1021/web/index.
threejs学习笔记（七）
weixin_43024757的博客
10-11 1241
比如要将场景渲染到1920 * 1080的画面上，开启抗锯齿后就是先将场景渲染到3840 * 2160的画面上后再缩放至1920 * 1080，这样子的抗锯齿效果显著，但是性能开销显然就非常大了。，多重采样抗锯齿，原理是在每个像素周围进行多次采样来减少锯齿现象，实现上相对简单，但是因为只在像素中心附近进行采样，所以无法完全消除所有锯齿。2X SSAA，就代表渲染到2倍于原始分辨率的场景，每一个像素相当于放大了 2 x 2 = 4倍，渲染的像素总数就是原来的4倍。
#资源达人分享计划#threejs学习Demo笔记.rar
08-06
【标题】：在这个资源达人分享计划中，我们关注的是"threejs学习Demo笔记.rar"，这是一个关于Three.js库的学习资源，特别聚焦于线条和动画效果的实现。 【描述】：这个压缩包包含了一系列Three.js的源码示例，用于...
threejs学习记录第一天
旅行中的伊蕾娜的博客
04-22 702
使用cdn引入threejs。
webpack配置及vue.config.js
weixin_49834963的博客
05-18 4585
webpack webpack配置 写在前面：官网解释到，webpack 是一个基于node.js的模块打包器。它的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transform)、打包(bundle)或包裹(package) https://webpack.docschina.org/guides/getting-started/ （练习放在workspce/demo/webpack_demo） 一些基础知识： 入口(entry) ：指示 we
纯CSS组件网站
weixin_49834963的博客
12-06 471
纯CSS组件网站 https://neumorphism.io/ css Soft-UI 按钮 https://cssbuttons.io/ css组件 仅包括 button/ checkbox/ toggle switch http://navnav.co/ css全组件*
图数据可视化算法调研（持续更新）
weixin_49834963的博客
05-14 381
图数据可视化算法调研 数据可视化分类 dataV 图可视化算法分类 G6展示布局算法代码 Vue框架，安装g6即可运行 <template> <div> <div id="container"></div> <el-button class="btn" v-on:click="circular()">圆形</el-button> <el-button class="btn" v-on:clic
修改项目经历
weixin_49834963的博客
12-19 361
修改项目经历 发的第一篇博文，也是第一次对项目进行修改并成功，记录一下 需求： 将eve项目中的实线改为虚线 问题： 1.项目目录看不懂，虽然在论坛上找到了部分目录的解释，但是最关键的html目录没细讲 2.其次，项目是离线开发，且每次修改都要用winscp上传至虚拟机，另外winscp没有local history 3.项目中融合了许多组件，JSplumb,angular…, 目前其他还没碰到 解决方法： 1.先F12看清这条线是用到了哪些属性。不过F12的渲染机制还没搞明白，得找个时间好好研究一下。 坑
单点登录
weixin_49834963的博客
12-20 241
单点登录 单点登录（Single Sign On），简称为 SSO，是比较流行的企业业务整合的解决方案之一。SSO的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。 对比Token登录认证 Cookie HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份，就给客户端们颁发一个通行证吧，每人一个，无论谁访问都必须携带自己通行证。这样服务器就能从通行证上确认客户身份了。这就是cookie cookie指的就是在浏览器里面存储的一种数据，仅仅是浏览器实现的一种数据存储功能
【CS_CCC】长沙攻略
weixin_49834963的博客
01-16 180
【CS_CCC】长沙攻略 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QPVvyYTl-1610757737612)(C:\Users\84662\AppData\Roaming\Typora\typora-user-images\image-20210113215635591.png)] 吃 钰湘宴 位置：五一广场店 价位：91 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eAxS3Szy-1610757737616)(C:\Users\
超哥node20集教程随笔(二)
weixin_49834963的博客
05-22 159
超哥node20集教程随笔(二) buffer缓冲区 结构和操作类似数组，但可用于存二进制数据，不需引入模块 let str = "Hello"; let buf = Buffer.from(str); console.log(buf); //<Buffer 48 65 6c 6c 6f>, unicode编码00-ff console.log(buf.length); // 5 // buffer中都存的二进制，但显示时以十六进制显示 // 如果是汉字，一个汉字占三个字节 ..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值