10, 10, 10!

Stuff on GitHub I'm storing there the sources of most of the projects I worked on, small and large. « go there!

Alea Optima A minimalist and portable solo tabletop RPG in which you explore procedurally generated Worlds. « go there!

Heroes of Micro & Moji III A squashed tribute to the HOMM3 fantasy strategy game in 1 kb of printable JS code. « go there!

Notoner A simple tool thought to help you play some print and play games and tabletop RPGs. « go there!

RogueCairn A random generator of small worlds designed to be explored following Yochai Gal's Cairn adventure game rules. « go there!

Massive Randomness 2 A Massive Darkness 2 one-shot quest random generator. « go there!

Generals of Stampadia An open-source print-and-play single-player Expandable Card Game. « go there!

The Scroll of Many Glances An experimental app-supported masterless fantasy RPG thought for mobile devices and inspired by PbtA and OSR tabletop role-play games. « go there!

Dungeons of Crimsonbranch A tiny adventure dice game you can play on a computer, a mobile device, or a sheet of paper, inspired by looter hack'n'slash RPG videogames. « go there!

Kuroshimu A procedural black box investigation game: the game simulates 56 days of 6 persons and generates a PDF newspaper from their testimonies for the player to guess what happened. « go there!

Rogue Rogue A secrets-packed roguelite single-screen platformer arcade game for 1-2 players heavily inspired by the 1986 Taito masterpiece Bubble Bobble and other great games from the past. « go there!

LCD Game - World Changers A simulator of a never existed physical LCD handheld conversion of World Changers, an action game inspired by old classics, like Cabal, Contra, and OutRun, and modern games like Gears Of War and mobile casual gaming. « go there!

Wizard Survivors Wizard Survivors is a 500-characters codegolfed tribute to the infectious game Vampire Survivors. « go there!

Travelers Of Stampadia The Chronicles of Stampadia card game spin-off! A daily print-and-play roguelike adventure card game you can play offline. « go there!

Programmino An implementation of the machine I've seen in my dreams. « go there!

PvP An opensource web browser 1-4 Players arena shooter you can play offline in split-screen and networked (experimental). « go there!

Chronicles Of Stampadia A daily print-and-play roguelike adventure you can play offline. « go there!

Goldscrolls A fast Print-and-Play Roll-and-Write Deckbuilder for two players. « go there!

Cardcade An experimental opensource digital card game system that offers a mechanic inspired by deck-building games to implement multiple types of game. « go there!

Razorthought A single-player Card Battler game I worked on in 2020 during the pandemic lockdown caused by COVID-19 virus. « go there!

Rewtro Papercraft videogame cartridges you can print and pirate with a copy machine. « go there!

World Changers A Contra-GearsOfWar inspired third person shooter you can play with one finger that can change the world. « go there!

Tighty Deadline A puzzle/arcade about level design. Easy is hard to design. « go there!

Wright! Magazine A thoughtful full-stack reimplementation of gaming in 80's and 90's. « go there!

Atwenture An open-sourced surreal social-collaborative Twitter-based text adventure that changes unpredictably. - DEAD « go there!

The Last Of At A Fanfictional Tribute Survival Roguelike in 1K of JS. « go there!

Gamecora TV A HTML5/JS/CSS3 TV about gaming that goes to the sources. Nobody in the middle. « go there!

JSTV Suite Make your own TV Channel with HTML5/JS/CSS3. The Gamecora TV heart. « go there!

HotGun You don't have any index. Pick a weapon and hunt data by yourself. Introducing the First Person Search Engine. « go there!

KWGN KesieWoolf Gaming Network is just a personal catalogue of my and my GF's videogames. Except for his look, behaviour and contents that are like a real gaming site. (Italian only) « go there!

Magaka Magaka is an opensource javascript engine that allows to create modern digital magazines using open web technologies. « go there!

VanillaOS Do you think that scrollviews are the vanilla of mobile apps? Taste this javascript implementation. « go there!

Meltingbot Meltingbot is a magazine about. REST calls, rectangle packing and CSS transformations mixed together. « go there!

Akihabara Pixelated indie-style videogames for your browsers and touch devices using HTML5, Javascript and nothing more! « go there!

StripThis! Web. Comic. For real. Create simple webcomics actually made with web and write them like blogging. « go there!

