求教大神如何实现页面中3D贴图效果

sinat_31948623 2015-10-12 02:04:31

就是类似于有一张3D的立体效果图，我可以替换其中的图片，比如一间屋子里有4面墙（包括天花板），如何实现能往墙上拖动图片以及自定义区域来填充颜色，无聊的时候突然来的想法，求大神解答，最好有点代码和实例。。。（ps.原谅我是半个伸手党~~~）

...全文

130 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

英文原文地址《Difference between Displacement , Bump and Normap Maps》 By Pluralsight on August 14, 2014 你是否在学习如何为你的3D素材制作贴图的时候遇到了点小挫折？不要灰心！很多贴图或3D领域的艺术家在初次遇到凹凸贴图(Bump map)，法线贴图(Normal map)以及置换贴图(Displaceme...

简介法线贴图技术至今一直是游戏增强画面效果的利器之一。随着移动设备的性能越来越好，曾经的在PC平台的各种高级技术在移动平台也都开始大规模使用了。最近印象最深刻的就是《镇魔曲》，场景地形全部都加了法线，可以说是无所不用其极了....之前还没见过哪个游戏在移动平台敢这么大规模地使用法线。而且人模的渲染也是走的次时代的流程。不得不说大厂就是牛，本屌丝只能望别人家的游戏兴叹啊。本篇文章主要是研

这样的结果效率低下（因为我没有更好的方法），但是可以优化,比如相邻的面不用显示等。我们如果有原贴图，只要拉伸一下就可以得到我们看到的贴图。然后利用重心：变换前后与重心的（比例）关系不变。一个取巧（更麻烦）的方法是将它看做两个三角形。具体计算过程请自行搜索，这里是最终计算结果。，我也不知道，反正是对的)给定原三角形三个点的坐标。(至于为什么会有一个。

基于ThreeJS为3D模型增加贴图示例描述与操作指南示例效果展示实现方式示例描述与操作指南当前示例用于展示如何在三维立体构件六个面上添加贴图。示例效果展示实现方式添加贴图：在模型的多个面上添加材质图片 // 改变材质种类 const changeMaterial = () => { // 实例化一个加载器loader const loader = new THREE.T...

在计算机图形学中，“法线”是指在特定点垂直于（或“法线”）表面的向量。因此，我们将法线贴图称为“法线贴图”，因为它们存储了有关 3D 模型表面法线的信息。通过在渲染过程中应用法线贴图，可以根据贴图中存储的信息修改 3D 模型的表面法线，从而产生照明和着色效果，从而产生复杂表面细节的错觉。

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章