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:
🧵👇
👉 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
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
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”
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”
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
#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
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
#iOS #AR #ARKit #Android #ARCore #AugmentedReality
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
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.
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).
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