Kesiev Chiefs A Ruby media player in 300 lines of code « go there!

About me About me and my life. « go there!

WTF? A (unfinished) manga about... well... videogames! « go there!

Ichigo A strawberry flavoured package manager for linux. Your tiny Gentoo. « go there!

Something White Un libro di Bianca Brenna « go there!

Grow You feed. It grows. An unfinished project store/blog. And a full featured JS blog. « go there!

Kitty A podcast (DTV, Yahoo! Podcast and more) client for KDE written in C++! « go there!

Noribasic A basic simulator for Firefox! A real tribute to the old Commodore 64! « go there!

Kemail A GMail clone in PHP/MySQL! - DEAD « go there!

Kiobashin A kioslave that creates virtual filesystems using bashscripts under KDE! « go there!

Norifeeder An RSS Aggregator written in Javascript that simply works. For some technical limit, a PHP proxy with time-limited cache was added. « go there!

Nori Nori Block Nori Nori Block is online multiplayer tetris with statistics, custom game modes and more! « go there!

JJogle A search engine for real good words - by JJ! « go there!

Kaffepot A (old and unfinished) manga by KesieV. (Storyboard by Posixe/Lucio) « go there!

Jubble Bobble A full featured clone of Bubble Bobble for Siemens Java phones. « go there!

Nori Nori Revolution A DDR style game from the old kesiev.com site. « go there!

Kesievaders A Space Invaders clone from the old kesiev.com site. « go there!

Io, Io, Io!

Eureka!

2008-10-22 17:19:52

Mettendo insieme tutti i pezzi, tra tecniche, trucchi e brèinstorming, alla fine ho trovato un modo per fare una paginetta di qualita' accettabile senza essere troppo preciso e sbrigarmela in un'oretta... usando solo Inkscape e Gimp.

Com'e'?

La versione "print", ovvero come la terrei in pubblicazione, e' questa: (Link).
L'originale e' qua: (Link)
Certo... il tratto non e' precisissimo ma penso possa andare. Magari mi scrivero' quello che ho fatto in maniera meno criptica ma per gli addetti questo dovrebbe bastare.

Inkscape
Foglio: A3
Vignette: su un livello a parte facciamo un bel rettangolo con bordo spesso 30px attorno al foglio e, con le righe dritte dividiamo le vignette (righe sempre spesse 30px).
Una volta fatto, selezionamo tutto e facciamo un "Tracciato >> Da linea a tracciato" e "Tracciato >> Unione". Selezioniamo i bordi delle vignette - che ora saranno un blocco unico, e facciamo impostiamo il riempimento sul bianco e i bordi neri di 4px.
Disegno: altro livello sotto quello delle vignette. Disegno a mano libera col pennino. Ricordiamoci l'incidenza a 0. Io uso la largezza base a 15.
Lettering: facciamo un livello sopra il disegno a mano libera - ma sotto le vignette - usando il font Anime Ace (Link) scriviamo il testo dove ci pare.
Baloon: Altro livello, tra il lettering e il disegno a mano libera. Con gli ellissi, con riempimento bianco e contorno nero di 5px, contorniamo il testo tenendolo al centro. Con il curvilinee facciamo le "punte" dei baloon facendole partire dall'interno degli ellissi. Uniamo le punte ai baloon selezionandoli entrambi e facendo "Tracciato >> Unione". Possiamo unire anche ellissi vicini, in modo tale da fare pezzi di frase contigui.
Export: Esportiamo tutto in una PNG 800x1119 pixel circa.

Gimp
Livelli: Carichiamo la PNG in gimp e aggiungiamo un livello trasparente sotto l'immagine caricata ed uno completamente bianco sotto. Quest'ultimo livello fa da "colore di base" e non andra' toccato.
Tone: Coloriamo usando gli screentone (vedi post precedente) nel livello sotto quello dell'immagine (per intenderci, quello "in mezzo". Facciamolo con criterio! Notate come i toni non passano ne sopra i contorni della vignetta e ne sopra i baloon, visto che sono gli unici elementi che Inkscape ha "riempito".
Sfondi: qua raggiungiamo l'illegalita'... lo sfondo che ho fatto e' una foto del mio soggiorno scattata con una macchina digitale (ovviamente budget - a 8.2 megapixel ma penso basti anche una webcam qualsiasi), desaturata e con il filtro "Artistici >> Fumetto..." applicato 3 volte con i valori di default. Ridimensioniamolo e incolliamolo sotto il livello dei toni. Per un effetto migliore suggerisco di impostare "Fusione grana" come modalita' del livello... ma pasticciate come vi pare con i parametri.
Alla fine salviamo il file XCF (come "master"). Ridimensioniamo l'immagine dandogli una larghezza di 500px e facciamo un bel "File >> Salva una copia...", dandogli un altro nome e salvandolo come PNG.

