Compare commits

...

4 Commits

Author SHA1 Message Date
Max Bradbury e13bb37c83 warn on missing webassembly 2020-11-04 15:01:43 +00:00
Max Bradbury 881f452957 better butler deployment 2020-11-04 15:01:29 +00:00
Max Bradbury 455c03b4b3 move state to wasm 2020-11-04 15:01:04 +00:00
Max Bradbury 35af495f51 attempt to move state to wasm 2020-10-30 17:32:49 +00:00
5 changed files with 202 additions and 88 deletions

1
.gitignore vendored
View File

@ -5,3 +5,4 @@
/examples/
/tilesy.zip
/.idea/
/dist/

View File

@ -1,27 +1,19 @@
[package]
name = "tilesy"
version = "0.1.0"
version = "0.72.0"
description = "a tilesheet importer for the Bitsy game engine"
authors = ["Max Bradbury <max@tinybird.info>"]
edition = "2018"
license = "MIT"
repository = "https://tinybird.dev/max/tilesy"
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
[lib]
crate-type = ["cdylib", "rlib"]
crate-type = ["cdylib"]
[dependencies]
"base64" = "^0.12.3"
"bitsy-parser" = "^0.72.0"
"bitsy-parser" = "^0.72.3"
"image" = "^0.23.7"
"wasm-bindgen" = "^0.2.64"
[dependencies.web-sys]
version = "^0.3.4"
features = [
'Document',
'Element',
'HtmlElement',
'Node',
'Window',
]
"lazy_static" = "^1.4.0"
"wasm-bindgen" = "=0.2.64" # newer versions are bugged...

View File

@ -1,5 +1,7 @@
#! /usr/bin/env bash
./build.sh
zip -r tilesy.zip README.md index.html script.js background.png pkg/ includes/
butler push tilesy.zip ruin/tilesy:html
rm -rf dist
mkdir dist
cp -r README.md LICENSE index.html script.js background.png pkg includes dist
butler push dist ruin/tilesy:html

View File

