Preguntas y respuestas
Clase 21 de 50 • Curso de Programación Básica 2014
Contenido del curso
Kevin Bueno
student•
hace 10 años
Roberto Prince
student•
hace 10 años
Clase 21 de 50 • Curso de Programación Básica 2014
Contenido del curso
Kevin Bueno
Roberto Prince
Erick Orlando Velasco Martínez
Diego Zazueta
Nicolas Ruiz Galindo
marcy miller
Ḁ̪̻̫̰̭̌ͅbȇ͎̭͎̾̄̄̊l Vilca Quispe
Julio Cesar Labrador Rosales
Cesar Contreras
Yeraldin Acevedo Acevedo
Abrahamzick Orozco Zambrano
Richard Álvarez
Abraham
Mauro Manuel García Vilchis
Maher Andres Morantes
Oscar Pérez
Roberto Prince
ElIvan8a
Sebastian
lindo
Que chévere!!! tengo 11 años de experiencia profesional en programación con tecnologías Microsoft, pero jamás programé un juego, ya quiero que empiece!
jajaj Muero por hacer el juego!!!
Freddier me has jodio con el jueguito :))
Necesito saber si mi codigo php esta bien:
<?php $usuario = "root"; $password = ""; $servidor = "localhost"; $basededatos = "datos marcy"; $conexion = mysqli($servidor, $usuario, "") or die ("error con el servidor de la base de datos"); $db = mysqli_select_db($conexion, $basededatos) or die ("error conexion al conectarse a la base de datos"); $Nombredeusuario=$_POST['Nombre de usuario']; $Password=$_POST['Password']; $Correo=$_POST['Correo']; $sql= "INSERT INTO usuarios VALUES"('$Nombre de usuario', '$Password', '$Correo'); $ejecutar= mysqli_query($conexion, $sql); if(!$ejecutar){ hecho"hubo error"; }else{ echo"datos guardados correctamente" <br> <a href= "f acceder.html"><volver</a>; } ?>Muy interesante las tareas n_n?
Animo....
GRACIAS A DIOS n_n?
Excelentes clases freddy como siempre
genial platzi es genial buen curso :D
Gracias, muy cheveres las clases, todo muy claro !!!
excelente profesor muy claro y muy preciso en sus apuntes y comentarios.
Genial!!!!
Cada vez subiendo de nivel! :D :D
I'M READYYY
Vamos por más!!!
Gracias ningún comentario lo único es que no he podido subir las tareas si las practico el unico problema es mi trabajo pero me queda tiempo para hacer ejercicios... Gracias se entiende y comprende a la perfección. ByReham7
Para compartir tu taras puedes usar github o codepen.
var CanvasApp;
(function (CanvasApp) {
function getById(id) {
return document.getElementById(id);
}
function gradToRad(grad) {
return grad * Math.PI / 180;
}
function punto(x, y) {
return {
x: x,
y: y
};
}
function dibujarLinea(lienzo, origin, final, color) {
lienzo.beginPath();
lienzo.moveTo(origin.x, origin.y);
lienzo.lineTo(final.x, final.y);
lienzo.strokeStyle = color;
lienzo.stroke();
lienzo.closePath();
}
function dibujarGrid(lnz, wid, hgt, timesX, timesY, color) {
var difX = wid / timesX;
var difY = hgt / timesY;
if (timesX === timesY) {
for (var i = 0; i <= timesX; i++) {
dibujarLinea(lnz, punto(i * difX, 0), punto(i * difX, hgt), color); //Dibujar X
dibujarLinea(lnz, punto(0, i * difY), punto(wid, i * difY), color); //Dibujar Y
}
}
else {
for (var i = 0; i <= timesX; i++) {
dibujarLinea(lnz, punto(i * difX, 0), punto(i * difX, hgt), color); //Dibujar X
}
for (var i = 0; i <= timesY; i++) {
dibujarLinea(lnz, punto(0, i * difY), punto(wid, i * difY), color); //Dibujar Y
}
}
}
function dibujarXGrid(lnz, wid, hgt, timesX, timesY, color) {
var difX = wid / timesX;
var difY = hgt / timesY;
dibujarLinea(lnz, punto(0, 0), punto(wid, hgt), color);
dibujarLinea(lnz, punto(wid, 0), punto(0, hgt), color);
if (timesX === timesY) {
for (var i = 1; i <= timesX; i++) {
dibujarLinea(lnz, punto(0, i * difY), punto(wid - i * difX, hgt), color); //Dibujar X
dibujarLinea(lnz, punto(0 + i * difX, 0), punto(wid, hgt - i * difY), color);
dibujarLinea(lnz, punto(wid, 0 + i * difY), punto(0 + i * difY, hgt), color);
dibujarLinea(lnz, punto(wid - i * difX, 0), punto(0, hgt - i * difY), color);
}
}
else {
for (var i = 1; i <= timesX; i++) {
dibujarLinea(lnz, punto(0, i * difY), punto(wid - i * difX, hgt), color);
dibujarLinea(lnz, punto(0 + i * difX, 0), punto(wid, hgt - i * difY), color);
}
for (var i = 1; i <= timesY; i++) {
dibujarLinea(lnz, punto(wid, 0 + i * difY), punto(0 + i * difY, hgt), color);
dibujarLinea(lnz, punto(wid - i * difX, 0), punto(0, hgt - i * difY), color);
}
}
}
function dibujarRect(lnz, begin, wid, hgt, color) {
lnz.beginPath();
lnz.moveTo(begin.x, begin.y);
lnz.lineTo(begin.x + wid, begin.y);
lnz.lineTo(begin.x + wid, begin.y + hgt);
lnz.lineTo(begin.x, begin.y + hgt);
lnz.lineTo(begin.x, begin.y);
lnz.strokeStyle = color;
lnz.fillStyle = color;
lnz.fillRect(begin.x, begin.y, wid, hgt);
lnz.stroke();
lnz.closePath();
}
function dibujarCircle(lienzo, x, y, radius, color) {
lienzo.beginPath();
lienzo.strokeStyle = color;
lienzo.arc(x, y, radius, 0, gradToRad(360), true);
lienzo.fillStyle = color;
lienzo.fill();
lienzo.stroke();
lienzo.closePath();
}
function borraCanvas(lnz) {
lnz.clearRect(0, 0, lnz.canvas.width, lnz.canvas.height);
}
var cnvs = document.createElement('canvas');
var totalWidth = 300;
var totalHeight = 300;
cnvs.width = totalWidth;
cnvs.height = totalHeight;
cnvs.id = "dibujo";
var lienzo = cnvs.getContext('2d');
document.body.appendChild(cnvs);
// // SQUARE
//dibujarRect(lienzo, punto(150, 150), 100, 100, "brown");
// LINEA
//dibujarLinea(lienzo, punto(100,100), punto(200, 100),"black");
// CIRCLE
//dibujarCircle(lienzo, 20, 20, 10, 'green' );
var inTxt = getById('inTxt');
var btn = getById('btn');
var btnClear = getById('btnClear');
dibujarXGrid(lienzo, totalWidth, totalHeight, 10, 10, "#AAF");
btn.addEventListener('click', function () {
var numOfLines = parseInt(inTxt.value, 10);
dibujarGrid(lienzo, totalWidth, totalHeight, numOfLines, numOfLines, "#AAF");
});
btnClear.addEventListener('click', function () {
borraCanvas(lienzo);
});
})(CanvasApp || (CanvasApp = {}));
No he podido compañeros...
Nada me funciona ya cheque todo y nada mas no
ALGUIEN QUE ME PUEDA AYUDAR?
HTML:
<!DOCTYPE html> <html> <head><meta charset="utf-8"/>
<title>Dibujando con S.Garcia</title> <script type="text/javascript" src="canvas.js" ></script> </head> <body> <div> <p><input type="text" name="" ="usuario"/>
<input type="button" name="dibujalo" value="Traza las rallas">
</p>
</div><canvas name="dibujito" width="300" height="300" ></canvas>
<h2>Dibujando con canvas</h2>
<script type="text/javascript">
total();
</script> </body> </html>JAVASCRIPT:
var dibujo, lienzo;
function total()
{
dibujo = document.getElementByName("dibujito");
lienzo = dibujo.getContext("2d");
dibujarGrilla(lienzo);
lienzo.strokeStyle = "#DDD";
lienzo.moveTo(1,1);
lienzo.lineTo(299,1);
lienzo.lineTo(299,299);
lienzo.lineTo(1,299);
lienzo.lineTo(1,1);
lienzo.strokeStyle = "#FF00";
lienzo.stroke();
lienzo.beginPath();
lienzo.strokeStyle = "#00F";
lienzo.arc(150,150,100, (Math.PI * 2), false);
lienzo.closePath();
lienzo.stroke();
}
function dibujarGrilla(pony) {
var pony = lienzo
var rayas = Number(t.value);
var ancho = 300, alto = 300;
var linea, punto;
var ancholinea = ancho / rayas;
var limiteX = ancho / ancholinea;
var limiteY = alto / ancholinea;
pony.strokeStyle();
for(linea = 0; linea <= limiteX; linea++)
{
punto = linea * ancholinea;
pony.beginPath();
pony.strokeStyle = "#AAA";
pony.moveTo(punto, 0);
pony.lineTo(punto, 300);
pony.stroke();
pony.closePath();
}
for(linea = 0; linea <= limiteY; linea++)
{
pony.beginPath();
pony.strokeStyle = "#AAA";
pony.moveTo(linea * ancholinea, 0);
pony.lineTo(linea * ancholinea, 300);
pony.stroke();
pony.closePath();
}
// body...
}
HTML:
<!DOCTYPE html> <html> <head><meta charset="utf-8"/>
<title>Dibujando con S.Garcia</title> <script type="text/javascript" src=" canvas.js " ></script> </head> <body> <div> <p><input type="text" id="usuario"/> // SE USA id para identificar las etiquetas
<input type="button" id="dibujalo" value="Traza las rallas"/>
</p>
</div><canvas id="dibujito" width="300" height="300" ></canvas>
<h2>Dibujando con canvas</h2>
<script type="text/javascript">
total();
</script> </body> </html>JAVASCRIPT:
var dibujo, lienzo;
var boton,t;
function total()
{
dibujo = document.getElementById("dibujito");
lienzo = dibujo.getContext("2d");
boton= document.getElementById("dibujalo");
t= document.getElementById("usuario");
boton.addEventListener("click",dibujarGrilla);
lienzo.strokeStyle = "#DDD";
lienzo.moveTo(1,1);
lienzo.lineTo(299,1);
lienzo.lineTo(299,299);
lienzo.lineTo(1,299);
lienzo.lineTo(1,1);
lienzo.strokeStyle = "#FF00";
lienzo.stroke();
lienzo.beginPath();
lienzo.strokeStyle = "#00F";
lienzo.arc(150,150,100, (Math.PI * 2), false);
lienzo.closePath();
lienzo.stroke();
}
function dibujarGrilla() {
var pony = lienzo
var rayas = Number(t.value);
var ancho = 300, alto = 300;
var linea, punto;
var ancholinea = ancho / rayas;
var limiteX = ancho / ancholinea;
var limiteY = alto / ancholinea;
for(linea = 0; linea <= limiteX; linea++)
{
punto = linea * ancholinea;
pony.beginPath();
pony.strokeStyle = "#AAA";
pony.moveTo(punto, 0);
pony.lineTo(punto, 300);
pony.stroke();
pony.closePath();
}
for(linea = 0; linea <= limiteY; linea++)
{
pony.beginPath();
pony.strokeStyle = "#AAA";
pony.moveTo(0, linea * ancholinea);
pony.lineTo(300, linea * ancholinea);
pony.stroke();
pony.closePath();
}
// body...
}