Bonjour,

J'ai fini le cours :

Atelier : Masques et Pixels Shaders (Coder un effet visuel façon Star Trek)

du parcours : Bases – Initiation

à la fin dans les exercices proposés par David, il y a la suggestion de modifier l'effet visuel en générant les carrés du bas vers le haut.

Alors que dans le code du cours les carrés de l'effet visuel apparaissent aléatoirement

Je parviens à le faire avec une colonne de carré aléatoire allant de gauche à droite.

Avec une ligne de carré aléatoire allant de haut en bas

Avec un point de départ allant de en haut à gauche à en bas à droite.

Mais je parvient pas à faire l'effet visuel avec une ligne de case aléatoire allant du bas vers le haut.

Je parviens d'ailleurs pas non plus avec une colonne de case aléatoire allant de droite vers la gauche.

vois une partie du code original :

local mask_shader = love.graphics.newShader[[
   vec4 effect(vec4 color, Image texture, vec2 texture_coords, vec2 screen_coords) {
      if (Texel(texture, texture_coords).rgba == vec4(0.0)) {
         discard;
      }
      return vec4(1.0);
   }
]]

local function myStencilFunction()
  love.graphics.setShader(mask_shader)
  love.graphics.draw(Kirk.image, Kirk.x, Kirk.y)
  love.graphics.setShader()
end

function love.draw()
  love.graphics.scale(scaleZoom, scaleZoom)
  love.graphics.setColor(1,1,1,1) -- Adapté à Love 11.0
  
  if Kirk.isBeam == false then
    love.graphics.draw(Kirk.image, Kirk.x, Kirk.y)
  else
    -- Kirk en filigramme
    love.graphics.setColor(1,1,1,1*(Kirk.beamLevel / Kirk.maxPercent))
    love.graphics.draw(Kirk.image, Kirk.x, Kirk.y)
    love.graphics.stencil(myStencilFunction, "replace", 1)
    love.graphics.setStencilTest("greater", 0)
    
    -- Beam effect
    local nbPoints
    -- Effet à double sens
    local percent
    if Kirk.beamLevel <= Kirk.maxPercent/2 then
      percent = (Kirk.beamLevel*2) / 100
    else
      percent = ((Kirk.maxPercent - Kirk.beamLevel) * 2) / 100
    end
    local l,h = Kirk.image:getWidth(), Kirk.image:getHeight()
    nbPoints = (l*h) * percent
    
    -- Affichage des points
    love.graphics.setColor(253/255,251/255,212/255,1)  -- Adapté à Love 11.0
    local np
    for np=1,nbPoints do
      local rx,ry = math.random(0,l-1), math.random(0,h-1)
        love.graphics.rectangle("fill", Kirk.x+rx, Kirk.y+ry, 1, 1)
    end
    
    -- Fin du masque
    love.graphics.setStencilTest()
  end
end

c'est dans cette partie que les modifications doivent être effectuée.

Pourriez-vous m'aider ?

comment faire un effet visuel avec une ligne de carré généré aléatoirement allant du bas du personnage vers le haut ?

Cdt