2024-01-04 17:18:31 -08:00
|
|
|
// INCLUDE: global uniform header
|
|
|
|
|
2023-12-22 16:51:21 -08:00
|
|
|
struct InstanceInput {
|
2024-01-06 14:02:50 -08:00
|
|
|
@location(2) sprite_index: u32,
|
2024-01-05 19:56:26 -08:00
|
|
|
@location(3) object_index: u32,
|
2023-12-22 16:51:21 -08:00
|
|
|
};
|
|
|
|
|
|
|
|
struct VertexInput {
|
|
|
|
@location(0) position: vec3<f32>,
|
2023-12-23 11:01:27 -08:00
|
|
|
@location(1) texture_coords: vec2<f32>,
|
2024-01-04 17:18:31 -08:00
|
|
|
};
|
2023-12-22 16:51:21 -08:00
|
|
|
|
|
|
|
struct VertexOutput {
|
2023-12-23 23:24:04 -08:00
|
|
|
@builtin(position) position: vec4<f32>,
|
2024-01-06 14:02:50 -08:00
|
|
|
@location(0) tween: f32,
|
|
|
|
@location(1) texture_index_a: u32,
|
|
|
|
@location(2) texture_coords_a: vec2<f32>,
|
|
|
|
@location(3) texture_index_b: u32,
|
|
|
|
@location(4) texture_coords_b: vec2<f32>,
|
2023-12-23 23:24:04 -08:00
|
|
|
};
|
|
|
|
|
|
|
|
|
2023-12-25 11:17:08 -08:00
|
|
|
@group(0) @binding(0)
|
|
|
|
var texture_array: binding_array<texture_2d<f32>>;
|
|
|
|
@group(0) @binding(1)
|
|
|
|
var sampler_array: binding_array<sampler>;
|
|
|
|
|
|
|
|
|
2024-01-04 21:30:12 -08:00
|
|
|
// INCLUDE: animate.wgsl
|
2023-12-25 11:17:08 -08:00
|
|
|
|
2024-01-06 14:02:50 -08:00
|
|
|
fn transform_vertex(obj: ObjectData, vertex_position: vec2<f32>, sprite_index: u32) -> vec4<f32> {
|
2024-01-05 19:56:26 -08:00
|
|
|
// Object scale
|
2024-01-06 14:02:50 -08:00
|
|
|
let scale = obj.size / (global_data.camera_zoom.x * obj.zpos);
|
2024-01-05 19:56:26 -08:00
|
|
|
|
|
|
|
// Apply scale and sprite aspect
|
|
|
|
// Note that our mesh starts centered at (0, 0). This is important!
|
|
|
|
var pos: vec2<f32> = vec2(
|
2024-01-06 14:02:50 -08:00
|
|
|
vertex_position.x * scale * global_sprites[sprite_index].aspect,
|
|
|
|
vertex_position.y * scale
|
2024-01-05 19:56:26 -08:00
|
|
|
);
|
2024-01-06 14:02:50 -08:00
|
|
|
|
2024-01-05 19:56:26 -08:00
|
|
|
// Apply rotation
|
|
|
|
pos = mat2x2(
|
|
|
|
vec2(cos(obj.angle), sin(obj.angle)),
|
|
|
|
vec2(-sin(obj.angle), cos(obj.angle))
|
|
|
|
) * pos;
|
|
|
|
|
2024-01-06 14:02:50 -08:00
|
|
|
|
2024-01-05 19:56:26 -08:00
|
|
|
// Correct for screen aspect, preserving height
|
|
|
|
// This must be done AFTER rotation.
|
2024-01-06 14:02:50 -08:00
|
|
|
// (It's thus done later if this is a child)
|
|
|
|
if obj.is_child == u32(0) {
|
|
|
|
pos = vec2(
|
|
|
|
pos.x / global_data.window_aspect.x,
|
|
|
|
pos.y
|
|
|
|
);
|
|
|
|
}
|
2024-01-05 19:56:26 -08:00
|
|
|
|
2024-01-06 14:02:50 -08:00
|
|
|
// Translate
|
2024-01-05 19:56:26 -08:00
|
|
|
//
|
|
|
|
// Note that we divide camera zoom by two.
|
|
|
|
// The height of the viewport is `zoom` in game units,
|
|
|
|
// but it's 2 in screen units (since coordinates range from -1 to 1)
|
2024-01-06 14:02:50 -08:00
|
|
|
if obj.is_child == u32(0) {
|
|
|
|
let trans = (vec2(obj.xpos, obj.ypos) - global_data.camera_position) / obj.zpos;
|
|
|
|
pos = pos + vec2(
|
|
|
|
trans.x / (global_data.camera_zoom.x / 2.0) / global_data.window_aspect.x,
|
|
|
|
trans.y / (global_data.camera_zoom.x / 2.0)
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
if obj.is_child == u32(1) {
|
|
|
|
// Apply translation relative to parent
|
|
|
|
// Note that obj.zpos is ignored
|
|
|
|
pos = pos + vec2(
|
|
|
|
obj.xpos / (global_data.camera_zoom.x / 2.0) / global_data.window_aspect.x,
|
|
|
|
obj.ypos / (global_data.camera_zoom.x / 2.0)
|
|
|
|
);
|
|
|
|
|
|
|
|
let parent = objects[obj.parent];
|
|
|
|
|
|
|
|
// Apply parent's rotation
|
|
|
|
pos = mat2x2(
|
|
|
|
vec2(cos(parent.angle), sin(parent.angle)),
|
|
|
|
vec2(-sin(parent.angle), cos(parent.angle))
|
|
|
|
) * pos;
|
|
|
|
|
|
|
|
// Correct for screen aspect, preserving height
|
|
|
|
pos = vec2(
|
|
|
|
pos.x / global_data.window_aspect.x,
|
|
|
|
pos.y
|
|
|
|
);
|
|
|
|
|
|
|
|
// Apply parent's translation
|
|
|
|
let ptrans = (vec2(parent.xpos, parent.ypos) - global_data.camera_position) / parent.zpos;
|
|
|
|
pos = pos + vec2(
|
|
|
|
ptrans.x / (global_data.camera_zoom.x / 2.0) / global_data.window_aspect.x,
|
|
|
|
ptrans.y / (global_data.camera_zoom.x / 2.0)
|
|
|
|
);
|
|
|
|
}
|
2024-01-05 19:56:26 -08:00
|
|
|
|
|
|
|
return vec4<f32>(pos, 0.0, 1.0);;
|
|
|
|
}
|
|
|
|
|
2023-12-22 16:51:21 -08:00
|
|
|
@vertex
|
2023-12-25 11:17:08 -08:00
|
|
|
fn vertex_main(
|
2023-12-23 23:24:04 -08:00
|
|
|
vertex: VertexInput,
|
2023-12-22 16:51:21 -08:00
|
|
|
instance: InstanceInput,
|
|
|
|
) -> VertexOutput {
|
|
|
|
var out: VertexOutput;
|
2024-01-04 17:18:31 -08:00
|
|
|
|
2024-01-06 14:02:50 -08:00
|
|
|
|
|
|
|
|
|
|
|
out.position = transform_vertex(objects[instance.object_index], vertex.position.xy, instance.sprite_index);
|
|
|
|
|
|
|
|
|
|
|
|
// Compute texture coordinates
|
|
|
|
|
|
|
|
let age = global_data.current_time.x;
|
|
|
|
let frame = animate(instance.sprite_index, age, 0.0);
|
|
|
|
out.tween = fract(frame);
|
|
|
|
|
|
|
|
let t = global_atlas[u32(floor(frame))];
|
|
|
|
out.texture_index_a = u32(t.atlas_texture);
|
|
|
|
out.texture_coords_a = vec2(t.xpos, t.ypos);
|
|
|
|
if vertex.texture_coords.x == 1.0 {
|
|
|
|
out.texture_coords_a = out.texture_coords_a + vec2(t.width, 0.0);
|
|
|
|
}
|
|
|
|
if vertex.texture_coords.y == 1.0 {
|
|
|
|
out.texture_coords_a = out.texture_coords_a + vec2(0.0, t.height);
|
|
|
|
}
|
|
|
|
|
|
|
|
let b = global_atlas[u32(floor(animate(instance.sprite_index, age, 1.0)))];
|
|
|
|
out.texture_index_b = u32(b.atlas_texture);
|
|
|
|
out.texture_coords_b = vec2(b.xpos, b.ypos);
|
2024-01-04 17:18:31 -08:00
|
|
|
if vertex.texture_coords.x == 1.0 {
|
2024-01-06 14:02:50 -08:00
|
|
|
out.texture_coords_b = out.texture_coords_b + vec2(b.width, 0.0);
|
2024-01-04 17:18:31 -08:00
|
|
|
}
|
|
|
|
if vertex.texture_coords.y == 1.0 {
|
2024-01-06 14:02:50 -08:00
|
|
|
out.texture_coords_b = out.texture_coords_b + vec2(0.0, b.height);
|
2024-01-04 17:18:31 -08:00
|
|
|
}
|
|
|
|
|
2023-12-22 16:51:21 -08:00
|
|
|
return out;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@fragment
|
2023-12-25 11:17:08 -08:00
|
|
|
fn fragment_main(in: VertexOutput) -> @location(0) vec4<f32> {
|
2024-01-06 14:02:50 -08:00
|
|
|
return mix(
|
|
|
|
textureSampleLevel(
|
|
|
|
texture_array[in.texture_index_a],
|
|
|
|
sampler_array[0],
|
|
|
|
in.texture_coords_a,
|
|
|
|
0.0
|
|
|
|
).rgba,
|
|
|
|
textureSampleLevel(
|
|
|
|
texture_array[in.texture_index_b],
|
|
|
|
sampler_array[0],
|
|
|
|
in.texture_coords_b,
|
|
|
|
0.0
|
|
|
|
).rgba,
|
|
|
|
in.tween
|
|
|
|
);
|
2023-12-22 16:51:21 -08:00
|
|
|
}
|