Show HN: Primitive for macOS

by fogleman • 10 years ago

798 145 10 years ago

fogleman22• 10 years ago

About two months ago I shared my "primitive" project and it was well received: https://news.ycombinator.com/item?id=12539109

As a result, I decided to follow through and make more of it. So today I am announcing Primitive for macOS, now available on the Mac App Store.

The core is still implemented in Go. The GUI is written in Objective-C (haven't bothered to learn Swift yet!) and communicates with the Go process over stdin/stdout via NSTask and NSPipe. The rendering is done on the front-end; the backend just sends shape coordinates and such.

I spent a lot of time fleshing out the GUI layout to make it as simple yet powerful as possible. I hope you find it to be intuitive and I hope that you are pleased with the resulting images. I look forward to seeing what people do with the app. :)

Let me know if you have any questions!

buckhx• 10 years ago

I remember seeing the lib a few months ago and thought it was neat. I even went to find the repo and call shenanigans on this post before I looked at the comments. Really cool to see you following up with it.

qubex• 10 years ago

I downloaded your app from the MAS and find it beautiful.

I have previously implemented a "compressed sensing" image system in Processing, this produces very similar results.

I was wondering whether you will be adding support for exporting animations, both of the image being built up and (as you mention) of many images matching criteria formed from different seeds.

hftf• 10 years ago

I wonder if it’s possible to turn this into a video filter.

ultrafez• 10 years ago

I don't see why that wouldn't be possible, it likely wouldn't run in realtime though.

cproctor• 10 years ago

I bet it would look really cool to have 3D primitives that can be oriented with respect to the time dimension. So for example, a spherical primitive would be a circle that grows and shrinks as frames progress.

spython• 10 years ago

Last time primitive was posted I wrote some bash scripts to make it work on video using ffmpeg - https://rybakov.com/blog/primitive/

azinman22• 10 years ago

Very cool! Really beautiful output.

Curious why you're using pipes to communicate when you can use CGO to make the go stuff it's own static C library and communicate bidirectionally that way? Granted it's a bit more complex than that sounds (I've did this to bring v.io to iOS), but I'd figure that'd still be easier than the alternative?

fogleman22• 10 years ago

Honestly didn't even think of that. Might have to look into it.

AsyncAwait• 10 years ago

Aren't you limited then to C datatypes?

ckluis• 10 years ago

I just put a complex image with shadows/light sources and it did an amazing job. It was fun to watch and eventually stop. It was even cooler to open in sketch and see all the shapes and the way the image was formed. A++

fogleman22• 10 years ago

This makes me happy. :)

hobarrera• 10 years ago

Any chance that we can get the core for other OSs? Sounds like it's where all the magic happens and others could quickly work on UIs for it on other platforms.

fogleman22• 10 years ago

https://github.com/fogleman/primitive

_qbjt• 10 years ago

Looks great! Do you have any plans to port this to other OS'? Would love something like this on GNU/Linux.

deepflame• 10 years ago

Seems the core is OS on Github. So you can use it on the command line or write a GUI for it yourself: https://github.com/fogleman/primitive

SuperPaintMan2• 10 years ago

I made some videos using primitive + ffmpeg a few months ago, glad to see it's still being developed!

https://theblackbox.ca/blog/primitive-triangles/

Awesome, I see you've added new features too. There goes my evening. A suggestion for video, allow loading the shape data for the previous frame and use that as a starting point. Could bring you closer to real time processing :)

rapind• 10 years ago

Love the use of the old Netscape animated logo.

andrewfromx• 10 years ago

rather than swift to replace obj-c you could use https://github.com/dontpanic92/wxGo/ and make it 100% Go.

https://github.com/dontpanic92/wxGo/issues/8 needs work though fyi

chamakits• 10 years ago

I missed the original post on the primitive core, cause I hadn't seen this.

Just tried it out, and it is probably the coolest 'Show HN' I've ever seen. Spent the last 2 hours playing around with some pictures and different configs, and I absolutely love what this is doing.

Also, really appreciate that you provided a value add to the product sold, without compromising the open source core. Thank you for that.

Anyways, good job, and good luck. Hope this sells tons, cause it truly is amazing.

