tlaternet/tlaternet-templates
Archived
1
0
Fork 0
Code Issues 4 Pull requests Releases Wiki Activity

Rework website with bulma instead of bootstrap #6

Manually merged
tlater merged 43 commits from tlater/bulma2 into master 2022-08-14 00:26:49 +01:00
Conversation 0 Commits 43 Files changed 60 +4 -6
2 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit c962a9f8b2 - Show all commits

2
src/music/features/visualizer/Renderer.ts
View file

@ -5,7 +5,7 @@ import { Cube } from "./cube";
import vertexSource from "./shaders/vertices.glsl"; import vertexSource from "./shaders/vertices.glsl";
import fragmentSource from "./shaders/fragments.glsl"; import fragmentSource from "./shaders/fragments.glsl";
const ROTATION_SPEED = 0.25; const ROTATION_SPEED = 0.0;
const BACKGROUND_COLOR = [0.0588235294118, 0.0588235294118, 0.0588235294118]; const BACKGROUND_COLOR = [0.0588235294118, 0.0588235294118, 0.0588235294118];
class RendererError extends Error {} class RendererError extends Error {}

8
src/music/features/visualizer/shaders/vertices.glsl
View file

@ -26,11 +26,9 @@ void main() {
// they should align to the X axis. // they should align to the X axis.
float instanceX = float instanceX =
float(gl_InstanceID * 2) * abs(aVertexPosition.x) + aVertexPosition.x; float(gl_InstanceID * 2) * abs(aVertexPosition.x) + aVertexPosition.x;
// Since we want to scale the boxes by their frequencies, make the Y // To scale the boxes by their frequencies, scale vertex Y by the
// positions of any vertices that are > 0 (1, because this is a // frequency.
// cube) = the height of the frequency. float vertexY = aVertexPosition.y * aHeight;
float vertexY =
aVertexPosition.y > 0.0 ? aVertexPosition.y * aHeight : aVertexPosition.y;
gl_Position = uProjectionMatrix * uModelViewMatrix * gl_Position = uProjectionMatrix * uModelViewMatrix *
vec4(instanceX, vertexY, aVertexPosition.zw); vec4(instanceX, vertexY, aVertexPosition.zw);