Visual Effect, Web Development, Video Editing, Content Creator, Digital Marketing

Joined July 2020
123 Photos and videos
qiaproduction retweeted
I did some old school front-end CSS transform practice this morning. Inspired by the good old WonderWall. No WebGL/WebGPU is used.
13
5
197
11,757
qiaproduction retweeted
⚡️
41
53
829
28,466
qiaproduction retweeted
17 Jan 2025
"Collapse" in 242 chars of #GLSL: vec2 p=(FC.xy-r*.5)/r.y*mat2(8,-3,3,8),v;for(float i;i <50.;o =(cos(sin(i)*vec4(2,5,6,1)) 1.)*exp(sin(i*i t))/length(max(v,vec2(v.x*(3. snoise2D(p vec2(t*7.,i)))/1e2,v.y*.2))))v=p cos(i*i t*.2 vec2(i/1e2,11))*2.;o=tanh(pow(o/3e2,vec4(1.5)));
16
119
1,580
54,624
qiaproduction retweeted
17 Jan 2025
2
4
70
4,013
qiaproduction retweeted
I did some open-source this year! Here's a compilation of stuff I posted on @CodePen in 2024 All the live demos source code: codepen.io/ksenia-k/pens/pub…
37
162
2,049
98,626
qiaproduction retweeted
Pushing the boundaries. The exploding floor is 🔥
6 Dec 2024
A bold new chapter begins at Utsubo. One year crafting with WebGPU. Discover it now at utsubo.com.
8
8
164
11,171
qiaproduction retweeted
🚀 Big News! The Three.js Resources website just got a massive design upgrade! 🎨✨ It's now easier than ever for users to navigate in the directory and and enjoy improved readability. threejsresources.com/ Share your thoughts below👇 #threejs @threejs @bruno_simon @codrops
3
45
288
16,818
qiaproduction retweeted
6 Nov 2024
my first #threejs with #webgpu, and i actually like TSL experience
26
54
947
30,976
qiaproduction retweeted
6 Sep 2024
7
238
2,439
77,542
qiaproduction retweeted
Vertex displacement cube #shader with kinetic #typography texture. Made with #threejs and #r3f
2
7
138
4,837
qiaproduction retweeted
The implicit function f(x,y,z) = ± (ax)² ± (by)² ± (cz)² - {-1,0,1} = 0 can express all quadrics except paraboloids, and allows ellipsoids, cones and hyperboloids to be solved optimally but not spheres, cylinders, etc. Realtime code: shadertoy.com/view/fddBD2
4
89
658
qiaproduction retweeted
Very useful
26 Jul 2024
I built a website where you can browse the #threejs shaders code by expanding the <includes> in place. It gives a better understanding of what the code is doing without having to open each file individually. grgrdvrt.github.io/three_sha… #glsl #WebGL
2
11
105
7,587
qiaproduction retweeted
💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @​property ✅ You can easily use it within any formula @codepen demo in the reply 👇
1
28
194
35,641
qiaproduction retweeted
💡 CSS Tip! Get the screen width and height using a few lines of CSS. ✅ Powered by @​property (Now available in all the browsers) ✅ Unitless values so you can easily use them inside any formula ✅ Updates on screen resize (No need for JS) @CodePen demo in the reply 👇
8
53
339
28,469
qiaproduction retweeted
The interior decoration for my #threejs architectural visualization project is ready. The interior is modern and full of details. To better visualize, I show some techniques I use for real-time rendering in Blender with EVEE in the video. I'm also sharing some still renders in the comments, in case you want to check them. Next step: Bake the lighting, optimize the 3d model, and import it into threejs 😍. #threejsJorney #webgl #creativecoding #r3f
10
9
118
5,843
qiaproduction retweeted
What a nice cosy place
27 Jun 2024
Just finished my #threejsJourney by @bruno_simon, a fantastic source of knowledge! To celebrate the upcoming release of our 3D Genkai Avatars, I created this interactive experience in #threejs and #Blender to apply all I’ve learned. genkai-lounge.vercel.app/
4
59
4,945
qiaproduction retweeted
Because of this 👉 github.com/mrdoob/three.js/p… (thank you @sea3dformat) I can do this 👇
7
18
222
11,208
qiaproduction retweeted
24 Jun 2024
Latest project: new landing page for @IglooInc, made in collaboration with the creative team at @ourbureaux 🧊 igloo.inc #webgl #threejs
38
128
881
87,750
qiaproduction retweeted
Learning TSL: That's probably not the way to toggle between storages and that's probably not how to use varying, but hey… it works. Here's the particles morphing exercise in TSL
10
19
268
15,490
qiaproduction retweeted
3 Jun 2024
Realtime Particle test using Transformers.js by @xenovacom and its upcoming WebGPU backend with the Xenova/modnet model for body segmentation. Rendered with WebGPU in Three.js. It’s so clean it makes me want to do a shadertoy visualizer in the background now 😄 #threejs
7
16
196
13,718