dvcrn• 10 years ago

Interesting insights! I would love to hear more in how you exactly you bridged ObjC <-> Go.

Do you mean you just ship a compiled Go binary as part of your app and interact with that? If yes, did apple not say anything about it during review?

I saw that you can call Go in mobile apps [0]. I'm wondering if that's also applicable for desktop apps

[0] https://github.com/golang/go/wiki/Mobile

i336_• 10 years ago

Oh, awesome! The actual renderer is open source (aka free) and I don't have to put it on the "one day when macOS" pile. Thanks. :)

(I will note that the website horizontally scrolls at 1024x768. A lot of sites do, though.)

Eduard• 10 years ago

I'm surprised I couldn't find any SVG versions of sample images, as (I assume) for many interested parties, the vector format output is the unique selling proposition for a, well, vector-based application.

fizzbatter• 10 years ago

This is really awesome! You should make a phone app (Android too please :)), i'd happily pay for this to make wallpapers!

coldcode• 10 years ago

If the algorithm could work well on a mobile device, this would make awesome camera filters for something like Instagram, likely could make some $ or get someone to buy it from you.

tptacek• 10 years ago

This is neato. Does the app make animated GIFs? If not, you should make it do that!

wyldfire• 10 years ago

Animated raster images depicting a sequence of overlaid primitive vector shapes for a single input? Or just iterating the existing algorithm over a video input?

nicky0• 10 years ago

Both would be cool.

fogleman22• 10 years ago

Not currently. I'm not sure of the best way to do that without shelling out to ImageMagick or something.

Edit: Go has good GIF support but doesn't really do dithering and stuff.

jeffehobbs• 10 years ago

Gorgeous! Saw this getting developed on Twitter and can't wait to give it a spin. Insta-buy.

mpolichette• 10 years ago

Cool, I'm looking forward to giving this a try... I've always been a big fan of geometric art.

I do wish I could buy it from your site vs the App store... I've just had so many be experiences w/ having to 'transfer my license' away from App store purchases.

stinkytaco• 10 years ago

That's cool, I'm going to have to try it.

I'm a sucker for this kind of thing. Rotoscoping always fascinated me and I'm still looking for something that converts photos to pencil drawings.

wonks• 10 years ago

Please consider removing "Very wow" from the homepage. That joke is old now and if anything you'll lose sales.

sagichmal• 10 years ago

Strongly disagree. It adds color. :)

fogleman22• 10 years ago

Well I also went with a .lol domain, so. :)

jakebasile• 10 years ago

I didn't even know there was a .lol TLD. You made my day.

fufjfkrmew22• 10 years ago

Cool project. But please some attribution!

Here is the original concept, source included (2008): https://rogeralsing.com/2008/12/07/genetic-programming-evolu...

fogleman22• 10 years ago

There is attribution on the GitHub repo. ;)

https://github.com/fogleman/primitive#inspiration

antirez• 10 years ago

The algorithm used is actually very very different even if the results are visually similar.

fogleman22• 10 years ago

Indeed!

olliewagner• 10 years ago

I'd love to see this be able to handle batch input with automatic saving (then I'd use it to style frames in a movie)!

fogleman22• 10 years ago

That's a good idea, I can consider it for a future release. :)

gkya• 10 years ago

Guess until then imagemagick + command line primitive can do the business (convert video to a series of images w/ IM, process with primitive, recreate the video from processed images w/ IM).

have_faith• 10 years ago

Just commenting to say this is the first feature I looked for. Batch processing would be my main use case. Great product none the less.

aikah2• 10 years ago

Nice, what algorithm is it using?

fogleman22• 10 years ago

Explained here: https://github.com/fogleman/primitive#how-it-works-part-ii

aikah2• 10 years ago

Thanks, nice work.

wgx• 10 years ago

Here's a JS version from (at least) a few years ago that's good fun to play with:

http://alteredqualia.com/visualization/evolve/

fogleman22• 10 years ago

Seen that before. Cool from the evolutionary algorithm standpoint, but Primitive produces nicer looking results in mere seconds. :) But we both were inspired by the same original Mona Lisa project.

chii• 10 years ago