@ -1,4 +1,19 @@
import init, {load_default_game_data, add_tiles} from './pkg/bitsy_tiles.js';
import init, {
add_tiles,
load_image,
load_game,
load_default_game,
output,
set_prefix,
set_invert,
set_flip,
set_mirror,
set_rotate
} from './pkg/tilesy.js';
if (typeof WebAssembly !== "object") {
document.getElementById("start").innerText = "Sorry - your browser does not support WebAssembly";
}
// stolen from https://ourcodeworld.com/articles/read/189/how-to-create-a-file-and-generate-a-download-with-javascript-in-the-browser-without-a-server
function download(filename, text) {
@ -75,7 +90,8 @@ async function run() {
}
function new_game() {
textareaGameDataInput.value = load_default_game_data();
load_default_game()
textareaGameDataInput.value = output();
checkGameData();
// we don't need to look at the default game data, so skip ahead to the image page
buttonGameDataProceed.click();
@ -96,6 +112,7 @@ async function run() {
el("game").addEventListener("change", function() {
readFile(this, function (e) {
textareaGameDataInput.value = e.target.result;
console.log(load_game(e.target.result));
checkGameData();
}, "text");
});
@ -117,24 +134,14 @@ async function run() {
el('image').addEventListener('change', function () {
readFile(this, function (e) {
imagePreview.src = e.target.result;
imagePreview.style.display = "initial"
imagePreview.style.display = "initial";
console.log(load_image(imagePreview.getAttribute("src")));
}, "image");
});
function addTiles() {
let image = imagePreview.getAttribute("src");
let gameData = textareaGameDataInput.value;
let prefix = inputPrefix.value;
textareaGameDataOutput.value = add_tiles(
gameData,
image,
prefix,
checkboxInvertTiles.checked,
checkboxFlipTiles.checked,
checkboxMirrorTiles.checked,
checkboxRotateTiles.checked
);
console.log(add_tiles());
textareaGameDataOutput.value = output();
}
buttonImportGame.addEventListener("click", addTiles);
@ -156,6 +163,26 @@ async function run() {
buttonAddImage.addEventListener("click", addImage);
buttonAddImage.addEventListener("touchend", addImage);
inputPrefix.addEventListener("change", () => {
set_prefix(inputPrefix.value);
})
checkboxInvertTiles.addEventListener("change", () => {
set_invert(checkboxInvertTiles.checked);
});
checkboxFlipTiles.addEventListener("change", () => {
set_flip(checkboxFlipTiles.checked);
});
checkboxMirrorTiles.addEventListener("change", () => {
set_mirror(checkboxMirrorTiles.checked);
});
checkboxRotateTiles.addEventListener("change", () => {
set_rotate(checkboxRotateTiles.checked);
});
function reset() {
clear_game();
imagePreview.removeAttribute("src");

View File

@ -1,14 +1,35 @@
use bitsy_parser::game::Game;
use bitsy_parser::image::Image;
use bitsy_parser::tile::Tile;
use image::{GenericImageView, Pixel};
use image::{GenericImageView, Pixel, DynamicImage};
use lazy_static::lazy_static;
use std::sync::Mutex;
use wasm_bindgen::prelude::*;
const SD: u32 = 8;
#[wasm_bindgen]
pub fn load_default_game_data() -> String {
bitsy_parser::mock::game_default().to_string()
struct State {
game: Option<Game>,
image: Option<DynamicImage>,
prefix: String,
invert: bool,
flip: bool,
mirror: bool,
rotate: bool,
}
lazy_static! {
static ref STATE: Mutex<State> = Mutex::new(
State {
game: None,
image: None,
prefix: "".to_string(),
invert: false,
flip: false,
mirror: false,
rotate: false,
}
);
}
fn tile_name(prefix: &str, index: &u32) -> Option<String> {
@ -19,40 +40,108 @@ fn tile_name(prefix: &str, index: &u32) -> Option<String> {
}
}
/// image is a base64-encoded string
#[wasm_bindgen]
pub fn load_default_game() {
let mut state = STATE.lock().unwrap();
state.game = Some(bitsy_parser::mock::game_default());
}
#[wasm_bindgen]
pub fn load_game(game_data: String) -> String {
let result = Game::from(game_data);
let mut state = STATE.lock().unwrap();
match result {
Ok(game) => {
state.game = Some(game);
"".to_string()
},
_ => {
state.game = None;
format!("{}", result.err().unwrap())
}
}
}
#[wasm_bindgen]
pub fn load_image(image_base64: String) -> String {
let mut state = STATE.lock().expect("Couldn't lock application state");
let image_base64: Vec<&str> = image_base64.split("base64,").collect();
let image_base64 = image_base64[1];
match base64::decode(image_base64) {
Ok(image) => {
match image::load_from_memory(image.as_ref()) {
Ok(image) => {
state.image = Some(image);
"OK"
},
_ => {
state.image = None;
"Couldn't load image"
}
}
},
_ => {
state.image = None;
"Couldn't decode image"
}
}.to_string()
}
#[wasm_bindgen]
pub fn set_prefix(prefix: String) {
let mut state = STATE.lock().unwrap();
state.prefix = prefix;
}
#[wasm_bindgen]
pub fn set_invert(invert: bool) {
let mut state = STATE.lock().unwrap();
state.invert = invert;
}
#[wasm_bindgen]
pub fn set_flip(flip: bool) {
let mut state = STATE.lock().unwrap();
state.flip = flip;
}
#[wasm_bindgen]
pub fn set_mirror(mirror: bool) {
let mut state = STATE.lock().unwrap();
state.mirror = mirror;
}
#[wasm_bindgen]
pub fn set_rotate(rotate: bool) {
let mut state = STATE.lock().unwrap();
state.rotate = rotate;
}
/// prefix will be ignored if empty
#[wasm_bindgen]
pub fn add_tiles(
game_data: String,
image: String,
prefix: String,
invert: bool,
flip: bool,
mirror: bool,
rotate: bool
) -> String {
let game = Game::from(game_data);
if game.is_err() {
return format!("Couldn't parse game data");
}
let mut game = game.unwrap();
pub fn add_tiles() -> String {
let mut state = STATE.lock().expect("Couldn't lock application state");
let image: Vec<&str> = image.split("base64,").collect();
let image = image[1];
let image = base64::decode(image);
if image.is_err() {
return format!("Couldn't decode image");
if state.game.is_none() {
return "No game data loaded".to_string();
}
let image = image.unwrap();
let image = image::load_from_memory(image.as_ref());
if image.is_err() {
return format!("Couldn't load image");
}
let image = image.unwrap();
let width = image.width();
let height = image.height();
let mut game = state.game.clone().unwrap();
if state.image.is_none() {
return "No image loaded".to_string();
}
let width = state.image.as_ref().unwrap().width();
let height = state.image.as_ref().unwrap().height();
let columns = (width as f64 / SD as f64).floor() as u32;
let rows = (height as f64 / SD as f64).floor() as u32;
@ -64,7 +153,7 @@ pub fn add_tiles(
for y in (row * SD)..((row + 1) * SD) {
for x in (column * SD)..((column + 1) * SD) {
let pixel = image.get_pixel(x, y).to_rgb();
let pixel = state.image.as_ref().unwrap().get_pixel(x, y).to_rgb();
let total = pixel[0] as u32 + pixel[1] as u32 + pixel[2] as u32;
// is each channel brighter than 128/255 on average?
pixels.push(if total >= 384 {1} else {0});
@ -72,9 +161,9 @@ pub fn add_tiles(
}
let tile = Tile {
/// "0" will get overwritten to a new, safe tile ID
// "0" will get overwritten to a new, safe tile ID
id: "0".to_string(),
name: tile_name(&prefix, &tile_index),
name: tile_name(&state.prefix, &tile_index),
wall: None,
animation_frames: vec![Image { pixels }],
colour_id: None
@ -86,7 +175,7 @@ pub fn add_tiles(
tile_index += 1;
}
if invert {
if state.invert {
let mut inverted = tile.clone();
inverted.invert();
@ -99,7 +188,7 @@ pub fn add_tiles(
}
}
if flip {
if state.flip {
let mut flipped = tile.clone();
flipped.flip();
@ -112,7 +201,7 @@ pub fn add_tiles(
}
}
if mirror {
if state.mirror {
let mut mirrored = tile.clone();
mirrored.mirror();
@ -125,7 +214,7 @@ pub fn add_tiles(
}
}
if rotate {
if state.rotate {
for i in 1..4 {
let mut rotated = tile.clone();
@ -146,29 +235,32 @@ pub fn add_tiles(
}
game.dedupe_tiles();
game.to_string()
state.game = Some(game.to_owned());
"OK".to_string()
}
#[wasm_bindgen]
pub fn output() -> String {
let state = STATE.lock().unwrap();
match &state.game {
Some(game) => game.to_string(),
None => "No game loaded".to_string(),
}
}
#[cfg(test)]
mod test {
use crate::add_tiles;
use crate::{add_tiles, load_image, load_default_game, output};
#[test]
fn example() {
let game_data = bitsy_parser::mock::game_default().to_string();
let image = include_str!("test-resources/test.png.base64").to_string();
load_default_game();
load_image(include_str!("test-resources/test.png.base64").to_string());
add_tiles();
let output = add_tiles(
game_data,
image,
"".to_string(),
false,
false,
false,
false
);
let expected = include_str!("test-resources/expected.bitsy");
assert_eq!(output, expected);
assert_eq!(output(), include_str!("test-resources/expected.bitsy"));
}
}