their usefulness is largely dependent on how much you use Javascript. if you use JavaScript on a (near) daily basis, a framework can save a lot of time, and after you learn to use it the code for less simple things can be more readable. but it takes some time to get used to a framework, so if you are not using js a lot, you probably won't make that time back before the framework you learned is out of date, or the world realizes that it has some design flaw.
also, more seriously: javascript frameworks tend to be a pain because of how much paving over they usually have to do. react is really nice to work with, but it takes a bunch of layers of dumb stuff to get it to work in all browsers. preact is much faster and simpler just from throwing away some compatibility - in the future it's imaginable that we'll get back to being able to compile and run things a bit more sanely while keeping the benefits of web frameworks, but right now you need to stand on this giant tower of webpack, babel, npm, and etc in order to get the full benefits of the current most featureful, active, and quick-to-write-code-in ui ecosystems. I'm really excited about the future of react hook style apis, though, and I'm hopeful for the day that something like that is easy to do with a similar level of compatibility but without the tie to a particular language or environment.
You are a very interesting and intelligent content maker and I appreciate what you're doing. I really enjoy your videos, as they inspire me to continue working on my own creative endeavors! I think about how much work has gone into some of these videos and how motivated and committed you are in each one and I suddenly realize how badly I procrastinate. The video-game console you built was the thing that really helped me get perspective. ...and you didn't even spend more that a week on programming the games for them to turn out so well. ;-; That makes me want to buckle down and learn to code in C# like I have been meaning to do. You are a positive influence in this world and I hope you keep making videos.
You can get some REALLY cool stuff out of that program, thank you for sharing. One thing that produces very cool results is feeding back in an image you produced using the tool. Like make a squiggle image then use that to make a squiggle image.
Pulled my Silhouette Cameo from its dark hiding place yesterday, sitting there as a dustr trap since 2014. Cut some vinyl stickers for my moped with it, now this shows up in my recommended feed. Going to try the squiggles on some reflective vinyl, using a pointy piece of wood in the pen mount.. Btw, on the plotter, you could add double cuts for gradients, using a pencil instead of a ballpoint pen. In 2013, I did a full colour print with a plotter, of a cell shaded scene on A4. If you heard some inexplainable cursing in Dutch that year, that was because of that.. Spent 3 weeks on 1 A4, iirc 11-12 tries. Also, if you can plot again, try pencils in the penholder. Scan a written letter, see how good it translates onto a copy.. Took some tries but at the end, looked exactly like the original..
Having used all those JS frameworks professionally, Vue is probably the least mentally harmful component library of them. I hesitate to even call it a framework it's so small and vanilla. Certainly no more daunting than web workers. ;)
I saw that plotter and immediately thought I know that thing. I don’t know If you remember me. I have been visiting London and the London Hackspace a couple months ago and really enjoyed just seeing you play with the plotter. Glad I found your channel. :)
UA-cam should have the awesome category and it should promote those videos to your timeline no matter what! This channel would definitely be in that category for me! Thank you mitxela!
My father used to make vinyl signs (big lettering) - and I wrote a program to do the trick of cutting horizontal strips of varying width depending on image density. Result was a vinyl cut that you could stick on a store-front window at massive size. Seen from a distance, it looked like a photo - but when you got close to it, it barely blocked your view of the product on display behind the window. I went on to make vinyl cuts with dots of varying sizes and other stuff like that. It made him a good deal of money about 30 years ago.
I think he expressed his reluctance to go all the way through the build part of vuejs (or any webpack related frameworks) and just beautify the minimized js generated and modify that directly
If I saw someone in front of me pull up a minimized source file and make a change to it to do what they want I think I would just assume they're using black magic
The "linedraw" algorithm is my favorite. In the current version of LaserGRBL (3.5.3), I can open the downloaded SVG directly or I can resize and edit it in Inkscape first. LaserGRBL produces perfect GCode for my CNC laser engraver.
In 1980 or so, I wrote a 2D graphics library (mainly to produce scientific plots) in FORTRAN and MACRO-11 for the PDP-11. It generated HPGL to send to HP flatbed printers, and voltages via D/A converters to send to an oscilloscope to control X, Y and brightness (to turn the beam on and off for virtual pen-up and pen-down).
A 3d printer with a pen works pretty damn well as a plotter too (well, technically it's closer to a laser cutter), with the caveat that you need to speak GCODE to it and for the best results, you probably need one that you can reflash the firmware to as the G2 Arc command is usually disabled by default. The Inkscape plugin to turn paths to Gcode is called "J Tech Photonics Laser Tool".
Ooh, gotta try that at work sometime! Inscape's been super helpful with other work-related stuff, too, been using it to quickly convert text to simple line geometries for 2D CNC milling (because our CNC milling hardware's software is a pain in the rear).
linedraw outputs SVG. I regularly convert SVG to Gcode to send to my favorite Chinese CNC engraver. These converted photos would be great to etch on wood, glass, brass or whatever. I can play around with the laser engraver, too. I have seen similar conversions such as the extensions in Inkscape but these are particularly nice. This is a great video. Thanks.
Thats about what I did when I got my 3dprinter. Printed a pen holder and then rendered, plotted and drew Mr. J.R. "Bob" Dobbs himself. May the slack be upon you.
It would be cool to have an onionlayer thing on your interface, so you can have 1 image with multiple plotted effects. like, This is the highlight layer and its got this effect, then the midtones have this layer and effect, then the basetones are on this layer and stippled. But it'd probably be more effort than it's worth to fiddle around fine tuning that or finding the right way to filter the image cohesively
I need to play around with this! I used squigglecam to make a tribute to Grant Imahara, drawing a picture of him with a little robot, this opens some exciting new ways of drawing!
I don't know if anyone else has suggested this, but this technology would be brilliant at introducing degradation and artifacting into spectrograms or other image to sound... things. lol that's what I imagine this video is going to be about based on the thumbnail because those absolutely look like audio waves. I think it would be a lot of fun to plot spectrogram style graphs, and then manipulate it with the wiggles and the lines and all those other things you showed off
Good god man! Holy cow! This isn't just for plot printing. This can be used for digitial artwork. If only it could be a photoshop filter. One of the most difficult things to get right is turning photographs into what appear to be hand engraved line art without spending a fortune on commercial photoshop add ons. Or making photos look hand drawn. I suppose it wouldn't be impossible to turn this into a photoshop filter, or even better an Illustrator filter. For now I will be experimenting importing SVG and layering different results.
Awesome, thanks for sharing. I am building my own plotters and I always am lacking good generators. Would this program be usable offline you think? -edit- nevermind, I sorted it out. What a wonderful piece of work!!!
Thanks a lot for the Video and the code. We use it in our hackspace. Inside Inkscape we use gcode-tools to generate GCODE. So we can use a XPlotter device (Kickstarter project). It would be also possible to "misuse" a 3d-printer.
«I have an irrational fear of frontend frameworks»
You are not alone.
It's definitely not irrational to avoid those kinds of things, it gives me headaches just thinking about javascript... ugh...
their usefulness is largely dependent on how much you use Javascript. if you use JavaScript on a (near) daily basis, a framework can save a lot of time, and after you learn to use it the code for less simple things can be more readable.
but it takes some time to get used to a framework, so if you are not using js a lot, you probably won't make that time back before the framework you learned is out of date, or the world realizes that it has some design flaw.
no, seriously, you are not alone, a frontend framework is standing right behind you raising a webpack over its head, run!
also, more seriously: javascript frameworks tend to be a pain because of how much paving over they usually have to do. react is really nice to work with, but it takes a bunch of layers of dumb stuff to get it to work in all browsers. preact is much faster and simpler just from throwing away some compatibility - in the future it's imaginable that we'll get back to being able to compile and run things a bit more sanely while keeping the benefits of web frameworks, but right now you need to stand on this giant tower of webpack, babel, npm, and etc in order to get the full benefits of the current most featureful, active, and quick-to-write-code-in ui ecosystems.
I'm really excited about the future of react hook style apis, though, and I'm hopeful for the day that something like that is easy to do with a similar level of compatibility but without the tie to a particular language or environment.
although, to VUE's credit, it is probably one of the easiest to use. but yeah, it gave me lots of headaches at first too
"It's like a 3D printer in 2D!"
Accurate
I've always thought 3D printers should be called 3D plotters. :)
@@thromboid no one cares tho
It's a 3D printer, in 2D. But it's not a printer.
If that's not vague enough, make it like you're trying to...
@@mischiefthedegenerateratto7464 you must be fun at parties
I assume these comments are meant as playful jokes.
how strange, I don't remember subscribing to this channel, but it seems interesting enough
I subscribed for the small ass midi synth video
Me too
Same! After looking back I realized I subscribed after watching the "AI in brainfuck" video
Same here! After I looked, I realized I had subscribed after the stylophone business card video.
Same
Your audio... It's unique. It vibrates my phone more than most and was clear even from 10 feet away!
its because the youtube audio attenuation has been set to 0 dB so it doesn't lower the audio automatically like in other videos.
@@mopedguy1064 I don't understand what to ask Google about that. Can you clarify or say even more?
@@p4tr1ck18 I think they mean that the volume of the audio doesn't fluctuate!
you can name squigglecam "THE JOY DIVISION STYLE IMAGE GENERATOR"
.... or the Jocylen Bell Pulsar image generator! ;)
Now all we need is someone to put a tattoo gun on a plotter.
A power outage would not be fun
Dont move lol
I got news: It's already been made by colinfurze and Tom Scott (yes, that Tom Scott!) here's the video: ua-cam.com/video/DnLEG3kWSko/v-deo.html
That is the.... actually good idea 💡
Tom Scott, Colin Furze, and Charles Yarnold tried something similar at one point
I forgot I was subscribed to this channel
same but I'm glad I am
🛎️ Just subscribed to WangleLine without listening first. Your channel looks marvelous! 😍
I forgot this channel existed
@@crnkmnky simp
i LOVE what you did for the new rotmg soundtrack, thanks for working on it!
You are a very interesting and intelligent content maker and I appreciate what you're doing.
I really enjoy your videos, as they inspire me to continue working on my own creative endeavors!
I think about how much work has gone into some of these videos and how motivated and
committed you are in each one and I suddenly realize how badly I procrastinate.
The video-game console you built was the thing that really helped me get perspective.
...and you didn't even spend more that a week on programming the games for them to turn out so well. ;-;
That makes me want to buckle down and learn to code in C# like I have been meaning to do.
You are a positive influence in this world and I hope you keep making videos.
You can get some REALLY cool stuff out of that program, thank you for sharing. One thing that produces very cool results is feeding back in an image you produced using the tool. Like make a squiggle image then use that to make a squiggle image.
Actually, this thing theoretically can be used with 3d printers to draw with molten plastic. I think plotters are rare than 3d printers nowadays.
Every 3d printer is a plotter but not all plotters are 3d printers
Ooh, this looks so cool!
I've always had a soft spot for plotters, but never had the space for one, nor have the knowledge to make them work...
Pulled my Silhouette Cameo from its dark hiding place yesterday, sitting there as a dustr trap since 2014. Cut some vinyl stickers for my moped with it, now this shows up in my recommended feed.
Going to try the squiggles on some reflective vinyl, using a pointy piece of wood in the pen mount..
Btw, on the plotter, you could add double cuts for gradients, using a pencil instead of a ballpoint pen. In 2013, I did a full colour print with a plotter, of a cell shaded scene on A4. If you heard some inexplainable cursing in Dutch that year, that was because of that.. Spent 3 weeks on 1 A4, iirc 11-12 tries.
Also, if you can plot again, try pencils in the penholder. Scan a written letter, see how good it translates onto a copy.. Took some tries but at the end, looked exactly like the original..
"Naturally, the fist thing I plotted was a picture of a ball-point pen." 1:25 🤣🤣🤣🤣🤣🤣🤣🤣🤣
_"it's written in vue.js"_
Finally, my time has come
Having used all those JS frameworks professionally, Vue is probably the least mentally harmful component library of them. I hesitate to even call it a framework it's so small and vanilla. Certainly no more daunting than web workers. ;)
Yes. I have not got on well with React or Angular. Vue seems quite usable though. It has a gentle learning curve and mostly stays out of your way.
As always, this channel delivers on amazingly niche technological marvels. Thank you for uploading.
I saw that plotter and immediately thought I know that thing. I don’t know If you remember me. I have been visiting London and the London Hackspace a couple months ago and really enjoyed just seeing you play with the plotter. Glad I found your channel. :)
Been a while since you last uploaded
(And yes plotters are cool)
This is the quality content I subscribed for 7 months ago.
UA-cam should have the awesome category and it should promote those videos to your timeline no matter what! This channel would definitely be in that category for me! Thank you mitxela!
This was such a cool video!
This was some awesome! Bookmarked that page.
I'd love to see more (stills or video) of your plotting escapades? Will give your Plotter Fun a whirl tomorrow!
Editing minified code over changing it at the source? You are a madman
I once knew a kid who drew with a biro as if it was a plotter. Incredible art.
There is a plotted Tamar and Chicken :O Your plotting music really slaps. I live in hope that some day they will be a whole Mitxela album.
My father used to make vinyl signs (big lettering) - and I wrote a program to do the trick of cutting horizontal strips of varying width depending on image density. Result was a vinyl cut that you could stick on a store-front window at massive size. Seen from a distance, it looked like a photo - but when you got close to it, it barely blocked your view of the product on display behind the window. I went on to make vinyl cuts with dots of varying sizes and other stuff like that. It made him a good deal of money about 30 years ago.
This is like a 2D printer 😍👌
Love your engineering with the webworkers!
Thanks for making/sharing the app! Super easy to use and very responsive. It's fun just to use on its own.
Jeez this thing sounds so cool-
I can't remember why I initially subscribed to you but I'm glad I have :)
Loved the funky stuff! :D
this is my 6th favorite channel on youtube.
why do I remember watching this video way before it came out?
Omg this is such an amazing tool!
Very nicely done, glad it was all put together into one place.
I have signed up to your forum and placed a link to what I have done so far.
I hope your channel grows!
Love the music.... very "late 60s, early 70s".... I expected Huggy Bear to walk past in his new flares.
this is cool i can't wait to try it
Fantastic! This video have very Tom7-esque vibes. Keep up the great work!
"I find it easier to just edit the minimized js" WHAT
sometimes it's nice to add line breaks first.
Nah he said to unminimize and then edit the relevant lines
I think he expressed his reluctance to go all the way through the build part of vuejs (or any webpack related frameworks) and just beautify the minimized js generated and modify that directly
If I saw someone in front of me pull up a minimized source file and make a change to it to do what they want I think I would just assume they're using black magic
ive never had a video with lthis few views be recommended to me before and it was worth it
The "linedraw" algorithm is my favorite. In the current version of LaserGRBL (3.5.3), I can open the downloaded SVG directly or I can resize and edit it in Inkscape first. LaserGRBL produces perfect GCode for my CNC laser engraver.
Laser gerbil!
This Was my dream!
Great job :D
Thank You.
I forgot that I'm subscribed, but I'm glad I am
Happy 50K subs!
Video was recommended from UA-cam
You gained a new subscriber :)
Holy shit that was straight up art. Beautifully intertwined with technology. I’d actually buy some of those to Hang up.
In 1980 or so, I wrote a 2D graphics library (mainly to produce scientific plots) in FORTRAN and MACRO-11 for the PDP-11. It generated HPGL to send to HP flatbed printers, and voltages via D/A converters to send to an oscilloscope to control X, Y and brightness (to turn the beam on and off for virtual pen-up and pen-down).
A 3d printer with a pen works pretty damn well as a plotter too (well, technically it's closer to a laser cutter), with the caveat that you need to speak GCODE to it and for the best results, you probably need one that you can reflash the firmware to as the G2 Arc command is usually disabled by default. The Inkscape plugin to turn paths to Gcode is called "J Tech Photonics Laser Tool".
Ooh, gotta try that at work sometime! Inscape's been super helpful with other work-related stuff, too, been using it to quickly convert text to simple line geometries for 2D CNC milling (because our CNC milling hardware's software is a pain in the rear).
linedraw outputs SVG. I regularly convert SVG to Gcode to send to my favorite Chinese CNC engraver. These converted photos would be great to etch on wood, glass, brass or whatever. I can play around with the laser engraver, too. I have seen similar conversions such as the extensions in Inkscape but these are particularly nice. This is a great video. Thanks.
Very informative video
I'm going to try this using my school's plotter
This is amazing
Wow. This is just SO cool! Now I want a plotter.
It's so big, expensive and noisy, but I want one too. To do FEAKIN BIG A0 CMYK PLOT
Excellent! - My String-plotter just painted a piece of Art! Love it!
Thats about what I did when I got my 3dprinter. Printed a pen holder and then rendered, plotted and drew Mr. J.R. "Bob" Dobbs himself.
May the slack be upon you.
I've been playing with algos for photo to embroidery... the vanilla web worker framework you have shared seems like a nice way to set it up.
This is interesting, I'm keen to experiment with it on my turret punch
You need some more subs my dude. Great content.
Plotters are awesome!
Great video as always!
It would be cool to have an onionlayer thing on your interface, so you can have 1 image with multiple plotted effects. like, This is the highlight layer and its got this effect, then the midtones have this layer and effect, then the basetones are on this layer and stippled. But it'd probably be more effort than it's worth to fiddle around fine tuning that or finding the right way to filter the image cohesively
Thank you for my next art project idea
That’s so cool and much needed! Thanks a lot!! I completely share your views on js. Can I ask you which to which maker space you go? 😁
Amazing I have to use this myself just ordered a plotter because I had to try this out
I can only say, Thank you !
I need to play around with this! I used squigglecam to make a tribute to Grant Imahara, drawing a picture of him with a little robot, this opens some exciting new ways of drawing!
Yes synths ! Just subscribed to flash waiting list
this is so cool
Yay! You're back!
Incredible !! Subbed
„its like an 3D printer, but in 2D“
*sad regular Printer noises*
This is great.
You're a genious ! Merci beaucoup.
Ay welcome back!
I don't know if anyone else has suggested this, but this technology would be brilliant at introducing degradation and artifacting into spectrograms or other image to sound... things. lol that's what I imagine this video is going to be about based on the thumbnail because those absolutely look like audio waves. I think it would be a lot of fun to plot spectrogram style graphs, and then manipulate it with the wiggles and the lines and all those other things you showed off
Good god man! Holy cow! This isn't just for plot printing. This can be used for digitial artwork. If only it could be a photoshop filter. One of the most difficult things to get right is turning photographs into what appear to be hand engraved line art without spending a fortune on commercial photoshop add ons. Or making photos look hand drawn.
I suppose it wouldn't be impossible to turn this into a photoshop filter, or even better an Illustrator filter. For now I will be experimenting importing SVG and layering different results.
OMG I MISS THE HACK SPACE, i would go there so much when i was staying in london
That's so cool!
I always forget who you are and why I am subscribed to you but your videos are always great.
ahh yes time to convert my 3d printer into a ploter
OKAY UA-cam, I'LL WATCH THE VIDEO IF YOU REALLY THINK IT'S WORTH RECOMMENDING 1 MILLION TIMES
Awesome, thanks for sharing. I am building my own plotters and I always am lacking good generators. Would this program be usable offline you think? -edit- nevermind, I sorted it out. What a wonderful piece of work!!!
Nice lines you have there! 😉
Awesome!
i love anything you post, but i like synths aswell.. and plays with them occasionally
I've used that site a few times and love it.
Do you have any future updates coming?
I forgot who you were and why I was subbed to you but I'm not disappointed.
Beauty! ❤️
well done
Nice job.
Magnificent.
"It is the most platform-agnostic language on the planet"
Webassembly enters the competition.
WebAssembly depends on JS.
@@TobiasSN It doesn't. You can very much use it standalone, including on embedded hardware, and compiled to C.
I miss the plotter. can't wait for the hackspace to open
I have a similar laser cutter. Would you ever make a video of what your setup consists of and what you use?
What you get at 3'14" resembles sound tracks on an old movie. You could draw sounds if you wished :-)
Excuse my bad English. What I meant was an old film, not movie :-(
This is pretty cool lol
Thanks a lot for the Video and the code.
We use it in our hackspace. Inside Inkscape we use gcode-tools to generate GCODE. So we can use a XPlotter device (Kickstarter project). It would be also possible to "misuse" a 3d-printer.
Very coool :3 now i wish i had picked up the old hp din A0 printer that was offerd to me .....
love you man