is that because the mac version is native (vs js), or is the algorithm different enough to matter?

hansihe• 10 years ago

I did basically the same thing a couple of years ago.

https://cdn.rawgit.com/hansihe/CanvasEvolve/master/index.htm...

johncalvinyoung• 10 years ago

Pretty much an insta-buy. I'm capable with Illustrator and Photoshop, but the results of the algorithm are lovely.

blacksmith_tb• 10 years ago

You had me at SVG output - I have a Watercolorbot[1] and a better workflow to convert images to simplified (but still interesting) SVGs will be great.

1: http://watercolorbot.com/

fogleman22• 10 years ago

Whoa, what a great application of this. :) My buddy tried doing something similar with his CNC machine.

aidos• 10 years ago

What a great project!

karolist• 10 years ago

Cool project, best of luck. Off topic question: are you planning to focus more in MAS, do you think it's still viable to make a living off it solo? (yes, depends on COL and needs, still interested in your perspective)

fogleman22• 10 years ago

Not quitting my day job any time soon. :)

kaizensoze• 10 years ago

Very cool.

Just an FYI, the links at the top link to the current page instead of sections.

fogleman22• 10 years ago

They scroll via javascript. I guess there could be hash fallbacks.

RussianCow• 10 years ago

They don't scroll for me at all, they just reload the page. Firefox on Linux. No errors in the console either.

fogleman22• 10 years ago

Should be fixed now.

trymas• 10 years ago

I'll be damned, I was starting to work on app with idea like this. Looks nice.

datalus• 10 years ago

Awesome work, I was just working on some image manipulation experiments in Rust. Great for some inspiration :)

richdougherty• 10 years ago

A superellipse shape would be cool: https://en.wikipedia.org/wiki/Superellipse

cobbzilla2• 10 years ago

I love this project, having some fun with it. Very slick, thank you!

paws• 10 years ago

Congrats on launching!

If you're able to do a follow up post in e.g. a month I'd enjoy reading! Especially if you decide to sell directly I'd be curious how that fares vs the App Store.

Thanks for sharing here, nice to see this.

lemming• 10 years ago

This is really cool - just bought it. I'd like a good way to get photos from the Photos app into it, either by sharing them or by directly accessing the photo roll from within Primitive.

Great work!

fogleman22• 10 years ago

Good idea, I'll see what that would take to integrate with Photos.

Cyph0n• 10 years ago

Oh, it's fogleman! I follow your work on GH dude, always on the lookout for a new repo from you in my feed haha :)

Looks like a great tool to be honest, and the UI looks beautiful. Wish you the best, and keep up the awesome work!

bjcubsfan3• 10 years ago

The Lenna image that is drawn is originally from a nude image in Playboy [1]. It causes me to associate your work with sexism and pornography. I'm sure not everyone makes this association, but why not use a free stock image or a great work of art for the demo?

[1] https://en.wikipedia.org/wiki/Lenna#Controversy

preek• 10 years ago

Which Lenna image are you referring to? I can't see any picture that resembles a naked or otherwise exposed woman.

bjcubsfan3• 10 years ago

The OP agreed and replaced the image. It wasn't a nude due to cropping. It was the same as on Wikipedia here:

https://en.wikipedia.org/wiki/Lenna

imode• 10 years ago

I don't think you're going to have any effect simply due to the 1. complexity of the image, as it's a real photograph, and 2. the complexity of colors and hues in the image.

there's a reason why it's seen as a "standard test image", and not as some fodder for sexism. it's the above plus historical baggage.

fogleman22• 10 years ago

Someone else mentioned this and I agreed, so I already replaced it before seeing this comment. The Lenna image did make a good demo, but so do other images.

pinum• 10 years ago

The flower example is much less interesting than an image with a human face, i.e Lenna.

It's a minor matter, but it's a shame you felt the need to remove the image when it's so useful and relevant.

bjcubsfan3• 10 years ago

Thank you!

a2m• 10 years ago

SEXISM AND PORNOGRAPHY lol

randyrand2• 10 years ago

why not use a free stock image or a great work of art for the demo

Because a stock image is not standardized and has not been a standard for decades like Lenna has.

