Noticias

¡Ayuda a la Comunidad GM, haz una donación!

Comunidad Game Maker

Bienvenid@ a la comunidad hispana de Game Maker. Nuestro objetivo es crear videojuegos y dar soporte en castellano de GM. Para mejorar nuestro servicio hemos implantado, como adicion al reglamento general, algunas normas especificas en los subforos más comunes. ¡No olvides informarte antes de participar!.

Autor Tema: CSS Drawer [BETA] v0.2  (Leído 1342 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado NiuWeb

  • Flota de Justicia Particular.
  • Moderadores globales
  • Okupa
  • *
  • Puntos: 2826
  • Mensajes: 1.699
  • Agradecido: 141 veces
  • Sexo: Masculino
  • Thomas the dank engine.
    • Ver Perfil
en: Febrero 25, 2016, 03:42:45 am


Programas & Utilidades

GM8

CSS Drawer es un software simple de dibujo de figuras, y su principal característica es la posibilidad de exportar los proyectos realizados a un archivo *.html con CSS incluído que redibuja el proyecto en el documento web.

imagen 1
imagen 2
imagen 3
imagen 4

Descargar instalador (2.69 MB) Dropbox
Descargar archivo comprimido (2.5 MB) Dropbox
Adjunto también

Características de la versión

  • Añadida interfaz gráfica, botones y menús para el fácil uso del programa y control de opciones rápido.
  • Añadida la opción de transparencia total en el fondo o borde de las figuras.
  • Añadida encriptación leve de proyectos para evitar posibles daños en la información de los mismos. Por lo tanto, los proyectos creados con la versión anterior ALPHA v0.1 son incompatibles y considerados obsoletos a partir de esta versión.
  • Añadida la extensión de archivos personalizada (*.cdm), los proyectos pueden ser abiertos desde el Explorador de Windows con CSS Drawer BETA v0.2 como programa por defecto.(Requiere reinicio después de la primera ejecución)
  • Añadido editor de figuras, con posibilidad de mover, redimensionar y modificar el color de la figura.
  • Añadido portapapeles para copiar y pegar figuras

La web oficial del programa: CSS Drawer
Documentación del programa: CSS Drawer Docs
« última modificación: Abril 17, 2016, 12:11:30 am por NiuWeb »

alaberga regué el café.

BA:STFW&RTFM
 


No Tienes Permisos Para Dar Puntos
point 20 Puntos

Usuarios que puntuaron el tema » tu padre (10 Pts) » TheWood (5 Pts) » Zela (5 Pts) 


Desconectado NiuWeb

  • Flota de Justicia Particular.
  • Moderadores globales
  • Okupa
  • *
  • Puntos: 2826
  • Mensajes: 1.699
  • Agradecido: 141 veces
  • Sexo: Masculino
  • Thomas the dank engine.
    • Ver Perfil
Respuesta #1 en: Marzo 26, 2016, 04:49:51 am
¡Actualización!
La versión BETA v0.2 está disponible.
Nueva información en el post original

PD: Perdón por el doble-post :-[ xD
« última modificación: Marzo 27, 2016, 04:30:09 am por NiuWeb »

alaberga regué el café.

BA:STFW&RTFM
 


Desconectado somnus

Respuesta #2 en: Abril 04, 2016, 01:06:09 am
muy interesante tu proyecto, pero lo que buscas es crear codigo CSS, con eventos D&D de game maker, es decir despues de hacer tu diseno en GM:S, te aparece un script de CSS que puedes portar a un sitio web?

Es Mejor No Saber Porque Funciona, Que Saber El Porque No Funciona...
Tienes alguna duda con "Game Design" o de videojuegos en general, contactamente mas facil en twitter @pavulzavala
 


Desconectado NiuWeb

  • Flota de Justicia Particular.
  • Moderadores globales
  • Okupa
  • *
  • Puntos: 2826
  • Mensajes: 1.699
  • Agradecido: 141 veces
  • Sexo: Masculino
  • Thomas the dank engine.
    • Ver Perfil
Respuesta #3 en: Abril 04, 2016, 01:11:14 am
Sí, pero no con eventos D&D de Game Maker, sino dibujando en el programa  :-[ xD
Cuando tú terminas de dibujar y exportas tu proyecto, el programa generará un archivo con el código html+css necesario para "re-dibujar" el dibujo (valga la redundancia) en tu sitio web.
Puedes encontrar unos ejemplos (horribles, pero no es culpa del programa sino mia, puesto que soy un asco dibujando cualquier cosa) de lo que exporta el programa, y si das "ver código fuente" verás que se trata de puro HTML+CSS.
Aquí: http://cssdrawer.netau.net/acerca_de.html
En la sección de "Ejemplos"  verás dos pequeños diseños (un patrón de bandas azules y un intento de cerdito verde) que si le das "ver código fuente" o "inspeccionar elemento" podrás observar su estructura.

alaberga regué el café.

BA:STFW&RTFM