置顶文章

1.7k 字 2 分钟

还记得所有AI教程必提的「奥卡姆剃刀原则」吗？即：如无必要，勿增实体。这条原则也被收藏，还有一些不太常见的费茨法则、盖尔定律、康威定律等，都被一一收入囊中。

精选分类

前端

技术设计
30 个子项，337 篇文章

心得

思维
5 篇文章

threejs

技术设计
17 篇文章

kotlin

技术设计
6 个子项，28 篇文章

文章列表

6k 字 5 分钟

# THREE.WebGLRenderer 的参数设置

THREE.WebGLRenderer 对象的参数设置非常影响渲染效果

要想获得比较好的渲染效果，对 THREE.WebGLRenderer 可进行以下参数设置。

var renderer;
renderer = new THREE.WebGLRenderer({
      antialias:true
});
renderer.physicallyCorrectLights = true;
renderer.setPixelRatio( window.devicePixelRatio * 2);
renderer.setSize(window.innerWidth,window.innerHeight);
renderer.gammaOutput = true;
renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.PCFSoftShadowMap;
renderer.toneMapping = THREE.ACESFilmicToneMapping;
renderer.toneMappingExposure = 1.0;
renderer.outputEncoding = THREE.sRGBEncoding;   
document.body.appendChild(renderer.domElement);

401 字 1 分钟

刚学习聚光灯属性时发现没有光照效果，后来发现是聚光灯的 decay 属性影，初始必须添加这个属性才会有灯照效果： 代码： const spotLight = new three.SpotLight(0xffffff, 0.5)spotLight.position.set(5, 5, 5)spotLight.castShadow = true // 开启光照投射阴影// 设置阴影贴图模糊度spotLight.shadow.radius = 20// 设置阴影贴图的分辨率spotLight.shadow.mapSize.set(4096, 4096)//...
1.2k 字 1 分钟

​ 在 ThreeJS 中，纹理的 colorSpace 属性用于定义文里的颜色空间。

​ 颜色空间是一个用于描述颜色的数学模型，在现实生活中，人眼可以观察到无数种颜色，而颜色空间就是用来描述这些颜色的一个方法，不同的颜色空间可以表示不同的色值范围和精度的颜色。

2.7k 字 2 分钟

NSDT工具推荐：

  • Three.js AI纹理开发包
  • YOLO合成数据生成器
  • GLTF/GLB在线编辑
  • 3D模型格式在线转换
  • 可编程3D场景编辑器
  • REVIT导出3D模型插件
  • 3D模型语义搜索引擎
  • Three.js虚拟轴心开发包
  • 3D模型在线减面
  • STL模型在线切割

令人惊叹的 HDR 图像应该令人印象深刻。

当你想找到一些免费的 HDR 图片时，可以使用 HDR 相机自行拍摄，也可以从图片库网站下载一些免费的 HDR 图片。你可以在 Shutterstock 中找到数百张令人惊叹的 HDR 照片，价格约为 10 美元。

本文介绍 10 个最常用的可以免费获取 HDR 的网站。

2k 字 2 分钟

描述

项目描述
操作系统Windows 10 专业版
Edge110.0.1587.41 (正式版本) (64 位)
物理分辨率1920x1080

像素

像素Pixel是计算机图形处理中的一个基本概念，它是 图像元素 的缩写。像素是图像的最小单元，用来表示数字图像或位图图像中的 色彩 和亮度 信息。

1.6k 字 1 分钟

引子

最开始写页面的时候，对页面里面的 px 还是蛮好奇的，电脑上的分辨率好像正好跟页面渲染的宽度值对应，但手机里面却不是这样的，记得当时还去找了相关资料，好像知道是怎么回事。最近脑海里再次想起了这个问题，但已经不知道该如何表述，又没有相关的笔记，这个觉得有必要区分一下相关的概念。

814 字 1 分钟

前言

通过stats.js库可以查看three.js当前的渲染性能，具体说就是计算three.js的渲染帧率(FPS),所谓渲染帧率(FPS)，简单说就是three.js每秒钟完成的渲染次数，一般渲染达到每秒钟60次为最佳状态。

6.8k 字 6 分钟

在Three.js 中，动画是创建互动和动态3D内容的关键组件。无论是为游戏、可视化工具，还是艺术项目添加动画效果，使用动画库都能极大地简化这个过程。本篇博客将梳理一些常用的动画库及其在Three.js 中的应用，帮助开发者更好地理解和使用这些工具。