It's just about impossible to go back in history and change all the research papers and recompile all the algorithms and update them to a new image.

Of course we could still do it if enough people cared. But do we? is pornography morally bad? What about cropped pornography like lenna? Do the majority of people even think pornography is sexism? If it is sexism, then does that inherently make pornography bad? is all sexism bad? Is it bad that men are attracted to females/vis-versa and that sexually biased attraction exists? To me I would answer in the negative to all of these.

OOPMan3• 10 years ago

While I personally feel like porn is dubious (primarily due to the exploitative nature of the industry) I feel like this whole controversy is way overblown.

Before this thread I had no idea said controversy even existed. As far as I knew the Lenna image was just a pretty decent photo, not the result of cropping a playboy cover.

I guess the idea that a derivative artwork can be seen a unique artwork in its own right doesn't mean anything anymore...

jonknee5• 10 years ago

This is great! I put together a page of before/after comparisons with some photos I tested with:

http://www.jongales.com/timeshift/primitive/

jplahn2• 10 years ago

Two comments: 1. The original photos are beautiful. What equipment are you using? We're extremely spoiled here in the PNW! 2. Have you considered printing any of the Primitive forms out and displaying them?

jonknee5• 10 years ago

Thanks! Equipment on all four were taken with a Sony Alpha A7s with 35mm lens. I haven't thought about printing any of the Primitive images, but mostly because I only downloaded it about 20 minutes before posting these images. They might look interesting on canvas, tempting!

jonknee5• 10 years ago

Too late to edit my comment, but I added a couple more photos if you want to check them out. A night scene that I thought would be a tough test (hard to do stars!) and some columnar basalt that turned out great.

fogleman22• 10 years ago

Awesome. What widget are you using to do the comparison? That would be a good way to show images off on the Primitive webpage.

jonknee5• 10 years ago

It's just a simple jQuery plug-in called Twenty Twenty that I found when I had the idea to take the same picture at different times and compare the result. Drag/swipe across ended up working better as an effect than my original fade-in idea. You can view source to see how it works, it's really simple.

http://zurb.com/playground/twentytwenty

Here is the photo that kicked off my idea:

http://www.jongales.com/rainier/timeshift/

I also did another in the Spring that turned out nice:

http://www.jongales.com/timeshift/columbia-river-gorge/

MengerSponge• 10 years ago

Playing with that comparison, it looks like there's a +y bias in your algorithm. If I didn't say that in a way that's clear, check out the Mowich Lake picture in particular. Its features are mirrored above and below the shoreline, so the generated features should also be somewhat mirrored, right?

Instead, the entire visual center of the image gets moved up by the Primitivization. It looks like trees on the top half get their exposed tops connected, but those same crowns are cropped in the reflection.

This is such a phenomenal project. Thanks for making it!

snowwrestler• 10 years ago

This might be a cool tool for people who make art quilts, to help visualize different ways of assembling geometric shapes to create a picture.

abakker• 10 years ago

bought - going to see if the quadratics can be used to generate laser etching paths to make wood burnings with a CNC.

macintux2• 10 years ago

Gotta be that guy. I'm afraid "totally unique" in the app description makes me an unhappy camper. Quoting the estimable President Bartlet:

"Unique" means "one of a kind." Something can't be very unique, nor can it be extremely historic.

Conversely, love the lol TLD.

DennisP2• 10 years ago

Here's a linguistics professor who disagrees:

if a word denotes the end-point of some scale (as unique surely does), then it can be used — and will be used — in describing approximations to that end-point, using approximative expressions like almost and nearly. (If there are only two occurrences of X in the world, then each of these is nearly unique.) Then, of course, you can ask how close to the end-point something is by asking how X it is, and you can describe something that has very few competitors for being the one and only as very X, and you can describe something that has no competitors at all as entirely X.
Back up. Some of you are objecting that unique does not denote the end-point of a scale, and you say that because unique is not used in mathematics that way. But it's a mistake to suppose, when we're talking about ordinary language, that the mathematical usage of terms takes priority over ordinary people's usage of them. Yes, in mathematical usage, unique is used "crisply", for 'one and only one' (and that's an important concept to have in mathematical contexts), but, frankly, this really doesn't have beans to do with how unique is used in ordinary English. Instead, the mathematical usage is a specialization, a refinement, of ordinary English in a technical context.

