今天郭先生说一说three.js的材质。材质描述了对象objects的外观。它们的定义方式与渲染器无关， 因此，如果您决定使用不同的渲染器，不必重写材质。
我也是个初学者，大家就当这是我的笔记看，如果理解不正确请大家指正。首先推荐大家一个学习网站Tress.js中文网。 首先我们需要先引入tree.js
在Three.js中，三维空间指的是具有三个独立轴的空间，通常称为X、Y和Z轴。这种空间用于描述和定位3D对象的位置、旋转和缩放。
在 three.js 里以向右的方向为 x 轴，向上的方向为 y 轴，向前的方向为 z 轴：
前言 设计师需求中3D视觉平移到互动H5中的项目越来越多，three.js和PBR工作流的结合却一直没有被系统化地整理。 和各位前端神仙一起做项目，也一起磕磕碰碰出了爱与痛的领悟。小小总结，希望3D去往H5的道路天堑变通途。 本手册主要分为两大部分： Part 1 理论篇：主要让设计师了解计算机到底是如何理解和实时渲染我们设计的3D项目，以及three.js材质和预期材质的对应关系。 Part 2 实践篇：基于three.js的实现性，提供场景、材质贴图的制作思路、以及gltf工作流，并动态讨论项目常
本文不会对Three.js几何体、材质、相机、模型、光源等概念详细讲解，会首先分成几个模块给大家快速演示一盒小案例。大家可以根据这几个模块快速了解Three.js的无限魅力。 学习
一个鼓舞人心的演示，用three.js探索3D空间中的粒子动画。 这种类型的动画可能非常适合页面加载器。
很多网友反应“这也太可爱了吧”，连摩纳哥亲王也想带回去两个给自己的龙凤胎，请求工作人员再为自己制作一个冰墩墩，不然回去也就“不好交代”了。
上一节我们创建了一个三维的立方体，将其放在了浏览器窗口中，但是目前来讲它只是一个静态的图片，我们并不能通过鼠标控制其旋转、缩放和移动，这一节我们来实现用鼠标控制物体的运动。 首先我们要了解一个概念，在三维场景中，我们要控制物体旋转，实际上不是物体在旋转，而是我们的相机（还记得上一节中说的相机吗）在围绕物体旋转，就像电影中的镜头拉近一样，是相机在动，不是物体在动，所以，在Threejs中要想让我们的物探动起来，我们需要引入一个轨道控制器(OrbitControls),它可以使得相机围绕目标进行轨道运动，下面我们来实现下 1.导入轨道控制器OrbitControls OrbitControls是ThreeJS的一个扩展库，其本身不在threejs的基础库里面，其位于threejs—examples—jsm—controls文件夹下面，我们在上一节引入threeJS的下面添加如下代码进行引入
效果分析： 要实现上述效果，我们需要两张图片，作为纹理贴图，使其图案产生明暗效果；然后通过定义ShaderMaterial对象通过自定义Shader实现上述效果；后面代码中会进行详细分析； 这里我们先介绍下基础知识
他们或者单个出现在着色器中，或者组团出现在着色器中，是着色器的灵魂。下面来分别说一说他们的意义和用法。
本文不会对Three.js几何体、材质、相机、模型、光源等概念详细讲解，会首先分成几个模块给大家快速演示一盒小案例。大家可以根据这几个模块快速了解Three.js的无限魅力。
居中是一片草坪,远处的草坪皆有雾化的效果,逐渐模糊不清,草坪中央有一个单杠,挂着一块白布,随风飘摇.
随着前两天冬奥会序幕的正式拉开，也成功带火了本次吉祥物冰墩墩。憨厚可爱的熊猫形象，让冰墩墩的实体公仔、钥匙扣都被一抢而空，众多网友呼吁现在真的是「一墩难求」！
材质是描述对象的外观，Threejs中提供了很多材质的API，今天我们来了解几个常用的材质类API 1.Material Material是所有材质的基类，所有继承自Material的材质都基础了Material的属性和方法，Material常用的属性有： alphaTest：控制透明度的alpha值，默认值为0，如果设置不透明度(opacity)低于此值，则不会渲染材质。 depthTest：是否在渲染此材质时启用深度测试。默认为 true depthWrite : 渲染此材质是否对深度缓冲区有任何影响。默认为true id : 材质实例的唯一编号 needsUpdate：指定需要重新编译材质 opacity : 在0.0 - 1.0的范围内的浮点数，表明材质的透明度。值0.0表示完全透明，1.0表示完全不透明。如果材质的transparent属性未设置为true，则材质将保持完全不透明，此值仅影响其颜色。 默认值为1.0。 side：定义材质将要渲染哪一面 (正面，背面或两面)。 默认为THREE.FrontSide(正面)。另外两个选项为THREE.BackSide(背面)和THREE.DoubleSide(两面) transparent :定义材质是否透明,默认为false visible: 材质是否可见。默认为true 2.MeshBasicMaterial MeshBasicMaterial，基础网格材质，我们在前面已经用过好多次了，这种材质不受光照的影响，没有阴影；但是可以给它设置颜色、不透明度
github仓库地址：https://github.com/RainManGO/3d-earth
这是关于渲染的系列教程的第十一部分。之前，我们使着色器能够渲染复杂的材质。但是这些材质一直都是完全不透明的。现在，我们将添加对透明度的支持。
HTML <!DOCTYPE html> <html style="height: 100%;"> <head> <title>model_load</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
DC电源模块是一种常见的电子元件，被广泛应用于电子设备、通讯、计算机、医疗器械、制造业等领域，它的外壳材质对电源模块的性能和稳定性有直接的影响。本文将就DC电源模块外壳材质的不同对模块的影响作一简要介绍。
在上一篇中，对maptalks的基础功能，及地图如何绘制已经了解，对于有探索能力 的小伙伴可能已经完成了更加高级的功能，但在这里，作为手册性质还是会慢慢记录下开发中的细节。
在本指南中，我将逐步解释为iOS应用设计暗模式的过程。本文将重新设计WhatsApp，基于Apple的人机界面指南。
本文主要介绍了3D渲染中材质的相关知识，包括材质的通用属性、材质球结构、材质实例、材质属性、表面着色、光照模型和材质配置等。同时，也介绍了在渲染过程中，如何通过设置材质属性、光照模型和材质配置等，来实现模型的逼真渲染。
在 Unity 中 , 材质 是一种资源 , 在 Project 工程文件窗口 中的 Assets 目录 下进行管理 ;
在meshGroup.add(earthMesh)后面调用createMapPoints方法
对于透明物体的处理，是游戏引擎的一个重要能力，通常通过模型的 透明通道 alpha 来控制物体的透明情况，alpha取值范围为
问题是，简单粗暴的加一个边框，并不能满足需求。很多时候，人们需要的是轮廓的效果，也就是图片的有像素和无像素的边缘处。如下图的效果所示：
尽管 Three.js 文档已经比较详细了，但对于刚接触 Three.js 的工友来说，最麻烦的还是不懂如何组合。Three.js 的功能实在太多了，初学者很容易被大量的新概念冲晕。
毛玻璃拟态模仿了塑料材质（凹凸质感，凸显层次感），这个新的视觉风格更加注重垂直空间Z轴的使用：
一、理论讲解 在OpenGL中，物体透明技术通常被叫做混合(Blending)。 透明是物体（或物体的一部分）非纯色而是混合色，这种颜色来自于不同浓度的自身颜色和它后面的物体颜色。 一个有色玻璃窗就是一种透明物体，玻璃有自身的颜色，但是最终的颜色包含了所有玻璃后面的颜色。这也正是混合这名称的出处，因为我们将多种（来自于不同物体）颜色混合为一个颜色，透明使得我们可以看穿物体。 透明物体可以是完全透明（它使颜色完全穿透）或者半透明的（它使颜色穿透的同时也显示自身颜色）。一个物体的透明度，被定义为它的颜色的alp
3Ds Max是一款强大的三维建模软件，它可以让你在电脑上创造出各种各样的三维模型，比如建筑、汽车、人物等等。它的操作界面非常友好，可以让你快速地学会如何使用它。
导读：现代的数据可视化产品相较于之前的仪表盘应用，在数据方面呈现更加生动、数据实时性高、交互更为友好、效果更加震撼等特点，越来越多的人倾向于通过各类可视化产品使静态的数据“活”起来。基于此背景，我们结合滴滴的各业务线发展，打造了本文介绍的数据可视化大屏产品。
选自arXiv 作者：David Mascharka等 机器之心编译 参与：路雪、黄小天 近日，MIT 林肯实验室和 Planck Aerosystems 联合发布论文，提出一组可组合的视觉推理原语，并构建了 Transparency by Design network（TbD-net），通过整合注意力机制推进了模型透明度，同时又保证了高性能。TbD 在 CLEVR 数据集上达到了当前最优的准确率 99.1%；在 CoGenT 泛化任务上，TbD 比当前最优的模型提升了超过 20 个百分点。该论文被贴到 r
在上一篇案例中实现了几何体-球体旋转效果，今天继续丰富这个案例效果，在球体的周围添加光圈及旋转模块（图片+文字组成），均匀的分布在球体周围，围绕着球体逆时针旋转，最终效果如图：
Scrum建立在经验主义的基础上，该经验主义基于三个最重要的方面（也称为下图所示的三大支柱），支持经验过程控制的每一个实施：透明度，检查和适应。当Scrum团队体现并实践承诺，勇气，专注，开放和尊重的价值观时，透明度，检查和适应性的Scrum支柱变为现实，并为每个人建立信任。Scrum团队成员在使用Scrum角色，事件和工件时学习和探索这些值。
腾讯设计周（TDW）由腾讯设计通道联合腾讯学堂共同举办，活动形式主要由设计峰会和创意市集组成，基于"DESIGN FOR GOOD"理念，旨在打造一年一度的设计行业盛会，持续对外传递腾讯的理念、愿景和使命。
Window => Package Manager 中搜索Universal RP，并安装
静电说：iOS 13已经发布了半个月时间。很多小伙伴都特别想对iOS13的全新设计规范有一个全面的了解。在这里静电结合WWDC 2019的官方视频与苹果官方资料，花了一整天的时间翻译整理，为大家带来最全面细致的iOS 13交互设计指南及规范解析。赶紧转发收藏吧！
今天跟大家聊一聊多图型PPT最常用的三大排版技巧 ——半透明遮罩、色块衬底、渐变过渡 图文混排技巧 ▽ 虽然PPT在图文排版方面与专业的修图软件PS比起来 要有些差距 但是排版毕竟是有章可循的创意行为 只要遵循一定的规则 再加上局部的细节修饰和调整 PPT也可以排版出和谐、清新的样式 今天就介绍一下在做全图型（或多图型）PPT时 常用的三大技巧 半透明遮罩、色块衬底、渐变过渡 这三种技巧分别适用于不同的场景 1 半透明遮罩 如果你要做的一张全图型PPT 而且已经获得了高清大图 （至少铺满整个PPT页面而且
相信很多人都知道，通过ShadowMap可以产生阴影，通过渲染阴影可以增加场景渲染的对比度，增加渲染的真实效果。 如下图所示：
Windows 10 秋季更新（Build 16299）中引入了亚克力材质，这是一种类似于Windows 7窗口磨砂玻璃效果的Brush。
玻璃拟态是目前市面上的新风格，越来越受欢迎。新拟态模仿了受到挤压的塑料材质（凹凸质感，凸显层次感），这个新的视觉风格更加注重垂直空间 z 轴的使用。它最典型的特征是：
神经网络（NN）架构图制作起来往往费时耗力，很多时候机器学习研究人员需要从头开始构建相关图。
在上一篇《C#开发BIMFACE系列16 服务端API之获取模型数据1：查询满足条件的构件ID列表》中介绍了获取单文件(模型)的所有构建ID列表。每个构建由多种材质组成，本文介绍获取单个构建ID的材质列表。
《凤凰项目》一书中的团队合作和沟通部分提供了许多实用的方法和技巧，这些方法和技巧可以帮助团队更好地协作和管理任务，提高整个团队的工作效率和质量。本文将对其中一些重要的方法进行总结，并阐述如何在工作中使用这些方法。
最近项目开发任务告一段落，刚好有时间整理这大半年的一些成果。使用html5时间还不久，对js的认识还不够深入。没办法，以前一直搞java，对js的一些语言特性和概念一时还转换不过来。
刺猬，OneTwoOne设计主理人、站酷百万人气推荐设计师；清空，胡晓波设计工作室三维设计师、动态设计师。生活中的两位不仅仅是技术流大师，也热衷于关注社会热点和品味文学。
● 点击屏幕，松开手指，足球就会被踢出去，还缺少力度和方向控制，同时也缺少力度和方向的界面展现，后期完善以后，会进行更新，欢迎继续关注此项目。
本文主要介绍了WebGL和Three.js的渲染流程，从加载模型到生成纹理和片元着色器，再到进行矩阵计算和坐标转换，最终完成3D渲染。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
