"I love Killed By A Pixel | Building Universes One Pixel at a Time "

2022-05-07 07:10:13

Killed By A PixelBuilding Universes One Pixel at a TimeSkip to contentHomeArtGamesToolsCodeResumeAbout← Older postsSTRANDED – 8×8 Generative Art Using One LinePosted on 04.02.22 by FrankI’ve recently gotten interested in the super tiny NFT platform 8bidou where artists share their 8×8 pixel art creations. I spent a while coming up with a special new generative algorithm that would make sense within this space.The concept using a single line that wraps around randomly to fill up the 8×8 space, a bit like the Tron light cycle game. The algorithm was surprisingly tricky to implement but the incredible results were worth the trouble. You can view them on my 8bidou page.In total I released 38 8bidou pieces generated with this system. After starting with a 4 piece set to test the waters, I asked my followers on Twitter what they were interested in. It seemed the top choice was 1/1s, so I thought it would be fun to give them a chance to pick their favorites from a large set of results. There was a huge response but I managed to include all 26 that were picked and added 6 of my own to round it out to 32 1/1s. To bookend the set I released 2 final pieces that represent degenerate forms of the algorithm.My Twitter followers were asked to pick their favorites to be mintedIt was kind of a crazy idea and took a while to mint all 32 of those single editions but we also had a lot of fun. I plan to try more ideas on 8bidou and also experiment with developing this algorithm into a larger generative work. Here’s my first twitter post about it where I has just gotten it working. Thanks for reading and have a great week.Been working on a new generative algorithm for my 8bidou debut, finally got it working.? #generativeart #genartclub #8bidou pic.twitter.com/Zz9UE4VSQf— Frank Force ? (@KilledByAPixel) March 30, 2022Posted in Generative|Tagged generative, pixel|Leave a commentByte City Nights – A Bitwise Cityscape GeneratorPosted on 03.19.22 by FrankMy final generative work for the fxhash beta is an abstract cityscape built with bitwise operators. This 256 piece set demonstrates several different ways of producing interesting patterns with simple math operations. There are 7 different possible operators it may choose for the sky and buildings to produce wildly different results.I also experimented with a long 2:1 aspect ratio and a neon glow behind the piece when viewed in live mode. When displaying this piece as a large scale print, I recommend placing a led light strip behind the frame to recreate the effect.Byte City Night on fxhashOpen Source on GitHubThis piece was adapted from my short tutorial that teaches how you can recreate something similar in only 10 minutes..Here are a few more of my favorite mints from the series…Byte City Night #69Byte City Night #48Byte City Night #199Byte City Night #134All 256 Byte City Nights minted on fxhashHere’s my original tweet where first showed off the idea over two years ago!City Sunset https://t.co/sYr5ZPYaZWfor(z=k=2e3;k–;x.fillRect(i*9+S(z*t)*z|0,j*9+t*420,t?9:z,9))i=k%9,j=k/9|0,x.fillStyle=R(q=t?i*j%2*400*S(k*k*t):k/3+C(k*k)*39,q-99,t?q-k:99)#javascript #creativecoding #codegolf #tinycode #city pic.twitter.com/ovnAtKUUm3— Frank Force ? (@KilledByAPixel) February 7, 2020It’s hard to believe but the fxhash beta has ended. Over the past 3 months I’ve released some of the best artwork of my life. I have a feeling it is only going to get better. Follow me on twitter for updates on all my latest stuff. Thank you for reading, take care of each other, and have a great week. Posted in Generative|Tagged fxhash, generative, javascript, tinycode|1 CommentChaospills – Generating Art from ChaosPosted on 03.18.22 by FrankMy latest generative work is a based on a simple chaotic algorithm that fills the canvas with intricate fractal patterns. I have been working on it for several months, first releasing a small demo late last year. The final version explores many different parameter variations and color settings for tremendous variety. This piece is intended for large scale prints up to 8K resolution with small details that may not be visible in previews. They are also really fun to watch draw so please check them out on fxhash for the best viewing experience…Chaospill on fxhashChaospill #75 – white and red with 4 spokes in a squareChaospill #46 – Four colors with slight curve in a circleChaospill – White on black from a cross shape in a squareKeep on reading for some more insight behind this piece. Continue reading →Posted in Generative|Tagged fxhash, generative, javascript|Leave a commentTree Skyness – Generative Tree Top ScenePosted on 03.02.22 by FrankCrown shyness occurs when the tops of fully grown trees avoid touching each other, forming gaps in the canopy. This piece simulates that phenomena and plays with celestial object avoidance. Features include four seasons, time of day, up to 12 trees, and many special options. Tree Skyness on fxhashFour Seasons, Day and NightTree Skyness #88 – A very rare mint with rainbow leaves and double moonsTree Skyness #111 – There is a small chance of an eclipse sceneTree Skyness #7 – A rare example with only two trees.Tree Skyness #71 – Morning scenes have no sun, this one also has meteors.Posted in Generative|Tagged fxhash, generative, javascript|Leave a commentAstronomic Comics – Generative Comic BooksPosted on 02.12.22 by FrankOn the most barren hostile worlds in the galaxy there are glimmers of life. An alien species has found a way to thrive by building cities under protective domes. Each page of this 512 page generative comic book documents one of the many planets they inhabit. This piece was created completely from code, with no predefined images, palettes, or post processing. It was programmed in plain vanilla JavaScript from scratch. The now minted out set on fxhash includes 512 comics with many interesting variations. In this post I will share some more info behind the piece.You can view all the comics on fxhash. I also built a standalone website with some extra features like HD rendering, sort by feature, twitter banner, and improved browsing speed.Astronomic Comics Explorer Continue reading →Posted in Generative|Tagged comics, fxhash, generative|Leave a commentDivide By Circle – 3D Generative ArtPosted on 01.22.22 by FrankMy first 3D generative piece on fxhash is an experiment with subdivision, cubes and a circle. The algorithm uses a special subdivision formula that can force arbitrary cuts like a circle, lines or spiral. There is a mutation system attached to the subdivision that helps to create the unique appearance .The color palettes are also generated dynamically. To make it 3D I used Three.js which I have used a few times before for Bogus Roads and Bad Shapes.Divide By Circle on fxhashPosted in Generative|Tagged fxhash, generative, threejs|1 CommentGensuzendō – Generative CalligraphyPosted on 01.16.22 by FrankHitsuzendō (way of Zen through brush) is believed by Zen Buddhists to be a method of achieving nirvana. This work is my own way of following that practice.This piece combines many techniques to create the shapes, simulate the brushwork, and generate the stamps. There are several styles possible including ancient, modern, inverse, and graffiti. The stamps are also generated with many varieties possible.Gensuzendō on fxhash64 Gensuzendōs on fxhashKeep reading for some more info about this piece! Continue reading →Posted in Generative|Tagged fxhash, generative|Leave a commentInterview with GatherPosted on 01.10.22 by FrankI recently had a chat with Gather about my art. Here’s a short excerpt…Why do you create things?I see things in the world around me and feel an urge to replicate them. Sometimes by drawing or just by thinking, but my favorite way is with code. I like to see how simple I can make the code without it losing meaning.Gather, January 6, 2022You can read my full interview with Gather here.Posted in Generative|Tagged generative, interview|Leave a commentDithered Branches – How My Generative Art WorksPosted on 12.30.21 by Frankactual print from the before timesWhen I was a kid in the 90s, we had a crappy black and white dot matrix printer that sometimes would run low on ink causing streaks or advance the paper a bit too far causing thin gaps. I always loved the imperfection of these prints, they seemed to have so much character and depth. Sometimes we would color on them with crayons or markers. This image to the right is from an actual picture of batman I printed about 30 years ago, and it shows some of those printing issues.My concept for Dithered Branches was to simulate a lo-fi fantasy printer from the 80s, use that to print a generative landscape scene, then make it beautiful by applying color. Instead of just using the classic dot matrix style printer, I implemented Floyd-Steinberg dithering and exaggerated the printing errors. For my subject I chose a tree in front of a rocky space landscape.There is a great amount of variety to this piece. Some have dead trees with missing branches, others have no tree at all. Most printers use dithering, some are slightly broken, others are even glitched out, and there is a small chance for dot matrix printers or even HD laser prints. To add even more permutations there are several color and paper options.Just to reiterate because this piece is a bit confusing. All of these results are outputs directly from the same program. They were never printed by a real printer or painted with real paint. I haven’t even opened most of them up in an image editor! With that said, please enjoy…Dithered Branches on fxhashKeep reading for more info and analysis of the piece… Continue reading →Posted in Generative|Tagged dwitter, fxhash, generative, javascript|3 CommentsBroken Flows – Generative ArtPosted on 12.26.21 by FrankMy generative work “Broken Flows” is my deep dive into flow fields and even more so paint brushes and color palette generators. Very excited about how this one turned out and the tech I am developing for future pieces.Broken Flows on fxhashMore InfoI have dabbled with some flow fields on before and found them an interesting subject for generative art. In June I posted a few tiny programs on dwitter, here is my favorite. The special thing about this flow field is that it uses the tiny equation sin(x^y) that make artifacts from xor function visible.F=_=>((1-X%1)*S(X^Y)+X%1*S(X+1^Y))*30for(k=2e3,B=t*9,A=B**3%k;k--;x.fillRect(A+=C(b=F(Y=B/99)*(1-Y%1)+Y%1*F(Y++)),B+=S(b),t%=4,t))X=A/99For Broken Flows I used this as a starting point and played around with it. My goal was to both explore the variety possible with small changes to the code and to make it look as though it was painted by hand.To add depth and character I developed a brush stroke system and a color palette picker. It picks the number of colors up to 5, choses a pop color (bright and near full saturation) and builds the rest of the pallet around that. The brush system uses up to 50 smaller lines with slight variations to create a single brush.There are also many different options that can affect how the piece looks. For example if pastel mode is active the paint is watered down to cause more blending by setting the brush transparency to 10%. Loopy mode causes the angle to accumulate in the flow field which causes interesting spiral patterns. Here’s a piece with both of those enabled.I also focused on contrast between light and dark areas, often just working in grayscale. The grayscale mode doesn’t just remove saturation but creates a special palette to ensure contrast and pop. I will leave you with one of my favorite grayscales with the triangular field mode causing hard angular strokes, thanks for reading!Posted in Generative|Tagged dwitter, fxhash, generative, javascript|Leave a comment← Older postsRecent TweetstwitterFrank Force ? @KilledByAPixelKilledByAPixel RT @evan_greene_: When two collections collide. @iRyanBell @KilledByAPixel @_NatSarkissian @tender_art #fxhash #tezos #tezosart #Monochrom…7h•reply•retweet•favoriteKilledByAPixel @BillyMcSmithers ?8h•reply•retweet•favoriteKilledByAPixel @vekzdran @jorgebucaran javascript is magic. ?11h•reply•retweet•favoriteKilledByAPixel RT @tender_art: HOO RAY. It’s @punevyr DAY. Two fresh editorials for iconic Punevyr projects on fxh... read’em up:@KenconsumerE on the pr…17h•reply•retweet•favoriteKilledByAPixel @Lorin this is definitely something i have planned. ?17h•reply•retweet•favoriteKilledByAPixel’s GitHub KilledByAPixel starred SebLague/Hydraulic-Erosion - 05.04.22 KilledByAPixel forked KilledByAPixel/fabric.js from fabricjs/fabric.js - 04.21.22 KilledByAPixel starred paperjs/paper.js - 04.21.22 KilledByAPixel closed an issue in KilledByAPixel/JSONCrush - 04.13.22 KilledByAPixel commented on issue KilledByAPixel/JSONCrush#21 - 04.13.22Tag Cloudcandycodecodependevlogdwitterexperimental gameplayfaster blasterfractalfrank enginefxhashgamegame devgame engineGame JamgamejamgenerativeGIFgithubguitarillusionindie speed runinfinitejavascriptjs13klittlejsludum dareMAGFestmusicPanelpickpirootpixelPostmortempuzzlerapid prototyperecursivescreensaversifteoslime moldsubgeniustinycodeUE4wallpaperwordszzfxKilled By A PixelProudly powered by WordPress.Killed By A PixelProudly powered by WordPress Theme: Twenty Ten.#wds-tweets a {color: #0084B4}#wds-container {background-color: #ffffff}#wds-header {border-bottom-color: #cccccc}#wds-container {border-color: #cccccc}.wds-copyright {border-top-color: #cccccc}.wds-tweet-container {border-bottom-color: #cccccc}#wds {color: #333333}a .wds-display-name {color: #333333}a .wds-screen-name {color: #999999}a:hover .wds-screen-name {color: #666666}#wds-header, #wds-header a {color: #333333}