# 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);

本文解释了 JavaScript 中 console.log 打印对象为 [objectObject] 的原因，并介绍了多种方法如 console.dir 、 JSON.stringify 、展开运算符等来详细查看和打印对象结构，以助于调试复杂对象。

这是打印输出代码

console.log("111111111111111111111"+this.basicInfo)

控制台打印显示

111111111111111111111[object Object]

原因

因为 console.log 在尝试转换对象为字符串时调用了对象的 toString() 方法。对于普通 JavaScript 对象， toString() 方法并没有做特殊处理，所以返回的是对象的通用字符串表示形式，即 [object Object] 。

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

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

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 的网站。

# 引子

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

# 描述

# 像素

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