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!

Gimp City

2006-08-03 22:47:15

Proprio quando io, con Bianca, suo fratello Arnaldo e Nicoletta abbiamo noleggiato il film "Sin City" (Link) attorno a questo febbraio, lessi su Digg (Link) dove trovare un tutorial davvero banalissimo per l'immancabile Photoshop per trasformare le proprie foto come una vignetta del (noto?) fumetto.

La fotografia del film, in effetti, cerca di ricalcare molto le vignette originali che sfiorano il fotorealismo. Un concentrato di massime da americanata assoluta, demenzialita' allo stato puro e violenza cosi' gratuita che Linux vi sembrera' a pagamento. (che bella battuta nerd).

In questi giorni, in cui sono in vena di "tutorial su Gimp" mi e' tornato in mente...

Geek city!

Troppo piccola, vero? Ecco l'originale... (Link)

E quindi: aprite ancora il vostro Gimp a pagina 2 e cercatevi una bella foto: "gli tolsi l'arma. Tutte e due."

Per ">" intendero' "sottomenu". Questa volta usero' Gimp in inglese... sorry!

---

1. Il mondo ha bisogno di voi.

...ma basta anche una vostra foto, piuttosto grande (1024x768 va benissimo) e con un contrasto decente. Io modestamente ho scelto questa (Link). Apritela con Gimp e se il contrasto, non vi soddisfa...

Layer > Colors > Brightness-Contrast...

...e giocate con le manopoline. Una volta soddisfatti, facciamo tutto in bianco e nero...

Layer > Colors > Desaturate

Adesso... fumettizziamo il tutto.

Layer > Colors > Levels

Altre manopoline con cui giocare: gli Input Levels. Io, per la mia foto ho scelto questi: (125 - 1,43 - 141). Voi scegliete quello adatto alla vostra foto... l'unico consiglio che posso darvi e' che la distanza tra il primo valore e l'ultimo dovrebbe essere intorno alle 16 unita'. Alla fine vi verra' fuori qualcosa come questo (Link).

2. Regola uno: a Basin City piove *SEMPRE*

Ecco. A Basin City piove di continuo. Manco fosse Londra. Bene... facciamo piovere anche qua. Sembra difficile ma, come al solito, e' piu' difficile spiegarlo che farlo.
Creiamo un nuovo layer sopra a quello della foto "inchiostrata": nella tab degli strumenti Layers aggiungiamo un nuovo layer premendo sul solito foglietto bianco.
Coloriamolo per intero con lo strumento "Fill with a color or pattern" (non spaventatevi - la foto scompare). Ricordatevi di togliere il segno di spunta dall'impostazione "Sample merged" dello strumento!
Creiamone un altro allo stesso modo che, pero', coloreremo di bianco.
Ora, nella tab di proprieta' del layer, selezioniamo il layer bianco e cambiamo Mode in "Dissolve" e "Opacity" a 50\%.
Dovrebbe saltarvi fuori qualcosa cosi': (Link)
Facciamo bottone destro sul livello bianco dalla tab dei layer e selezioniamo "Merge down". Adesso, il livello bianco e quello nero si saranno uniti in un solo livello.

Sul nuovo livello "a puntini" premiamo il bottone destro e selezioniamo "Duplicate layer" per crearne uno nuovo e identico: ci servira'.
Selezioniamo uno dei due layer "a puntini" dalla tab dei layer e...

Filters -> Blur -> Motion blur

Impostiamo Length al massimo e Angle a 90 gradi. Confermiamo. Compariranno bene o male delle righe come queste: (Link)
Adesso selezioniamo l'altro e...

Filters -> Blur -> Motion blur

Ancora. Ma stavolta, Length al massimo e Angle a 110 gradi. Stavolta le righe saranno diagonali. Yahoo! Abbiamo praticamente finito.

Dalla tab delle impostazioni dei layer, selezioniamo ad uno ad uno i layer con le righe e impostiamo Mode in Hard light.
Ladies and gentleman... benvenuti a Basin city. (Link)
Se la pioggia e' un po invadente, giocate sull'opacita' dei due livelli con le righe diagonali.
Si puo' giocare sull'opacita' dei livelli

3. Compiti a casa

Il tutorial originale spiegava come aggiungere un'arma al tutto. Purtroppo la mia foto non ne ha bisogno... ma sostanzialmente si tratta di fare il primo step su un'immagine a parte con soltanto l'arma (cercatela in internet) e poi "copia & incollarla" sulla foto. Ve lo lascio come compito a casa. :)

4. E' da vigliacchi uccidere cosi', ma non fa rumore... ti farai schifo piu' tardi

Adesso aggiungiamo i baloon. Creiamo un nuovo layer dalla tab dei layer (solito foglietto bianco) e lo spostiamo in cima con il bottone raffigurante una freccia in alto proprio immediatamente a destra del foglietto bianco.
Usiamo il tool "Select elliptical region". Assicuriamoci che ci sia il segno di spunta su Feather edges in Ellipse select e che il valore di Radius sia 2.0.
Nell'immagine facciamo un ellisse dove vogliamo mettere il fumetto, come fosse una selezione rettangolare.
Aggiungiamo la "punta" al fumetto selezionando lo strumento Create and edit paths e disegnamo una parte del triangolo della punta.
Cosi': (Link)

Dalla tab Paths teniamo premuto shift (RICORDATEVELO! Altrimenti vi tocca ridisegnare l'ellisse) e premiamo il bottone Create selection from path.

Selezioniamo il secchiello (per gli amici Fill with a color or pattern) e usando il colore nero, riempiamo l'area selezionata.
Dalla barra del menu' del nostro disegno selezioniamo:

Select > Shrink...

e impostiamo 3 pixels. Dopo di che, selezioniamo il colore bianco e, sempre con Fill with a color or pattern clicchiamo nella parte selezionata. Voilat. Ecco un baloon. (Link)

PS: se fate la stessa cosa su una qualsiasi selezione, potete ottenere i rettangoli per le voce fuori campo!

5. E' la fine.

Bancomicsans (Link), oltre a portare avanti la giusta causa di eliminare dalla faccia della terra il font "Comic Sans", offre un sacco di font per fumettisti assolutamente free. Io ho scelto Anime Ace, perche' ricorda molto da vicino i fumetti manga. (lo so... non c'entra molto con Sin City ma chissene).
E se volete fare i buffoni (scommetto di si) qua trovate il font del logo "Sin City" (Link). Bravissimi!

---

Volete i sorgenti del mio lavoro? (Link)

by kesiev

Commenti

Note: Non postate mille volte la stessa cosa. I commenti sono moderati!