社区首页 >问答首页 >在javascript中将3D LUTs相互结合

在javascript中将3D LUTs相互结合
EN

Stack Overflow用户
提问于 2017-09-23 07:10:56
回答 1查看 723关注 0票数 0

我正在使用javascript中的3D颜色LUTs (颜色查找表),我想知道是否有一种将两个或多个3D LUTs组合在一个文件中的方法。让我解释一下:

我得到了.cube (3D颜色查找文件)。我解析它并将解析的颜色值存储到数组中,并将其应用于现有图像。在此之后,我将新的3D LUT应用到现有的(更改的)图像上,并再次应用新的LUT。所以,现在我有三个不同的三维LUTs应用于彼此的原始图像。

现在,我可以成功地在单独的文件中导出每个3D LUT并下载它,但是我不知道如何将它们组合成一个.cube文件。我相信我需要一些算法来“合并”不同的LUTs到一个文件?

这就是photoshop如何做到这一点的例子:

LUT1:

代码语言:javascript
代码运行次数:0
复制
0.024536 0.000183 0.000244
0.049103 0.000336 0.000458

LUT2:

代码语言:javascript
代码运行次数:0
复制
0.041260 0.021149 0.009125
0.067230 0.023804 0.009125

合并LUT (结果):

代码语言:javascript
代码运行次数:0
复制
0.035034 0.020660 0.009308
0.054810 0.022766 0.009430

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-10-17 15:07:06

经过一番研究,我找到了一个解决办法。本质上,我需要将第一个LUT的输出输入到第二个LUT的输入中。这需要在程序中有一个插值函数(而不仅仅是一个3D LUT着色器)。

流程如下所示:

  1. 创建所选大小的新标识LUT (默认LUT不作任何更改)
  2. 迭代该3D LUT的每个点,并通过第一个LUT的ColorFromColor,然后再通过第二个LUT的ColorFromColor,将每个点的标识颜色进行管道化。将最终值存储在新的LUT中。

函数如下所示:

代码语言:javascript
代码运行次数:0
复制
function mapColorsFast(out, image, clut, clutMix){
    let od = out.data,
        id = image.data,
        w = out.width,
        h = out.height,
        cd = clut.data,
        cl = Math.floor(Math.pow(clut.width, 1/3)+0.001),
        cs = cl*cl,
        cs1 = cs-1;

    var x0 = 1 - clutMix, x1 = clutMix;
    for(var y = 0; y < h; y++) {
        for(var x = 0; x < w; x++) {
            let i = (y*w+x)*4,
                r = id[i]/255*cs1,
                g = id[i+1]/255*cs1,
                b = id[i+2]/255*cs1,
                a = id[i+3]/255,
                ci = (dither(b)*cs*cs+dither(g)*cs+dither(r))*4;

            od[i] = id[i]*x0 + x1*cd[ci];
            od[i+1] = id[i+1]*x0 + x1*cd[ci+1];
            od[i+2] = id[i+2]*x0 + x1*cd[ci+2];
            od[i+3] = a*255;
        }
    }
}

函数只接受几个参数:输出缓冲区,将结果写入图像--一个包含imageData格式杂色LUT格式的图像的缓冲区,我们要应用于图像clutMix --影响效果的强度(0-1)。

在本例中,我们需要创建标识LUT,将其保存为图像,并将其作为图像参数传递给函数,然后将新的LUT应用到函数上。然后,我们再次将结果导入到相同的函数中,并将新的LUT应用到其中。我们对每个LUT都这样做,我们想要与其他LUTs混合。

我在https://github.com/jwagner/analog-film-emulator/blob/master/src/image-processing.js - Javascript电影仿真项目中找到了这个功能.

如果您正在使用canvas 2d图像处理,可以找到许多有趣的材料,还有一个工作示例,包括:https://29a.ch/film-emulator/

希望它能对未来的人有所帮助!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46381040

复制
相关文章
Python 代码风格指南谷歌版
非常感谢我们的忠实读者 shendeguize,在后台留言告诉我,已经翻译了《谷歌Python代码风格指南》 ,大家这样相互帮助,感觉真是太好。
double
2020/05/08
1.2K0
Python 代码风格指南谷歌版
Python 代码风格指南谷歌版
https://github.com/shendeguize/GooglePythonStyleGuideCN
龙哥
2020/05/05
1.3K0
分享Google C++风格指南
  Qt君为大家收集的Google C++风格指南PDF版本(可能并不是最新版本) 。
