https://linen.dev logo
Join Discord
Powered by
# lime
  • t
    ahh yeah I see, I think I now understand this sorta workflow, thank you 👍
  • t
    https://gist.github.com/bwkam/5f364abff61c0ec960ed1e1ca6129bd7 I carried on with the rest of the chapter (rendering a rectangle), im sure im doing everything right here but the rectangle isn't showing
  • h
    Ah .... yeah think I see the issue. Your indiciesData array is a Float32Array. It needs to be an Int32Array.
  • h
    @tall-teacher-57409 ^
  • t
    oh alr, I'll try it
  • t
    yay I see a rectangle now, thank you
  • h
    Nice
  • t
    this section is about gradually changing the colors of the triangle through a uniform, but its just a simple stupid thing I don't get, why do we get the green value by 
    (sin(timeValue) / 2.0f) + 0.5f;
    , how does that make sense? (I know what sine is but uhm im so dumb to understand why)

    https://cdn.discordapp.com/attachments/769686258049351722/1104147456469512212/image.png▾

  • b
    sin(timeValue) / 2.0) goes up and down from -0.5 to +0.5
  • b
    so the green colorchannel value from 0.0 to 1.0
  • b
    ( e.g. if the greenValue is a 
    uniform
    to access its value per shader globally like )
  • b
    most (e.g. shadertoy) gives you a 
    uniform
    for the Time itself, so you can calculate some "movement" or colorchanging by glsl inside shader directly ( e.g. the sin(time) to let color blinking or somewhat else )
  • t
    agh thanks for the reply, but im still confused why specifically 
    sin
    , why divide by two, and why add +0.5, I just want to get the math concept behind it
  • h
    Sin oscillates about 0 between -1 and 1. So divide by 2 gives between -0.5 and 0.5. Then add 0.5. Now it's between 0 and 1.
  • b
    sin(x)
    goes from -1.0 to 1.0
  • h
    That then complies with rgb 0-1 values.
  • b

    https://cdn.discordapp.com/attachments/769686258049351722/1104150822398472243/380px-Sine_cosine_one_period.svg.png▾

  • t
    ahh I think I get it now, thanks to both of you <3
  • t
    and btw, cosine will do the same thing right?
  • h
    Yep
  • b
    have some old sample also for, so if you look into browser-console you will see the generated vertex- and fragmentshadercode for color-changing per time: http://www.maitag.de/semmi/haxelime/peote-view-remaster/anim-simple/ ()
  • b
    was this drawn in lime? It looks nice, not sure ive seen that type of AA in lime / openfl
  • b
    lime + peote-view lib.
  • b
    looks really sharp / smooth... 👏
  • b
    thx
  • b
    have a proto also now where you can write 
    pure
    opengl-code directly inside a peote-view 
    Display
    :
  • b
    poete-graph soon? 🙂
  • b
    no 😅 (but can be hooked inside now) ... i am also more like to draw all into quad (glsl-
    curve
    -drawed) patches
  • b
    either way, looks really nice, ive been dealing with graphs alot recently, so impressed to see a pure haxe (lime) solution that looks so clean
  • b
    next peote-view feature will be a better 
    blend
    mode (between the Display/Program-Layers) .. at now there is only alpha on/off (wanna have all modes like here: )
1...105106107...138Latest