source: http://languagelog.ldc.upenn.edu/nll/?p=479

bio: http://web.stanford.edu/~zwicky/

macintux2• 10 years ago

Bah. I'll take a fictional president over an expert any day. 2016 in a nutshell.

codazoda• 10 years ago

This is cool.

I made something similar years ago. The primary motivation was my need to print small resolution images in poster sizes when camera technology hadn't gotten to the point they had high enough resolution.

Mine used transparent images as the "shapes" and then it would "stamp" the shapes onto a larger image. It could use multiple shapes in a single image.

Here's an example.

http://imgur.com/gallery/nUUo9

Doesn't look nearly as nice, but maybe someone with more creatively than me could create shapes that make it much more interesting. Anyone have any interest in a library that does that?

jwn• 10 years ago

I'm glad your charging for this. I took one look at the output and immediately decided that it's something I would pay for!

Buying it now...

tracker1• 10 years ago

Man, that would be an awesome screensaver, far better than the picture slideshows that are typically used...

andrecl• 10 years ago

This app looks fantastic! I'm impressed by the various photos posted on Primitive's twitter account: https://twitter.com/PrimitivePic

On a separate note @fogleman, would be able to talk a little about how you architected the app? I'm curious about how you've set up Objective-C communication with Go using NSTask and NSPipe.

jwetzel1492• 10 years ago

I just purchased! I'm not even sure what my use will be, but your work is both mathematically interesting and aesthetically beautiful, and I wanted to support it. :)

eximius• 10 years ago

If I had a mac, I'd buy it.

amelius3• 10 years ago

Nice, but the problem with this kind of effect is that when you zoom out enough, you lose the effect and the original photo remains. (Just try it in your browser on the demo page, by e.g. pressing ctrl minus).

azag0• 10 years ago

I don't know how the algorithm works, but I noticed that already figures with a very rough level of approximation are still almost unreckognizable from the original when I defocus my sight.

thenomad• 10 years ago

Very cool indeed!

