博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
threejs学习笔记(7)
阅读量:4557 次
发布时间:2019-06-08

本文共 632 字,大约阅读时间需要 2 分钟。

c8ea15ce36d3d5397e2baa6a3887e950352ab001.jpg

demo地址:

========================================================

1) 图片纹理需要先load一个图片纹理进来

var someTexture = new THREE.ImageUtils.loadTexture("a.jpg");

然后,在实例化材质时,将纹理作为map参数传进去。

var cubeMaterial = new THREE.MeshBasicMaterial({

map:neheTexture});

2)纹理和顶点着色器可以并用,两个参数都传。最终效果会将两者叠加起来。

var pyramidMaterial = new THREE.MeshBasicMaterial({ 

    vertexColors:THREE.VertexColors, 

    map:neheTexture

}); 

3)纹理对象有min_filter、mag_filter、wrapS、wrapT、repeat.x、repeat.y这些属性。repeat.x和repeat.y用于设置纹理的缩放的,repeat.x和repeat.y越大,纹理反而越小。

4)纹理对象默认会拉伸图片,将图片刚好填满面。比如这个demo中,立方体的面是长宽相等的正方形,而a.jpg是个长方形。将a做为纹理时,长宽没有等比拉伸。

转载于:https://www.cnblogs.com/cly84920/p/4426416.html

你可能感兴趣的文章
转 我修改的注册表,但是程序运行起来,还是记着以前的
查看>>
图片轮播功能
查看>>
第六周小组作业:软件测试和评估
查看>>
linux Cacti监控服务器搭建
查看>>
debian(kali Linux) 安装net Core
查看>>
centos 7防火墙设置
查看>>
自定义进度条(圆形、横向进度条)
查看>>
spark-streaming-kafka采坑
查看>>
9.Mongodb与python交互
查看>>
18-[JavaScript]-函数,Object对象,定时器,正则表达式
查看>>
读取短信回执
查看>>
EF 数据初始化
查看>>
PreparedStatement与Statement
查看>>
WebService -- Java 实现之 CXF ( 使用CXF工具生成client 程序)
查看>>
[LeetCode]Two Sum
查看>>
Android学习--网络通信之网络图片查看器
查看>>
[LeetCode] Excel Sheet Column Number
查看>>
安卓广播接收者
查看>>
999线监控
查看>>
Redis在python中的使用
查看>>