2024-03-29 00:00:12 -07:00
|
|
|
<html><head>
|
|
|
|
|
<title>PICO-8 Cartridge</title>
|
|
|
|
|
<meta name="viewport" content="width=device-width, user-scalable=no">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body style="padding:0px; margin:0px; background-color:#222; color:#ccc">
|
2024-03-29 20:23:14 -07:00
|
|
|
<div id="container"></div>
|
|
|
|
|
<button id="start-button">Click</button>
|
|
|
|
|
<script type="module">
|
|
|
|
|
// const ogLog = console.log.bind(console);
|
|
|
|
|
// console.log = (...args) => {
|
|
|
|
|
// if (typeof args[0] === "string" && args[0].includes("prepare_loaded_cart")) {
|
|
|
|
|
// throw Error("HIHIHI");
|
|
|
|
|
// } else {
|
|
|
|
|
// ogLog(...args);
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
import {makePicoConsole, pngToRom} from "./dist/index.js";
|
|
|
|
|
// console.log(await pngToRom("./mygame.p8.png"));
|
|
|
|
|
|
|
|
|
|
async function start() {
|
|
|
|
|
const console1 = await makePicoConsole([{name: "main.p8", src: "./mygame.p8.png"}]);
|
|
|
|
|
console.log(console1);
|
|
|
|
|
document.getElementById("container").appendChild(console1.canvas);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
document.getElementById("start-button").addEventListener("click", start);
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
<!-- <script type="text/javascript">
|
2024-03-29 00:00:12 -07:00
|
|
|
__carts = [];
|
2024-03-29 20:23:14 -07:00
|
|
|
</script> -->
|
|
|
|
|
<!-- <script type="text/javascript" src="test5.js"></script> -->
|
|
|
|
|
<!-- <script type="text/javascript" src="test5.js"></script> -->
|
|
|
|
|
<!-- <script type="text/javascript">
|
2024-03-29 00:00:12 -07:00
|
|
|
Module1 = {canvas: document.getElementById("canvas1")};
|
|
|
|
|
window.onload = () => {
|
|
|
|
|
wow = __carts[0](Module1);
|
|
|
|
|
__carts[1]({canvas: document.getElementById("canvas2")});
|
|
|
|
|
}
|
|
|
|
|
// cart2({canvas: document.getElementById("canvas2")});
|
2024-03-29 20:23:14 -07:00
|
|
|
</script> -->
|
2024-03-29 00:00:12 -07:00
|
|
|
<!-- <script type="text/javascript">
|
|
|
|
|
const ogKeys = Object.keys(window);
|
|
|
|
|
const addScript = (src) => {
|
|
|
|
|
const e = document.createElement("script");
|
|
|
|
|
e.type = "application/javascript";
|
|
|
|
|
e.src = src;
|
|
|
|
|
e.id = "e_script";
|
|
|
|
|
document.body.appendChild(e); // load and run
|
|
|
|
|
}
|
|
|
|
|
// import cart1 from "./test5.js";
|
|
|
|
|
// import cart2 from "./test5.js";
|
|
|
|
|
// Module1 = {canvas: document.getElementById("canvas1")};
|
|
|
|
|
window.onload = () => {
|
|
|
|
|
// wow = __carts[0](Module1);
|
|
|
|
|
// __carts[1]({canvas: document.getElementById("canvas2")});
|
|
|
|
|
Module = {canvas: document.getElementById("canvas1")};
|
2024-03-29 20:23:14 -07:00
|
|
|
addScript("sample.js");
|
2024-03-29 00:00:12 -07:00
|
|
|
setTimeout(() => {
|
|
|
|
|
console.log(Object.keys(window).filter(k => !ogKeys.includes(k)));
|
|
|
|
|
}, 1000);
|
|
|
|
|
}
|
|
|
|
|
// cart2({canvas: document.getElementById("canvas2")});
|
|
|
|
|
</script> -->
|
|
|
|
|
<!-- <script type="text/javascript" src="sample.js"></script> -->
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|