animalitos ch’apis 3D

Así que he estado jugando con blender para modelar personajes, y se me dio por dibujar un animalito peludo (ch’api == peludo en quéchua) XD

Estoy asumiendo que ya sabes los principios de cómo pintar una textura en un mesh… (no he visto ese video XD pero parece que va al grano para aprender a pintar texturas)

FoxPreview

El animalito tiene 233 triángulos, porque me encanta poner muchos bichitos pequeños en los juegos XD por eso se ve como si tuviera mala calidad… pero… bueno, el modelado será tema de otro post, por el momento, quisiera compartir una técnica para pintar colores difusos :)

jugando y jugando, descubrí una técnica para dibujar pelo de animalitos peludos… Se logra con el pincel Smear en el modo textura, y hay que combinar varias técnicas.

Comienzas con una línea… puedes dibujarla con el pincel Draw

001

Luego comienzas a “recorrer” la línea con el pincel Smear, en forma de zig zag. Eso va a formar los picos de pelo que se les hacen a los animalitos peludos…

002

Puedes agrandar o achicar el pincel (F, en modo texture paint) para lograr efectos diferentes… también puedes repasar las líneas con el smear, en un solo sentido, para resaltarlas…

003

Bueno, eso ya empieza a parecer un mechón de pelo XD pero… aún le falta algo: le falta un poco de relieve… se puede hacer mediante el esculpido, pero también se puede “pintar” las sombras, y eso es lo que haremos ahora… Con el pincel Draw, (y con mucho pulso y paciencia xD), sombrea el zig zag, ten cuidado de no pasarte de la línea!

004

Si estás pensando “se ve feo!! se veía mejor antes!!!!” es porque tienes buen ojo XD… pero no te preocupes, sólamente necesita unos cuántos ajustes… Ahora, con el pincel Smear, comienza a “afilar” los bordes redondos, para que parezcan picos… y las líneas que están demasiado definidas, comienza a difuminarlas, arrastrando el blanco hacia adentro, o el negro hacia afuera (o una combinación de ambas).

Y después de algo de edición, ese es el resultado final… no olvides cambiar la intensidad del pincel, y el tamaño a tu antojo para lograr los efectos deseados :)

El pelo de la barriga está hecho con esta técnica… para pintar el pelo de su cabeza, usé una técnica un tanto diferente… En algunos mechones no es necesario ponerle relieve ;)

Empiezas con un punto en el centro, con el pincel bastante débil…

101

Luego, hay que hacer el pincel pequeñito… comenzaremos a dibujar cabellos: dibujaremos muchas líneas que pasen por el centro del punto que dibujamos, y que se alarguen a un lado… (procura que quede un punto de más color en el medio…

102

Luego, con el pincel Smear, desliza el cabello desde adentro hacia afuera

103

Y para añadirle algunos detalles más, y que parezca más despeinado y salvaje, con el pincel Smear, jala también algo del color externo hacia adentro…

104

Mi animalito ch’api tiene unos mechones… esos mechones, los consigues repasando varias veces una curva que describe el mechón, con el pincel Smear…. podrías subirle la intensidad, y repasar esa curva una sola vez, pero a mí me gusta más cómo se ve cuando le repaso varias veces… las imperfecciones le dan un toque interesante…

105

Y para resaltar el mechón, arrastra el color negro por las orillas de la curva del mechón… Desde afuera hacia adentro…

106

Y con eso hice a ese animalito ch’api! xD … no olvides que los animalitos peludos no deberían tener brillo en su pelaje, de esa forma se verán más salvajes (porque no existe el acondicionador en la jungla virgen XD)

Puedes clonar el modelo desde github! :D es GPL 2… https://github.com/VengadoraVG/Modelos3D.git

y si te preguntas cómo se ve la textura del zorro… esta es xD (se ve chistoso)

Fox Diffuse Color

if (tern && emacs) pwn();

Ya hace mucho tiempo que estoy intentando aprender javascript, soy una fanática de emacs, pero envidiaba mucho el autocomplete de la consola del explorador… y ayer, buscando por internet cómo tunnear mi emacs, me topé con Tern. Fue amor a primera vista XD

Para instalarlo, solo tienes que seguir los pasos de este link: http://ternjs.net/doc/manual.html#emacs

00documenting

No sabía que Javascript se documentaba de esa forma, o_O lo aprendí del código de phaser XD.

Tern reconoce la documentación, y te la muestra en el autocomplete. En la imagen de arriba, como el parámetro person tiene el tipo string, su autocomplete te muestra los miembros de un string.

01documentingCuando llamas a esa función, también te muestra su documentación.

02documentingy mientras escribes la función, te muestra el tipo de dato de cada parámetro de la función, en tiempo real.

03documenting

pero cuidado con los puntos! la descripción de la función debe terminar con un punto. De lo contrario, tern te mostrará toooodo el texto que escribiste.

04documenting

Además, tern también reconoce objetos que hayas creado recién!! solo tienes que especificar en la documentación el prototipo de ese parámetro.

005tern-project

y esto es lo que más me gustó de tern: en el archivo .tern-project puedes decirle a tern cuáles archivos están participando en el proyecto en el que estás trabajando, entre otras cosas.  En la imagen de arriba, yo le dije a tern que cargara cualquier .js que pusiera en esa carpeta. Como phaser.min.js está allí, se va a agregar al auto-complete de tern.

y cuando creo un nuevo “game” (que es de un tipo de dato definido en phaser.min.js), al darle punto, el auto-complete me sugiere los miembros de game (que están definidos en phaser.min.js).

Tern tiene muchas otras características, como renombrar variables, funciona en muchos lugares (emacs, vim, sublime text, eclipse, etc)… pero no me las preguntes a mí! instala Tern, y comienza a descubrirlas :D