CCCamp19 Vorbereitungen und Flauschedecken – WiP 22

CCCamp19 Vorbereitungen und Flauschedecken – WiP 22


Hi and welcome to Work in Progress This time I’ll mostly talk about The generator for chaos communication camp I recently finished it about 2 weeks before camp pretty close but I hope people still have fun with it and will use It I’d like to give you a small tour through the generator it you open it you can find it at cccamp19.bleeptrack.de you will see the following website that first generates 3 rockets and these look closely like the rockets from the original design there’s a “generatie rockets” button that generates new rockets the next function which is especially usefull you can add your own text and then hit “generate text” it now looks a bit cut off but that’s the idea of the official design: words are cut off in the middle but each word has a separate color and then the matching rocket is placed at a line end So now I can generate new texts as long as I want but I can also say the text is fine but I don’t like the rockets so I can hit ‘generate rockets’ again and get new ones. Sometimes the rockets overlap actually I don’t check for this you can just regenerate if you don’t like the outcome. I also can remove the text and I’m back at the beginning. Since the last update, you also can add a forced line break. If I say ‘hello’ and add a tilde at the end ot the word then I always get a line break at the word end but the indentation distance is still random Well, apart from that you can save as png and svg dependent on what you need. SVG maybe for pen or cutter plotters and png can basically also saved here with right click on the canvas and select save image as.. and if you select the svg you need to have the matching font because I don’t convert the font into paths. Well, that’s basically it. I thought I might talk a bit about how the rockets are generated especially the blue one that is quite interesting: So, basically I start with a circle and the pointy rocket top. So all of this might look like this I also generate this randomly like I have a random circle radius or how pointy the top is or also how wide that top segment is away so I set these parameters randomly. Next I create a rectangle. and the rectangle always starts in the circle center. mittelpunkt und ist dann rotiert um eine and it is rotated randomly. So it might look like this. Next: I cut the rectangle from the rocket top. So this get’s removed and also this and this. And this shape remains. So, now I can smooth the edges. For this I can use predefined functions. Now only the lower part is missing. Now I generate this round part that looks somewhat like this. Next I remove a small part. Could be this part. That basically opens the path and adds a gap. I also need a point somewhere in the lower shape. and then I can set a loop through that point. And that looks like this. Sometimes this loop doesn’t emerge. In this case there’s only a bow. To get a bit more variety I can flip the rocket top horizontally and I can flip the whole rocket again at the end. so either one part is flipped or the top get’s flipped back at the end. so now I have a nice variety in the rocket model and that’s how the blue rocket works. The others are not that exciting. The yellow one at least, because it has fixed points and only the distances are random. so if I generate a new one you can see: they look pretty similar. And the leaf one: first I thought I could add more vein lines, but it looks less like a rocket then. and I think it’s important that it looks like a rocket. So I also set random distances and curves. and here in the background is a complete leaf shape that I cut with a boolean operation. So, and if you like to check out the code, it is on github so you can find the link on the top left. If you have a nive idea feel free to make a pull request 🙂 And recently I was asked if I could provide an API and of course that is super useful. so if you add /api/ to the url then you get a png image of the three rockets. But you can also set parameters. Like w and h for the size or filetype if you need an svg or bmp or jpg. Depending on what you want to do one filetype is better than the other. Text also works with ‘text’. don’t forget to urlencode the spaces. Also usefull is I can set ‘greyscale’ to one and now I get a black and white image so lat’s remove the text. now you can see the rockets better. Black and white is usefull for e-paper displays. So for example badge.team makes lot’s of badges for events and they already tried it. I altered the greyscale colors in a way that the different greys have a larger difference than the actual colors because the blue, green and orange are rather close in the greyscale space. So the difference wouldn’t be that high. Here’s another example: m0ppers built this: woops, let’s continue playing the video. He can read the number from his NFC tags and the rocket from the display is generated from the api. and I hope that people will have lot’s of fun with that. I also tinkered a bit myself. I built a daily countdown. I used my red-black e-paper display and it either shows the rockets or how many days are left until camp. So, and that’s the current status of the generator. I hope people have fun and can use it So if you use it somehow, please send me photos or videos so I can document it. I’d love to have a small collection with stuff that used the generator. Now to the second part: The last time I talked about the leaf vein simulation. I also worked a bit on that I thought about how to work on the chair. So here is the seat and I put seat shape into the simulation. and that’s the result. Looks really nice. And now I thought about how I can integrate those slits where the chair legs are connected. And I think it looks quite nice.+ I arranged it a bit manually Like growing the veins more to the black slit border. so that the slit has more connection points but I still have the wobble problem. Currently my solution is that I mannually connect those outer ends so that I close the loops. And if I do this around the rim that I get a jagged border around the shape. I think that fits quite good. I also git some nice tips in the comment section on the last vid. For example to tape down the wood on the wasteboard with double sided tape. And actually I have not thought about that yet. That’s a nice idea but I worry a bit about glue sticking on the wood that I won’t be able to remove properly. Hopefully the closed loops will be enough to stabilize the whole thing. I also downshifted the details. So the endpoints are slightly larger than before. So I think the connected loops give enough stability that the milling will work. I also wanted to show you another thing. I ordered some printed fabric this is 3 meters long so it’s super long I generated rectangles and printed generated fabric. And now it’s a super large fluffy blanked. I can totally recommend to print fabric from generated stuff. A really nice application. So, that’s it for today. If you have wishes or ideas for the generator: let me know. I’m looking forward to meet you at camp or if you are not at camp so see you at the next Wip! See you next time! Bye bye!

One thought to “CCCamp19 Vorbereitungen und Flauschedecken – WiP 22”

Leave a Reply

Your email address will not be published. Required fields are marked *