Fatto
Basta. Non ho fatto altro, per la tavola che ho pubblicato. Ovviamente i numeri che ho scritto sono assolutamente variabili ma, finalmente, posso dirvi che con roba opensource (e free - il font non sono sicuro sia opensource) e' possibile fare un manga accettabile... per un lavoro di un'ora!
Questo vuol dire che riprendero' a fare fumetti. Ho capito... Ho capito...

by kesiev - Commenti. (4)

Screentones

2008-10-20 18:14:51

Bravi, nella lezione precedente avete fatto andare una tavoletta grafica budget sul vostro pinguino. Che ne dite di fare qualche manghino?
Benebene... per prima cosa procuratevi dei buoni screentones - l'equivalente dei retini usati dai disegnatori di manga professionisti. Sono dei "brush puntinati" e non che vi serviranno per "colorare" il vostro disegno.
Un bellissimissimo tutorial su come fare lo trovate qua: (Link) ma, se non vi va di leggere, semplicemente scaricate tutti i files che trovate qua (Link) e buttateli nella cartella "patterns" del vostro gimp (~/gimp-2.6/patterns).
Fate il vostro schizzo con Inkscape con lo strumento "Crea linee calligrafiche o pennellate" (colore di riempimento nero, nessun bordo, abilitate l'uso della pressione e impostate l'incidenza a 0). Fatelo dettagliato ma evitate le sfumature. Poi esportatelo come PNG e apritelo con il vostro GIMP.
Create un livello bianco in fondo ed uno trasparente in mezzo. Selezionate quest'ultimo e, con lo strumento di copia selettiva (l'icona a forma di timbro da solo) opportunamente impostato (Modalita' normale, Opacita' 100\%, pennello tondo, sensibilita' alla pressione legata alla dimensione del pennello, allineamento "allineato") colorate il disegno scegliendo uno dei motivi in bianco e nero che troverete. E' una collezione molto ben fatta e completa ed include anche molti "sfondi" prettamente orientaleggianti.
Metteteci un po di gusto e... voilat.

Non diciamo idiozie!

Eccolo grande: (Link)
Per fare i baloon potete usare il "lazzo" con margini sfumati di ampiezza 1 e disegnate i contorni del fumetto. Ricordatevi che potete aggiungere "pezzi" al baloon usando il tasto SHIFT (per esempio, per aggiungere le punte ai baloon). Riempite l'area selezionata di nero con il secchiello, riducete la dimensione della selezione di 2 (Selezione -> Riduci) e riempite nuovamente l'area di bianco.
Per il font vi suggerisco Anime Ace, che trovate qua: (Link). E' un sito che si batte per l'eliminazione del Comic Sans Serf, quindi una nobile causa. E per farlo vi propone decine di alternative per i vostri "comic". Niente di meglio, no?

by kesiev - Commenti. (0)

Tablet Trust TB-5300 su Linux

2008-10-13 22:40:33

Oh, ma sono ancora vivo! Incredibile... beh. Eccomi.

Di recente la mia vecchia tavoletta grafica (una Trust TB-3100) ha avuto un casuale incidente (*cough* Bianca ha distrutto la penna *cough*) ed ha tirato le cuoia. Peccato. Dopo un secolo di ricerche sono riuscito a procurarmi un'altra tavoletta a prezzo budget (la - appunto - Tablet Trust TB-5300) che, oltre ad avere bellissime features come un sacco di hotkeys, il supporto dei 16:9 e una buona precisione, ha la fantastica caratteristica di NON funzionare out-of-the-box sulla mia Archlinux. Yum yum! <3
Come fare?

Cominciamo ad installare l'allegro driver per Linux:

via!

...Aprite Inkscape e Gimp!
(no, non ho ripreso a disegnare regolarmente!)

by kesiev - Commenti. (3)

« Pagina precedente | Pagina successiva »