Qt君
2020/05/08
4940
分享Google C++风格指南
Google C++ 编程风格指南:注释
注释虽然写起来很痛苦, 但对保证代码可读性至关重要. 下面的规则描述了如何注释以及在哪儿注释. 当然也要记住: 注释固然很重要, 但最好的代码本身应该是自文档化. 有意义的类型名和变量名, 要远胜过要用注释解释的含糊不清的名字.
CPP开发前沿
2022/03/03
8540
谷歌Python代码风格指南,翻译版来了!
非常感谢我们的忠实读者 shendeguize,在后台留言告诉我,已经翻译了《谷歌Python代码风格指南》 ,大家这样相互帮助,感觉真是太好了。
程序员小猿
2021/01/19
1.5K0
谷歌Python代码风格指南,翻译版来了!
Google C++ 风格指南 - 中文版 [值得收藏]
http://yangyubo.com/google-cpp-styleguide/ 很实用的手册,感觉象是effective c++,但其中明确指出了一些在开发过程中应该尽力避免的特性与用法,完全基于经验判定,更加简练! 每一章后面还有译者的笔记,进行了总结! 1.代码小于10行时使用inline 2.private拷贝构造函数,尽量不重载运算符 3.少用继承,看是否能用组合代替
王亚昌
2018/08/03
3140
Google C++ 编程风格指南(三):类
类是 C++ 中代码的基本单元. 显然, 它们被广泛使用. 本节列举了在写一个类时的主要注意事项.
CPP开发前沿
2022/03/03
8320
Google C++ 编程风格指南:头文件
所有头文件要能够自给自足。换言之,用户和重构工具不需要为特别场合而包含额外的头文件。详言之,一个头文件要有 1.2. #define 保护,统统包含它所需要的其它头文件,也不要求定义任何特别 symbols.
CPP开发前沿
2022/03/03
7980
Google C++ 编程风格指南(八):格式
代码风格和格式确实比较随意, 但一个项目中所有人遵循同一风格是非常容易的. 个体未必同意下述每一处格式规则, 但整个项目服从统一的编程风格是很重要的, 只有这样才能让所有人能很轻松的阅读和理解代码.
CPP开发前沿
2022/03/03
1.7K0
JavaScript 风格指南 [每日前端夜话(0x1C)]
原文链接:https://github.com/ryanmcdermott/clean-code-javascript
疯狂的技术宅
2019/03/27
8710
JavaScript 风格指南 [每日前端夜话(0x1C)]
TensorFlow风格指南
片刻
2018/01/05
8330
Google C++ 编程风格指南(二):作用域
虽然类已经提供了(可嵌套的)命名轴线 (YuleFox 注: 将命名分割在不同类的作用域内), 名字空间在这基础上又封装了一层.
CPP开发前沿
2022/03/03
7910
Google C++ 编程风格指南(六):命名约定
最重要的一致性规则是命名管理. 命名风格快速获知名字代表是什么东东: 类型? 变量? 函数? 常量? 宏 … ? 甚至不需要去查找类型声明. 我们大脑中的模式匹配引擎可以非常可靠的处理这些命名规则.
CPP开发前沿
2022/03/03
1.8K0
Google C++ 编程风格指南(五):其他 C++ 特性
总之大多时候输入形参往往是 const T&. 若用 const T* 说明输入另有处理。所以若您要用 const T*, 则应有理有据,否则会害得读者误解。
CPP开发前沿
2022/03/03
1.2K0
Pointfree 编程风格指南
本文要回答一个很重要的问题:函数式编程有什么用? 目前,主流的编程语言都不是函数式的,已经能够满足需求。为何还要学函数式编程呢,只为了多理解一些新奇的概念? 一个网友说: "函数式编程有什么优势呢?
ruanyf
2018/04/12
8980
Pointfree 编程风格指南
[译] Google Go 风格指南
以下几条总体原则总结了如何编写可读的 Go 代码。以下为具有可读性的代码特征,按重要性排序:
pseudoyu
2023/04/11
2920
Airbnb React/JSX 风格指南
// bad <div accessKey="h" /> // good <div />
ConardLi
2019/05/23
1.4K0
flutter代码风格指南
•UpperCamelCase 每个单词的首字母都大写,包含第一个单词•lowerCamelCase 每个单词的首字母都大写,除了第一个单词, 第一个单词首字母小写,即使是缩略词•lowercase_with_underscores 只是用小写字母单词,即使是缩略词, 并且单词之间使用 _ 连接
用户1974410
2022/08/07
1.2K0
Google C++编程风格指南(四)之类的相关规范
类是C++中基本的代码单元,自然被广泛使用。本节列举了在写一个类时要做什么、不要做什么。
恋喵大鲤鱼
2018/08/03
8790
Google C++ 编程风格指南(四):来自 Google 的奇技
Google 用了很多自己实现的技巧 / 工具使 C++ 代码更加健壮, 我们使用 C++ 的方式可能和你在其它地方见到的有所不同.
CPP开发前沿
2022/03/03
7220

相似问题

谷歌C++风格指南的AStyle

14

谷歌C++风格指南包括订单

21

谷歌风格指南(前降部分)

20

示例代码与示例的C++谷歌风格指南?

24

C++操作符重载,了解谷歌风格指南

30
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档