public static void Main() { var canvasSize = new IntSize(400, 800); var div = new HTMLDivElement(); div.style.width = $"{canvasSize.Width}px"; div.style.height = $"{canvasSize.Height}px"; document.body.appendChild(div); var button = new HTMLButtonElement(); button.innerHTML = "Click on game area to start it!"; button.style.width = "100%"; button.style.height = "100%"; button.style.backgroundColor = "#6495ED"; button.style.color = "#ffffff"; button.style.fontSize = "20px"; div.appendChild(button); button.onclick = (ev) => { div.removeChild(button); var canvas = new HTMLCanvasElement(); canvas.style.width = "100%"; canvas.style.height = "100%"; canvas.id = "monogamecanvas"; div.appendChild(canvas); game = new TheGame(canvasSize, Platform.Desktop); game.Run(); }; }
static void Main() { var div = new HTMLDivElement(); div.style.width = "800px"; div.style.height = "480px"; document.body.appendChild(div); var button = new HTMLButtonElement(); button.innerHTML = "Click on game area to start it!"; button.style.width = "100%"; button.style.height = "100%"; button.style.backgroundColor = "#000000"; button.style.color = "#ffffff"; button.style.fontSize = "20px"; div.appendChild(button); button.onclick = (ev) => { div.removeChild(button); var canvas = new HTMLCanvasElement(); canvas.style.width = "100%"; canvas.style.height = "100%"; canvas.id = "monogamecanvas"; div.appendChild(canvas); game = new GameProject.Game1(); game.Run(); }; }
public static void Main() { document.body.setAttribute("style", "margin: 0; overflow: hidden;"); var div = new HTMLDivElement(); div.setAttribute("style", "width: 960px; height: 540px;"); var button = new HTMLButtonElement(); button.innerHTML = "Run Game"; button.setAttribute("style", "width: 100%; height: 100%; background-color: rgb(100, 149, 237); color: rgb(255, 255, 255); font-size: 20px; border: 0;"); document.body.appendChild(div); div.appendChild(button); button.onclick = (ev) => { var canvas = new HTMLCanvasElement(); canvas.width = 960; canvas.height = 540; canvas.id = "monogamecanvas"; div.removeChild(button); div.appendChild(canvas); _game = new Game1(); _game.Run(); canvas.focus(); }; }
public void InternalLog(string source, ConsoleLogType logType = ConsoleLogType.Log) { var para = new HTMLParagraphElement() { className = "console-para" }; switch (logType) { case ConsoleLogType.Debug: para.style.color = Color.ForestGreen; break; case ConsoleLogType.Error: para.style.color = Color.Red; break; } para.innerHTML = source; logContent.appendChild(para); if (logContent.children.length > 1000) { logContent.removeChild(logContent.children[0]); } para.scrollIntoView(false); }
public void AttachElement(HTMLElement element) { if (AssignedElement != null) { Container.removeChild(AssignedElement); } AssignedElement = element; AssignedElement.style.position = "absolute"; AssignedElement.style.boxSizing = "border-box"; ControlSettings = new ControlSettings(); Container.appendChild(AssignedElement); }
private void RenderItem(TodoItem item) { var itemDiv = new HTMLDivElement(); // Create a CheckBox var checkBox = new HTMLInputElement { type = "checkbox", style = { margin = "10px" } }; checkBox.addEventListener("click", e => { // Set the item as Completed: item.Completed = checkBox.@checked; }); var button = new HTMLButtonElement { innerHTML = "del", onclick = e => { // Remove the item and the controls: _todoDiv.removeChild(itemDiv); _todos.remove(item); return(null); } }; itemDiv.appendChild(button); itemDiv.appendChild(checkBox); itemDiv.appendChild(new HTMLLabelElement { innerHTML = item.Task }); itemDiv.appendChild(new HTMLBRElement()); _todoDiv.appendChild(itemDiv); }