Otano Studio
@OtanoStudio
Followers
382
Following
390
Media
116
Statuses
2K
Creative web developer & Designer Web Director - AIGA Wichita GLSL Shader Adventurer
Kansas, USA
Joined February 2009
Because i have nothing to share, check out this screen-transition shader + UI test I made as a prototype / mockup for @heytibo ! I love the game he's making 'Wild Cosmos' Go check it out, it's a fun, soulful game that I really like
1
5
134
I'm super excited to announce the release of GradientGen, an open-source gradient generator ! Repost and I'll DM you the tool + the source code :)
370
1K
5K
The magic is here. Swap 0.6 of the step with a progress value of a trail texture to create a better reveal. They use a wireframe image that flashes and has a highlight. You can mix that over the original final color if you can get a good wireframe image.
0
0
0
Playable demo, still no mouse trail but the code is there to use for you to try. I couldn't get a good wireframe for that overlay. Code: https://t.co/p90XehNL4P demo: https://t.co/yMmI3imiL1
#threejsjourney #threejs #r3f #glsl #shader #VFX
1
0
3
Instead of using the same image except with the helmet, we used a helmet png and person png. All you have to do is send the fluid sim for the noise and use my faux depth to simulate that as well. If you have normals feed it to my diffuse lighting function.
0
0
0
I was messing around with TSL post processing. The sobel pass looks amazing!
15
27
588
spent the better part of the week building little animated diagrams like this one i hope those will help illustrating some of the concepts behind the example scenes i'm preparing for the upcoming blog post
29
61
1K
Working on a new wireframe material that is the batteries included type. Includes front and back side color/gradient and is a full wireframe and doesn't include base color yet.
1
0
9
The nose knows, cover for explorations of how the nose dominates the center of the face #illustration #graphicdesign #otanostudio #affinitydesigner
0
0
1
If you want to see a technical breakdown of the 35mm website, I wrote a blog post on @codrops where I detail the Three.js/shaders code ! It's live on Codrops🔗⬇️
13
25
386
I posted a little tutorial on water reflection with #threejs on my YT channel. link: https://t.co/SuGhFvp4rk GH: https://t.co/VXggSfZlsv
4
16
249
12
6
147
11
16
167
Mr. Beeps appearing solo again. Happy Memorial Day to our fallen armed service men and women of the United States of America.
0
0
1
Cracking on with wawa sensei's course and I took the depth shader further. Really enjoying his course. Used the depth to mix between 2 colors, used a uv distorted by noise for fake caustics and a hard intersection. #threejs #r3f #threejsjourney #wawasensei #glsl #shader
0
1
24
I've been putting my vfx framework through the paces...and sometimes the texture for polar coords is the problem. Just need some particles now. No code because it's not done yet. demo: https://t.co/Z7uIZy8SSU
#threejs #threejsjourney #glsl #VFX #shader #portal #otanostudio
2
4
63
Happy Revenge of the Sith… I mean 5th! #RevengeOfThe5th #RevengeOfTheSith #starwars #illustration #GraphicDesign #affinityDesigner #DarthVader
1
0
2
Quick put together but May the 4th be with you, the daemon lord himself in his first solo outing. #graphicdesign #affinitydesigner #illustration #MayThe4thBeWithYou
0
0
2