adding text
This commit is contained in:
parent
078b7806dd
commit
1781ae3bba
294
index.ts
294
index.ts
@ -40,21 +40,301 @@ const sprites = [
|
|||||||
],
|
],
|
||||||
]
|
]
|
||||||
|
|
||||||
|
// deno-fmt-ignore
|
||||||
|
const font: {[key: string]: Array<number>} = {
|
||||||
|
"a": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
],
|
||||||
|
"b": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
],
|
||||||
|
"c": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 1, 1,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 0, 1, 1,
|
||||||
|
],
|
||||||
|
"d": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
],
|
||||||
|
"e": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
],
|
||||||
|
"f": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
],
|
||||||
|
"g": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 1, 1,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 0, 1, 1,
|
||||||
|
],
|
||||||
|
"h": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
],
|
||||||
|
"i": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
],
|
||||||
|
"j": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
],
|
||||||
|
"k": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
],
|
||||||
|
"l": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
],
|
||||||
|
"m": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
],
|
||||||
|
"n": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
],
|
||||||
|
"o": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 1, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
],
|
||||||
|
"p": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
],
|
||||||
|
"q": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 1, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
0, 0, 1, 1,
|
||||||
|
],
|
||||||
|
"r": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
],
|
||||||
|
"s": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 1, 1,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 0, 0, 1,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
],
|
||||||
|
"t": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
],
|
||||||
|
"u": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 0,
|
||||||
|
],
|
||||||
|
"v": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
],
|
||||||
|
"w": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
],
|
||||||
|
"x": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
],
|
||||||
|
"y": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 0, 1,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
],
|
||||||
|
"z": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 0, 0, 1,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
],
|
||||||
|
",": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
],
|
||||||
|
".": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
],
|
||||||
|
" ": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
],
|
||||||
|
"<": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 1,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 0, 0, 1,
|
||||||
|
],
|
||||||
|
">": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 0, 0, 1,
|
||||||
|
0, 0, 1, 0,
|
||||||
|
0, 1, 0, 0,
|
||||||
|
],
|
||||||
|
"=": [
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
0, 1, 1, 1,
|
||||||
|
0, 0, 0, 0,
|
||||||
|
],
|
||||||
|
}
|
||||||
|
|
||||||
const drawSprite = (x: number, y: number, spr: number) => {
|
const drawSprite = (x: number, y: number, spr: number) => {
|
||||||
setPixelsInRect(x, y, 8, sprites[spr]);
|
setPixelsInRect(x, y, 8, sprites[spr]);
|
||||||
}
|
}
|
||||||
|
|
||||||
await mainloop((t) => {
|
const drawChar = (x: number, y: number, char: string) => {
|
||||||
console.log(t/1000);
|
setPixelsInRect(x, y, 4, font[char]);
|
||||||
|
}
|
||||||
|
|
||||||
|
const drawText = (x: number, y: number, text: string) => {
|
||||||
|
[...text].forEach((char, i) => {
|
||||||
|
drawChar(x+4*i, y, char);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const draw = () => {
|
||||||
clearScreen();
|
clearScreen();
|
||||||
for (let i = 0; i < 256; i++) {
|
drawText(5, 5, "=> hello, world <=");
|
||||||
drawSprite(Math.floor(Math.random()*120), Math.floor(Math.random()*120), 0);
|
drawText(5, 11, "the quick brown fox");
|
||||||
drawSprite(Math.floor(Math.random()*120), Math.floor(Math.random()*120), 1);
|
drawText(5, 17, "jumps over the lazy");
|
||||||
drawSprite(Math.floor(Math.random()*120), Math.floor(Math.random()*120), 2);
|
drawText(5, 23, "dog.");
|
||||||
}
|
// for (let i = 0; i < 256; i++) {
|
||||||
|
// drawSprite(Math.floor(Math.random()*120), Math.floor(Math.random()*120), 0);
|
||||||
|
// drawSprite(Math.floor(Math.random()*120), Math.floor(Math.random()*120), 1);
|
||||||
|
// drawSprite(Math.floor(Math.random()*120), Math.floor(Math.random()*120), 2);
|
||||||
|
// }
|
||||||
setPixelColor(0, 0, 3);
|
setPixelColor(0, 0, 3);
|
||||||
setPixelColor(0, 127, 4);
|
setPixelColor(0, 127, 4);
|
||||||
setPixelColor(127, 0, 5);
|
setPixelColor(127, 0, 5);
|
||||||
setPixelColor(127, 127, 6);
|
setPixelColor(127, 127, 6);
|
||||||
|
}
|
||||||
|
|
||||||
|
draw();
|
||||||
|
|
||||||
|
await mainloop((t) => {
|
||||||
|
// console.log(t/1000);
|
||||||
|
draw();
|
||||||
frame();
|
frame();
|
||||||
});
|
});
|
||||||
|
@ -115,8 +115,8 @@ const px = (x: number, y: number) => {
|
|||||||
|
|
||||||
const palette: Array<[number, number, number, number]> = [
|
const palette: Array<[number, number, number, number]> = [
|
||||||
[0, 0, 0, 0],
|
[0, 0, 0, 0],
|
||||||
[0, 0, 0, 1],
|
|
||||||
[1, 1, 1, 1],
|
[1, 1, 1, 1],
|
||||||
|
[0, 0, 0, 1],
|
||||||
[1, 0, 0, 1],
|
[1, 0, 0, 1],
|
||||||
[1, 1, 0, 1],
|
[1, 1, 0, 1],
|
||||||
[0, 1, 0, 1],
|
[0, 1, 0, 1],
|
||||||
@ -138,8 +138,10 @@ const allPixelColors = new Float32Array(
|
|||||||
)
|
)
|
||||||
|
|
||||||
export const setPixelColor = (x: number, y: number, color: number) => {
|
export const setPixelColor = (x: number, y: number, color: number) => {
|
||||||
const col = c(color);
|
if (color !== 0) {
|
||||||
allPixelColors.set(col, 4*6*(128*y+x));
|
const col = c(color);
|
||||||
|
allPixelColors.set(col, 4*6*(128*y+x));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
export const setPixelsInRect = (x: number, y: number, w: number, pixels: Array<number>) => {
|
export const setPixelsInRect = (x: number, y: number, w: number, pixels: Array<number>) => {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user