Discover and read the best of Twitter Threads about #GLSL

Most recents (4)

I helped out the wonderful @by_index team to create this project
๐Ÿ‘‰ bizupagency.com/en/

This twitter thread is a break-down of the homepage WebGL #threejs interactive animation:

๐Ÿงต๐Ÿ‘‡
1 - Problem decomposition ๐Ÿ”

The idea was to have an interactive glossy 3d ball that would interpolate between different states on scroll ๐Ÿ–ฑ

At this point I know that a custom #shader is going to be involved as well as a sort of key frame manager for the state interpolation Image
2 - Interactive Bump (1/4) ๐Ÿคœ๐Ÿค›

With this idea,
I also needed to come up with a mouse interactivity visual on the ball that would be present throughout the animation

These next few parts will be about the development of that โ€œmouse bumpโ€
Read 11 tweets
We're hiring creative programmers to create AR experiences and effects at the TikTok AI Lab in Mountain View or Los Angeles job.toutiao.com/s/TG92aB

#AR #ARKit #ARCore #AugmentedReality #GLSL
This one is for a tech lead for the TikTok AR effects team
job.toutiao.com/s/TGu5Wm

#AR #ARKit #ARCore #AugmentedReality #GLSL
Also looking for software engineers for the TikTok platform (C++/iOS/Android/Backend) job.toutiao.com/s/TGunbs

#iOS #AR #ARKit #Android #ARCore #AugmentedReality
Read 3 tweets
SHADER BASICS PART 5

HELPERS
Before I get to the shaping functions, SDFs and other cool stuff, I thought it'd be useful to first mention some helpful general-purpose methods that can be proven useful later.



#glsl #shaderbasics #shaders
MIN/MAX

These are fairly intuitive and common; they take 2 parameters and return the minimum or the maximum of the two respectively. They're useful for masking things in/out and blending them.
In this example, the left half of the screen (which has a uv.y less than 0.5) is colored with the UV gradient, however the right half has a solid value of 0.5 (since it's smaller than uv.x).
Read 12 tweets
Shaders requires an understanding of light and other basic principles that rules our perception. โฆ@pixelspiritdeckโฉ can be your guide on that path pixelspiritdeck.com
00 VOID: The empty canvas. Full potential. The absence of light before creation. In this empty space the main() function lies alone.
01 JUSTICE: with the severity of a sword this card cuts the space judging. The step() function turns the gradient of the horizontal axis into oposites. The first argument, the threshold, divides between full & empty, active vs passive. Like Procrustes this card force his own rule
Read 18 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!