Giter VIP home page Giter VIP logo

spark-lut-patch's Introduction

Spark LUT patch

⚠️IMPORTANT ⚠️

⚠️DISABLE COMPRESSION ON LUT TEXTURES ⚠️

Tutorial on YouTube

Tutorial on YouTube

patch editor example

Downloads

Download the demo project

View patch file ColorLUT.arp (you can save this and import it into your project)

Download the PSD edit this file to create your own custom LUTs.

Credits

Thanks to Mateusz Ziemann for huge speed improvements.

NOTE

Texture compression settings matter. ALWAYS disable compression on the LUT texture settings. Some people reported that setting filtering to "none" also helped.

Included LUTs

All of Photoshop's built-in 3dl files, converted to pngs. Also some free LUTs from lutify.me

neutral futuristic_bleak candlelight
horror_blue drop_blues kodak_5218_kodak_2383
edgy_amber kodak_5218_kodak_2395 filmstock_50
kodak_5295_fuji_3510 foggy_night late_sunset
fuji_eterna_250d_fuji_3510 moonlight fuji_eterna_250d_kodak_2395
night_from_day fuji_f125_kodak_2393 teal_orange_plus_contrast
fuji_f125_kodak_2395 tension_green fuji_reala_500d_kodak_2393
solarize hackmanite herderite
heulandite hiddenite hilutite
howlite hypersthene infra-false-color

Resources

Learn more stuff by watching my Spark AR Tutorials on YouTube!

Follow me on Instagram @positlabs and try out my effects!

Browse my open-source Spark AR repositories on Github!

Have questions? Join the Spark AR Community group on Facebook.

Donations

If you used this in client projects, or simply enjoyed making effects with my open-source projects, please consider a donation or sponsorship. One-time donations can be made with PayPal. Subscriptions can be through PayPal or Github Sponsors (click the heart sponsor button at the top of the page).

spark-lut-patch's People

Contributors

positlabs avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

spark-lut-patch's Issues

doubt about LUT settings

Hi, how are you?

I had a question about the configuration of luts in lightroom, can I only change the colors of the base image? Or I can insert lightroom settings for sharpening, grainy and etc.

Script version

// FastColorLUT.js
const Shaders = require('Shaders');
const Reactive = require('Reactive');

/**
 * Apply color lut to texture.
 * @param {ShaderSignal} texSignal 
 * @param {ShaderSignal} lutSignal 
 */
export function fastColorLUT(texSignal, lutSignal) {
    const tex = Shaders.composition(Reactive.clamp(texSignal, 0.00781, 0.98438), Shaders.functionVec2());
    const blueY = tex.z.mul(8).floor().div(8);
    const blueX = tex.z.sub(blueY).mul(64).floor().div(8);
    const lut_uv = Reactive.pack2(blueX.add(tex.x.div(8)), blueY.add(tex.y.div(8)));
    const lut = Shaders.composition(lutSignal, lut_uv);
    return Reactive.pack4(lut.x, lut.y, lut.z, lut.w.mul(texSignal.w));
}

Usage

image

// script.js
import { fastColorLUT } from './FastColorLUT';

const Materials = require('Materials');
const Textures = require('Textures');

(async function () {
    // Get required textures and materials
    const [material0, luts, cameraTexture0] = await Promise.all([
        Materials.findFirst('material0'),
        Textures.findFirst('luts'),
        Textures.findFirst('cameraTexture0')
    ]);

    // Convert color with lut texture
    const lut = fastColorLUT(cameraTexture0.signal, luts.signal);

    // Apply result to material
    material0.setTextureSlot('DIFFUSE', lut);
})();

Highlights are "muted"

Hello! When using this patch, even with the stock unedited LUT (no compression and filtering) the highlights when using the filter are "muted" and flattened, is this normal?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.