1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
|
#include "hitomezashi_web.h"
#include "SDL2/SDL.h"
#include "emscripten.h"
#include "hitomezashi.h"
#include "hitomezashi_utils.h"
#include <stdbool.h>
#include <stdlib.h>
#include <string.h>
SDL_Window *window;
int EMSCRIPTEN_KEEPALIVE main(void) {
if (SDL_Init(SDL_INIT_VIDEO) != 0)
return EXIT_FAILURE;
// Stop SDL from capturing all input and stopping input elements from working
SDL_SetHint(SDL_HINT_EMSCRIPTEN_KEYBOARD_ELEMENT, "#canvas");
if (!(window = SDL_CreateWindow("", 0, 0, 100, 100, SDL_WINDOW_RESIZABLE)))
return EXIT_FAILURE;
emscripten_set_main_loop(main_loop, -1, true);
return EXIT_SUCCESS;
}
void EMSCRIPTEN_KEEPALIVE main_loop(void) {
const char *x_pattern_raw = hitomezashi_web_get_x_pattern();
const char *y_pattern_raw = hitomezashi_web_get_y_pattern();
const int x_pattern_len = strlen(x_pattern_raw);
const int y_pattern_len = strlen(y_pattern_raw);
const char *x_pattern =
hitomezashi_ascii_binary_str_to_ints(x_pattern_raw, x_pattern_len);
const char *y_pattern =
hitomezashi_ascii_binary_str_to_ints(y_pattern_raw, y_pattern_len);
const int gap = hitomezashi_web_get_gap();
const int line_thickness = hitomezashi_web_get_line_thickness();
const Uint32 fg_colour = hitomezashi_web_get_fg_colour();
const Uint32 bg_colour = hitomezashi_web_get_bg_colour();
// If input was valid (if any of these are 0 it was invalid)
if (x_pattern_len && y_pattern_len && gap && line_thickness) {
struct Hitomezashi_State state;
hitomezashi_state_init(&state, x_pattern_len, y_pattern_len, x_pattern,
y_pattern, gap, line_thickness, fg_colour,
bg_colour);
SDL_SetWindowSize(window, state.output_width, state.output_height);
hitomezashi_draw(&state);
SDL_BlitSurface(state.surface, NULL, SDL_GetWindowSurface(window), NULL);
SDL_UpdateWindowSurface(window);
SDL_FreeSurface(state.surface);
}
free((char *)x_pattern_raw);
free((char *)y_pattern_raw);
free((char *)x_pattern);
free((char *)y_pattern);
}
EM_JS(char *, hitomezashi_web_get_x_pattern, (void), {
let result_js = document.querySelector("input[name=\"x_pattern\"]").value;
for (let c of result_js) {
if (c != "0" && c != "1") {
result_js = "";
break;
}
}
const result_length_bytes = lengthBytesUTF8(result_js) + 1;
let result_wasm_heap = _malloc(result_length_bytes);
stringToUTF8(result_js, result_wasm_heap, result_length_bytes);
return result_wasm_heap;
})
EM_JS(char *, hitomezashi_web_get_y_pattern, (void), {
let result_js = document.querySelector("input[name=\"y_pattern\"]").value;
for (let c of result_js) {
if (c != "0" && c != "1") {
result_js = "";
break;
}
}
const result_length_bytes = lengthBytesUTF8(result_js) + 1;
let result_wasm_heap = _malloc(result_length_bytes);
stringToUTF8(result_js, result_wasm_heap, result_length_bytes);
return result_wasm_heap;
})
EM_JS(unsigned int, hitomezashi_web_get_gap, (void), {
const result = +document.querySelector("input[name=\"gap\"").value;
return (result > 0 ? result : 0);
})
EM_JS(unsigned int, hitomezashi_web_get_line_thickness, (void), {
const result = +document.querySelector("input[name=\"line_thickness\"").value;
return (result > 0 ? result : 0);
})
EM_JS(Uint32, hitomezashi_web_get_fg_colour, (void), {
const result = parseInt(
document.querySelector("input[name=\"fg_colour\"]").value.slice(1), 16);
return (result ? result : 0);
})
EM_JS(Uint32, hitomezashi_web_get_bg_colour, (void), {
const result = parseInt(
document.querySelector("input[name=\"bg_colour\"]").value.slice(1), 16);
return (result ? result : 0);
})
|