I sadly have no Mac to run it on - will you be porting to other OSes (I'm primarily Windows), or is this the same code as you shared on Github with a UI?

mwambua• 10 years ago

+1. Running linux here. It would be really cool if I could test this out. Edit: Found that the core is on github (https://github.com/fogleman/primitive). All you need is go to run it.

Poiesis• 10 years ago

I love this and follow the Twitter bot.

One question: That seems like a really permissive license for a $9.99 app (I realize GitHub's just got the core). Are you worried about someone cloning it?

One request: I don't know if it's possible, but in iOS Tweetbot the bot's pictures show the unmodified picture first (requiring a swipe to see the bot's work). It feels to me like it would be better to show the primitive version first, but I realize this may not be feasible or universally preferred.

dancek• 10 years ago

I think the majority of work here has been put into designing and implementing the UI. A friend did something like the core a while back, in a couple of days. I'm sure many others have and many others will.

I'd also think that app store copycats try and pick easy, profitable projects. Just having the core implemented in Go would probably be a turn-off for many of them.

I really appreciate keeping the core FLOSS and hope that it won't cause problems for the author.

ridgeguy• 10 years ago

FYI - My wife, who does collaging, just got Primitive off MAS, and she loves it. She's running it on an older iMac. She's impatient, and will probably go buy a MacPro in the morning. Thanks - I think...

fogleman22• 10 years ago

Haha, that's awesome, thanks for sharing the story.

daveheq• 10 years ago

Yay, now I know how to turn my beautiful photographs into hipster douchebag minimalist logos and icons... thanks artfarts!

KennyCason4• 10 years ago

Oh wow, I'm impressed with the results you were able to obtain! I was able to get similar results on my "genetic draw", but it looks like I have some optimizing to do :) https://github.com/kennycason/genetic_draw

KennyCason4• 10 years ago

I can't get over how awesome that flower rendering turned out. O_O

rlease• 10 years ago

This is very cool. I had a nearly identical idea a few months ago (and somehow missed your post the first time around) based around feature detection in images, and this is way cooler than what I had envisioned.

ForFreedom• 10 years ago

.lol domain extension!

cobbzilla2• 10 years ago

I have let it run for ~40k shapes on a very hi-res photograph of my adorable children in front of a stream, and it is a beautiful thing to watch the resolution unfold. I love that I end up with a vector graphic at the end.

I have a crazy question: It generally seems to fill in detail uniformly, across the entire image. It's like the entire thing is coming slowly into focus. At some point, I'd prefer the algorithm to care a little less about filling in detail on the background, and focus more detail on the "items of interest" in a scene, the high-contrast regions or something. Perhaps even to have some manual control over it. Would this be possible? I am a total amateur when it comes to image analysis, btw, just thought it would be cool.

myhf• 10 years ago

That would be a great feature. You could spend 500 shapes on the background and 500 on the foreground, instead of needing 3000 to get high detail everywhere.

It would be possible to do that in the app if you could restrict new shapes to a specified region.

cyphar• 10 years ago

I didn't realise the core of this was actually free software[1]. Maybe you should include a link somewhere on the page you linked?

[1] https://github.com/fogleman/primitive

owly• 10 years ago

How large of an image can this output? I'm interested for large murals. Nice work!

sleepychu• 10 years ago

If you're really asking about output, you're in luck! SVGs are infinitely scalable without loss of quality.

https://en.wikipedia.org/wiki/Scalable_Vector_Graphics#/medi...

stefs• 10 years ago

i write an app like this about once a year (usually a java cmdline implementation).

to my embarrassment, i never got it completely right. the last instalment even provided statistics that could be used to compare the effectiveness of different strategies and parameters.

the last recent one featured:

* classic genetic algorithm (population size etc) with different methods for selection and crossover

* dumb hill climbing

* the "additive" method described in OP's app

* switching of methods at certain points (i.e. switch to hill climbing if the genetic algorithm didn't improve things for a certain time)

* bitmap and svg output

* statistics output that can be plotted with a plotting library so you can compare the effectiveness of different strategies

* multithreading incl. tests to find out the sweet spot for the number of concurrent threads

~~~

i don't know why but i never really reached the point where my results were of a comparable quality to roger alsings mona lisa or even alteredQualia's image evolver (http://alteredqualia.com/visualization/evolve/).

well, soon it's time for the next attempt.

one interesting realisation: my desktop computer is about 10x as fast as the raspberry pi 3 for this kind of CPU intensive work.

jankovicsandras• 10 years ago

Shameless plug: similar artistic effects can be achieved with ImageTracer, however the algorithm is different. It's a Public Domain tracing and vectorizing library, outputting SVG.

JavaScript https://github.com/jankovicsandras/imagetracerjs or Java https://github.com/jankovicsandras/imagetracerjava or "Android" Java https://github.com/jankovicsandras/imagetracerandroid

leonatan• 10 years ago

This reminds me, in art style, the output of the video game Another World. With some tweaking, it should be possible to make very similar results.

rasz_pl• 10 years ago

Another World used that technique as means of compression, but it was done manually by the creator (and almost made him go crazy, tons of work). I wonder if this could be used as basis for modern image compressor.

Im blown away by fantastic effect from such a random algorithm, I was expecting something classic like edge detection and image segmentation, at least in the first stage of image creation.

SCAQTony• 10 years ago

I just purchased this, thank you for posting it.

hackr123• 10 years ago

I would love to see this on Linux.

mianos• 10 years ago

We are totally loving this at home. The kids love walking away as far as possible and seeing how the details seems to come out. I have a picture here where the boat on the water is a little triangle yet at a distance you would swear the boat is very detailed. Money so well spent.

bugmango• 10 years ago

As a designer, this is what I've waited for for a very long time. I've already created tons of SVG photos and have started animating them in css. Super cool effect!

Now some of you nerds need to tell me how I can animate the dash-array/dash-offset animation with 2000 paths without it being so slow! :D

oliv__• 10 years ago

I would love for someone to primitive Google Street View.

Then make an open world game out if it.

Show HN: Primitive for macOS

Related Stories