<div class="container" id="main">
<div class="grid">
<div class="cell wall"></div>
<div class="cell wall"></div>
<div class="cell wall"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell wall"></div>
<div class="cell wall"></div>
<div class="cell"></div>
<div class="cell wall"></div>
<div class="cell wall"></div>
<div class="cell wall"></div>
</div>
</div>
#include "stdio.h"
#include "stdlib.h"
int main(void){
return 0;
}
<div class="maze">
<div class="header">
<div class="score">
Score: <span id="score">0</span>
</div>
<div class="lives">
Lives: <span id="lives">3</span>
</div>
<div class="level">
Level: <span id="level">1</span>
</div>
</div>
<div class="labyrinth"></div>
</div>
<pre style="background-color: black; color: green">
#######################################################
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
add a b = a + b
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>labirinto</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background: black;">
<div style="color: green;">
#####
#@ #
# #
# #
# ##
#####
</div>
</body>
</html>
<body style="background-color: black">
<div class="container" id="main">
<div style="width: 500px; height: 500px; background: green;">
<img src="@.png" alt="personagem" class="personagem" style="width: 60px; height: 60px; position: absolute">
</div>
</div>
</body>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Labirinto</title>
<style>
body {
background: #000;
}
#main {
width: 800px;
height: 800px;
background: #0f6;
font-size: 0;
}
#main div {
display: inline-block;
width: 10px;
height: 10px;
font-size: 10px;
line-height: 10px;
letter-spacing: -1px;
text-align: center;
cursor: default;
}
#main .hero {
background: #f90;
}
#main .enemy {
background: #f00;
}
#main .projectile {
background: #aaa;
}
</style>
<script>
var labyrinth = [],
enemies = [
<div class="container" id="main">
<div class="container" id="maze">
</div>
<div class="container" id="player">
<div class="player" id="player1"></div>
</div>
<div class="container" id="loader"></div>
</div>
<div class="container" id="main">
<div style="background-color: black; width: 800px; height: 800px;">
<div style="color: green;">
##############################
#@......#....................#
#.#####.#.###################.#
#.#.....#.#...................#
#.#.#.#.#.###############.#####
#.###.#.#.#...........#.#.#....#
#.....#.#.#.#########.#.#.#.###
#####.#.#.#.#.......#.#.#.#.#.#
#.....#.#.#.#.#####.#.#.#.#.#.#
#.####.#.#.#.#...#.#.#.#.#.###
#.#...#.#.#.#.#.#.#.#.#.#.....#
#.###.#.#.#.#.#.#.#.#.#########
#.#...#.#.#.#.#.#.#.#..........#
#.###.#.#.#.#.#.#.#.###########
#.#...#.#.#.#
<div class="container" id="main">
<table>
<tr id="top">
<td style="background-color:black">
#
</td>
<td style="background-color:black">
#
</td>
<td style="background-color:black">
#
</td>
<td style="background-color:black">
#
</td>
<td style="background-color:black">
#
</td>
<td style="background-color:black">
#
</td>
<td style="background-color:black">
#
</td>
<td style="background-color:black">
#
</td>
<td style="background-color:black">
#
</td>
<td style="background-color:black">
#
</td>
<td style="background-color:black">
#
</td>
<td
<html>
<head>
<title>Labirinto</title>
<style>
.laranja{
color:orange;
font-size:20px;
}
</style>
</head>
<body bgcolor="#000">
<div class="container" id="main">
<div class="row">
<div class="col-12">
<p class="laranja" id="personagem">@</p>
</div>
<div class="col-12">
<table>
<tr id="linha1">
<td id="celula1">#</td>
<td id="celula2">#</td>
<td id="celula3">#</td>
<td id="celula4">#</td>
<td id="celula5">#</td>
<td id="celula6">#</td>
<td id="cel
<html>
<head>
<title>Labirinto</title>
</head>
<body style="background-color:#000000">
<pre style="color:#00ff00">
########
#@ #
# #
# #
# #
# #
# #
# #
# #
########
</pre>
</body>
</html>
<div class="container" id="main">
<pre class="labirinto">
###########################################################################
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
# #
###########################################################################
</pre>
</div>
<div class="container" id="main">
<div class="x"></div>
</div>
<div class="container" id="main">
<div class="line line1">
<div class="box box1"></div>
<div class="box box2"></div>
</div>
<div class="line line2">
<div class="box box1"></div>
<div class="box box2"></div>
</div>
</div>
<!DOCTYPE html>
<html>
<head>
<title>GameLabs</title>
</head>
<body>
<style type="text/css">
body{
background-color: black;
}
.container{
width: 800px;
height: 800px;
margin: 80px auto;
background-color: green;
}
.container div{
display: block;
width: 20px;
height: 20px;
float: left;
}
.container div.wall{
background-color: black;
}
.container div.hero{
background-color: orange;
}
.container div.bullet{
background-color: yellow;
}
.container div.enemy{
background-color: red;
}
</style>
<div class="container">
<div class="wall" style="top: 0
<!DOCTYPE html>
<html>
<head>
<title>labirinto</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
body {
background-color: black;
}
.container {
width: 1020px;
height: 1020px;
background-color: green;
}
#main {
color: orange;
font-weight: bold;
}
.projetil {
color: orange;
font-weight: bold;
}
.inimigo {
color: red;
font-weight: bold;
}
</style>
</head>
<body>
<h1>labirinto</h1>
<div class="container">
<div id="main">@</div>
<div class="projetil">=
<div class="container" id="main">
<div class="row">
<div class="col-sm-4" style="background-color:green">#</div>
<div class="col-sm-4" style="background-color:green">#</div>
<div class="col-sm-4" style="background-color:green">#</div>
</div>
<div class="row">
<div class="col-sm-4" style="background-color:green">#</div>
<div class="col-sm-4" style="background-color:green">@</div>
<div class="col-sm-4" style="background-color:green">#</div>
</div>
<div class="row">
<div class="col-sm-4" style="background-color:green">#</div>
<div class="col-sm-4" style="background-color:green">#</div>
<div class="col-sm-4
* * * * * * * * * * * * * * * * * * * * * * * *
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
* *
*
<!DOCTYPE html>
<html>
<head>
<title>Labirinto</title>
<style type="text/css">
*{
box-sizing: border-box;
margin: 0;
padding: 0;
}
.container{
width:800px;
height:800px;
background:black;
}
.container *{
display:block;
padding:5px;
margin-bottom:5px;
font-size: 0;
}
.green{
background:green;
}
.container .row{
width:800px;
}
.container .row:nth-child(even){
background:green;
}
.container .row:nth-child(odd){
background:
<style>
.container{
background-color: black;
}
#main{
color: green;
}
.container{
color: orange;
}
</style>
<div class="container">
#############################
# #
# @ =#
# #
#############################
</div>
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Labirinto</title>
<script src="labirinto.js"></script>
<link rel="stylesheet" href="labirinto.css">
</head>
<body>
<div class="container" id="main">
<div class="row">
<div class="col s12">
<div class="card">
<div class="card-content">
<div id="labirinto">
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
## License
MIT
<div id="game1" style="background-color: black;"></div>
<script>
var game = new Game("game1", "#", "@");
var color1 = new Color("green");
var color2 = new Color("orange");
game.setBackgroundColor(color1);
game.setCharacterColor(color2);
game.setMaze();
game.setCharacter();
game.start();
</script>
<div class="container" id="main" style="background-color:black">
<pre style="color:#00ff00">
<div id="maze"></div>
<script>
var i;
for (i = 0; i < 100; i++) {
document.getElementById("maze").innerHTML += "#";
}
document.getElementById("maze").innerHTML += "@";
</script>
</pre>
</div>
<div class="container" id="main">
<div id="maze" style="color:green;background-color:black;width:640px;height:360px">
<!-- maze row -->
<div style="display:flex;flex-direction:row">
<div style="display:flex;flex-direction:row">#</div>
<div style="display:flex;flex-direction:row">#</div>
<div style="display:flex;flex-direction:row">#</div>
<div style="display:flex;flex-direction:row">#</div>
<div style="display:flex;flex-direction:row">#</div>
<div style="display:flex;flex-direction:row">#</div>
</div>
<!-- maze row -->
<div style="display:flex;flex-direction:row">
<div style="display:flex;flex-direction:row">#</div>
<div style="display:flex;flex-direction:row">
<!-- gerar labirinto com personagem se movendo em ascii art -->
<div class="container" id="main">
<div class="hero" id="hero1">
<div class="hero-face"><img src="https://cdn.glitch.com/f9e4b9c6-d7c4-4a4b-b7c6-7b5bd8f0a9a7%2Fhero-right.png?1538461895540" alt="hero face"></div>
</div>
<div class="row">
<div class="wall" id="w1"></div>
<div class="wall" id="w2"></div>
<div class="wall" id="w3"></div>
<div class="wall" id="w4"></div>
<div class="wall" id="w5"></div>
<div class="wall" id="w6"></div>
<div class="wall" id="w7"></div>
<div class
<div class="container" id="main">
<div class="row">
<div class="col-sm-3"></div>
<div class="col-sm-6">
<div class="row">
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
#############################
<!-- HTML -->
<div id="labirinto"></div>
<!-- CSS -->
#labirinto {
border: 1px solid gray;
background-color: black;
width: 400px;
height: 400px;
position: relative;
margin: 0 auto;
}
#personagem {
position: absolute;
color: orange;
font-size: 30px;
font-family: monospace;
top: 0;
left: 0;
}
/* JavaScript */
var labirinto = document.getElementById("labirinto");
var quadrado = document.createElement("div");
var personagem = document.createElement("div");
personagem.setAttribute("id", "personagem");
personagem.innerHTML = "@";
labirinto.appendChild(personagem);
for (var i = 0; i < 16; i++) {
for (var j = 0; j < 16; j++) {
quadrado = document
<div class="container" id="main">
<div class="row">
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green">#</div>
<div class="box green
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Labirinto</title>
<style>
body{
background-color:black;
}
.linha{
display:flex;
margin:0;
padding:0;
}
.quadro{
width:10px;
height:10px;
}
.quadro.parede{
background-color:green;
}
.quadro.vazio{
background-color:black;
}
.quadro.personagem{
background-color:orange;
}
</style>
</head>
<body>
<div class="container" id="main"></div>
</body>
<script>
var labirinto = [
["#","#","#","#","#","#","#","#","#","#"],
["#"," "," "
<div class="container" id="main">
<div class="row">
<div class="col-md-8">
<canvas id="canvas" width="1020" height="1020"></canvas>
</div>
</div>
</div>
<div class="container" id="main">
<div class="row">
<div class="col-2" id="map">
<div class="row">
<div class="col-2" id="1"></div>
<div class="col-2" id="2"></div>
<div class="col-2" id="3"></div>
<div class="col-2" id="4"></div>
</div>
<div class="row">
<div class="col-2" id="5"></div>
<div class="col-2" id="6"></div>
<div class="col-2" id="7"></div>
<div class="col-2" id="8"></div>
</div>
<div class="row">
<div class="col-2" id="9"></div>
<div class="col-2" id="10"></div>
<div class="col-2" id="11"></div>
<div class
<div class="container" id="main">
<pre id="playground">
<script>
function init(){
var text = ""
var size = 15
var color = "green"
var background = "black"
for(var i=0;i<size;i++){
for(var j=0;j<size;j++){
if(i==0 || i == size-1 || j==0 || j == size-1){
text += "#"
}else{
text += " "
}
}
text += "\n"
}
document.getElementById("playground").style.color = color
document.getElementById("playground").style.background = background
document.getElementById("playground").innerHTML = text
}
init()
</script>
<style>
#playground{
font-size: 20px;
white-space:pre;
}
</style>
</pre>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#main{
background-color:black;
color:green;
padding:5px;
}
.hero{
color:orange;
}
</style>
</head>
<body>
<div class="container" id="main">
################################<br>
#............#..................#<br>
#............#..................#<br>
#............#..................#<br>
#............#..................#<br>
#............#..................#<br>
#............#..................#<br>
#............#..................#<br>
#............#..................#<br>
#............#..................#<br>
<div class="container" id="main">
<table>
<tr>
<td class="hero" id="hero">@</td>
</tr>
</table>
<table>
<tr>
<td class="enemy" id="enemy">&</td>
</tr>
</table>
</div>
<div class="labirinto bg-preto">
<div class="bloco bg-verde">=</div>
<div class="bloco bg-verde">=</div>
<div class="bloco bg-verde">=</div>
<div class="bloco bg-verde">=</div>
<div class="bloco bg-verde">=</div>
<div class="bloco bg-verde">=</div>
<div class="bloco bg-verde">=</div>
<div class="bloco bg-verde">=</div>
<div class="bloco bg-verde">=</div>
<div class="bloco bg-verde">=</div>
<div class="bloco bg-verde">=</div>
<div class="bloco bg-verde">=</div>
<div class="bloco bg-verde">=</div>
<div class="labirinto">
<table>
<tr>
<td>#</td>
<td>=</td>
<td>#</td>
</tr>
<tr>
<td>#</td>
<td>=</td>
<td>#</td>
</tr>
<tr>
<td>#</td>
<td>=</td>
<td>#</td>
</tr>
<tr>
<td>#</td>
<td class="personagem">@</td>
<td>#</td>
</tr>
</table>
</div>
<div class="container" id="main">
<div class="row">
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div>
<div class="square"></div
