添加纹理:

接上一章,房子的雏形完成了。我们需要给房子添加一个标准材质:

const material = new BABYLON.StandardMaterial("name", scene);

接下来我们让地板变成绿色的草地:

//创建了一个标准材质,由于只有一个场景,我们可以删除该参数并让它默认为当前场景。

const groundMat = new BABYLON.StandardMaterial("groundMat");

//让材质变成绿色

groundMat.diffuseColor = new BABYLON.Color3(0, 1, 0);

//将这个材质赋值给地板

ground.material = groundMat;

对于颜色,Babylon封装了一些颜色,可以直接使用:

new BABYLON.Color3.Red();

new BABYLON.Color3.Green();

new BABYLON.Color3.Blue();

new BABYLON.Color3.Black();

new BABYLON.Color3.White();

new BABYLON.Color3.Purple();

new BABYLON.Color3.Magenta();

new BABYLON.Color3.Yellow();

new BABYLON.Color3.Gray(),

new BABYLON.Color3.Teal();

然后,我们需要设置房子的房顶和房子的墙的纹理:

const roofMat = new BABYLON.StandardMaterial("roofMat");

roofMat.diffuseTexture = new BABYLON.Texture("https://assets.babylonjs.com/environments/roof.jpg", scene);

const boxMat = new BABYLON.StandardMaterial("boxMat");

boxMat.diffuseTexture = new BABYLON.Texture("https://www.babylonjs-playground.com/textures/floor.png");

这里出现的BABYLON.Texture(url ,scene)

参数1 : 纹理的相对或者绝对路径

参数2 : 添加的场景, 默认是当前场景

最后给材质赋值:

roof.material = roofMat;

box.material = boxMat;

房子会呈现如下的样子:

没有门窗的石墙对于房子来说并不是一个有趣的外观。此外,当您仔细观察时,您会发现每一边都使用相同的图像,并且在某些边上进行了旋转。

Babylongjs-纹理相关推荐

  1. CUDA C 纹理提取Texture Fetching

    CUDA C 纹理提取Texture Fetching 一.参数曲面的纹理 使用纹理指定参数曲面属性. 二.CUDA C 纹理获取开发 用于计算纹理函数,根据纹理引用的各种属性返回的值的公式(请参见纹 ...

  2. 虚拟纹理与几何图像技术

    虚拟纹理与几何图像技术 一. 基本图形学概念 图1. 几何与纹理. 曲面一般表示成三角网格和纹理图像,三角网格表示曲面的几何拓扑信息,纹理图像给出曲面的颜色材质等信息.将三角网格映射到平面区域的过程被 ...

  3. 基于颜色特征,形状特征和纹理特征的数字图像的检索(Digital Image Retrieval)MATLAB GUI实现

    ** 数字图像的检索 下载地址:代码.数据集下载地址 如需论文请联系:hqucuihao@163.com ** 1. 摘要 随着互联网发展的日新月异,人们对于信息的需求不再是简单的文字,大量的图像.语 ...

  4. 基于颜色特征,形状特征和纹理特征的数字图像的检索(Digital Image Retrieval)MATLAB GUI实现(本科毕业设计)

    该程序实现的功能为:检索出指定的图像文件,并从检索出的图像中检索出指定的物体 . 1,主程序为Recognition和Recognition. 2.颜色特征,形状特征,纹理特征为对应的各子程序. 3. ...

  5. CS131专题-8:图像纹理

    目录 1 什么是图像纹理 1.1 不规则纹理 1.2 规则纹理 2 纹理描述(提取方法) 3 纹理滤波器组 4 一些滤波器提取的纹理效果 5 使用高维向量描述纹理 6 图像纹理提取的应用 应用1:图像 ...

  6. Open3DGen:从RGB-D图像重建纹理3D模型的开源软件

    点云PCL免费知识星球,点云论文速读. 文章:Open3DGen: Open-Source Software for Reconstructing Textured 3D Models from RG ...

  7. OpenGL如何处理多个纹理

    在主程序中我们先设置3个采样器名称 pbrShader.use();pbrShader.setInt("irradianceMap", 0);pbrShader.setInt(&q ...

  8. 解决Qt+OpenGL更换图像纹理的问题

    2020.2.5 疫情持续蔓延,在家无聊便解决标题所述问题. 若纹理加载是initializeGL()中,而在QtOpenGL的initializeGL()在程序运行时只运行一次,如果我的图像是通过上 ...

  9. Learn OpenGL (四):纹理

    为了能够把纹理映射(Map)到三角形上,我们需要指定三角形的每个顶点各自对应纹理的哪个部分.这样每个顶点就会关联着一个纹理坐标(Texture Coordinate),用来标明该从纹理图像的哪个部分采 ...

  10. 玻璃和水晶PBR纹理材质预设

    CGAxis–物理6–玻璃和水晶PBR纹理材质预设 大小:20.8G 信息: 透明玻璃.彩色玻璃和水晶的100种不同图案和变化的PBR纹理.这个包中的每个纹理由八个贴图组成:漫反射,反射,高度(位移) ...

最新文章

  1. leetcode算法题--Flood Fill
  2. kali 更新源_KALI Linux更新源减少手动安装依赖文件
  3. 【统计学习】参数估计
  4. java 共享内存获取写权限_跨进程访问共享内存的权限问题
  5. pythonssl双向认证_Python 上的 ssl 提示验证失败,有什么办法深究具体失败的原因么?...
  6. Java BigDecimal floatValue()方法与示例
  7. 数据结构 - 二叉排序树BST(创建、遍历、删除节点)
  8. 请教设计模式大牛们几点
  9. 曝张一鸣在游戏群批员工上班时聊游戏,遭回怼:那你退群啊
  10. 查看ssis执行日志_SSIS包日志记录概述
  11. leetcode185 Department Top Three Salaries
  12. 聚合(Aggregation)和组合(Composition)的区别
  13. (转)孙正义:数字资产会成为人类最大的资产
  14. EPlan 下载和破解
  15. TbSchedule的简单使用及其配置
  16. 概率图模型(快速入门必备)
  17. Ubuntu安装NVIDIA独立显卡驱动出现X service error问题解决方法
  18. 【转】Keil、uVision、RealView、MDK、Keil C51之间的区别比较
  19. Activiti6:模拟钉钉上面的请假流程(使用web画图并导出xml然后使用java执行流程)
  20. Old-school 老派 2016-10-01

热门文章

  1. 手机计算机16进制,16进制计算器安装方法 16进制计算器使用技巧
  2. 非专业学生如何系统的学习计算机编程?
  3. 2021年全国职业院校技能大赛(中职组)网络安全竞赛正式赛题A模块防火墙部分解析
  4. C++中的DLL调用0x00000000错误
  5. iText实现pdf添加文字水印
  6. [渝粤教育] 广东-国家-开放大学 21秋期末考试电算化会计10169k2
  7. 2022年外卖行业分析
  8. tar压缩和解压文件或文件夹
  9. 如何下载百度地图离线包并导入OruxMaps
  10. 12C中CDB和PDB的一些概念