#vertexshader
LightNews LightNews
texoport.in
a smol side quest never hurt anyone
code: const myVShader = VertexShader(function* () { const position = yield* glsl.attribute("position", glsl.types.vec3()) const mvpMatrix = yield* glsl.uniform("mvpMatrix", glsl.types.mat4()) const worldPos = yield* glsl.let( "worldPos", glsl.types.vec4(), glsl.mul(mvpMatrix, glsl.vec4(position, position, position, 1.0)) ) const scaledPos = yield* glsl.let( "scaledPos", glsl.types.vec4(), glsl.mul(worldPos, glsl.float(2.0)) ) yield* glsl.assign("gl_Position", scaledPos) }).compile() console.log(myVShader) --- output --- #version 100 attribute vec3 position; uniform mat4 mvpMatrix; void main() { vec4 worldPos = (mvpMatrix * vec4(position, position, position, 1.0)); vec4 scaledPos = (worldPos * 2.0); gl_Position = scaledPos; }
June 17, 2025 at 8:08 AM
romanjeanelie.bsky.social
Playing with curl deformation using vertex shader... 📿

[portfolio wip]

#WebGL #creativecode #vertexShader #curlAnimation
May 29, 2025 at 2:29 PM
vertexshader.bsky.social
Triangles and nothing else #genuary13 #genuary #threejs #creativecode #glsl #vertexshader #fragmentshader
January 14, 2025 at 8:41 AM
oyin.bo
Playing with shaders in Mocku.me/nt

🅼 tty.wtf#%23+THREE.js...
import * as THREE from 'three'; const camera = new THREE.OrthographicCamera(- 1, 1, 1, - 1, 0, 1); const scene = new THREE.Scene(); const geometry = new THREE.PlaneGeometry(2, 2); const uniforms = { time: { value: 1.0 } }; const material = new THREE.ShaderMaterial({ uniforms, vertexShader, fragmentShader }); const mesh = new THREE.Mesh(geometry, material); scene.add(mesh); const renderer = new THREE.WebGLRenderer(); renderer.setPixelRatio(window.devicePixelRatio); renderer.setSize(Math.min(1000, screen.width / 2), screen.height / 3); renderer.setAnimationLoop(() => { uniforms['time'].value = performance.now() / 2000; renderer.render(scene, camera); }); renderer.domElement
January 10, 2025 at 11:25 PM
natespilman.com
There's also the `vertexShader`, but that's just to set up the viewport.
November 15, 2024 at 5:44 AM
tacchann180cm.bsky.social
DeferredRenderingで使用してるカラーのgBuffuerがSkyBoxを描画すると上書きされてパイプラインの設定とか色々確認してたのに、犯人がSkyBox用のVertexShaderだった…
今までなんで大丈夫だったん？
October 19, 2024 at 9:25 AM
tsutsumitomoyuki.bsky.social
VertexShaderで、SV_VertexIDとかSV_InstanceIDとかいう変数が使えるみたい。何番目の頂点かが分かるので、別のシェーダーリソースを参照したりできる。頂点情報をシェーダーリソースにしたら、入力レイアウトを気にしなくていいのがよい。あと、ちょっと速くなる気も。
July 24, 2024 at 4:37 PM
shots6448.bsky.social
glsl（vertexShader）練習
noiseを使ってposition.zを動かす！
threejs-vertex-noise.vercel.app
January 8, 2024 at 9:47 PM