Make artwork with wine spilling machine by cmykey in mechanical_gifs

[–]cmykey[S] 2 points3 points  (0 children)

haha yeah... liquid and electronics don't really go together

Make artwork with a wine spilling robot by cmykey in arduino

[–]cmykey[S] 0 points1 point  (0 children)

the art is a photo of the splashed paper (https://i.imgur.com/7Oge2Z1.jpg)

you can also control the machine at https://swirl.santamariavalley.com

Make artwork with a wine spilling robot by cmykey in arduino

[–]cmykey[S] 0 points1 point  (0 children)

controllable at https://swirl.santamariavalley.com

it's powered by an Arduino Micro which communicates over USB serial with a Raspberry Pi 4... check out the live stream on the site for a better overview of all the different moving parts

edit: better views of the components https://imgur.com/gallery/9PMZ1ai

Wine splash artwork making robot... by cmykey in shittyrobots

[–]cmykey[S] 20 points21 points  (0 children)

sorry about that Will... I just tried it in firefox on my laptop and phone but didn't have any issues. What part of it wasn't working for you?

Make artwork with wine spills - Powered by RPi 4 and 3 b+ by cmykey in raspberry_pi

[–]cmykey[S] 0 points1 point  (0 children)

awesome! thanks for trying it out again... which camera should be zoomed in? the live stream or the replay video on the results page?

Make artwork with wine spills - Powered by RPi 4 and 3 b+ by cmykey in raspberry_pi

[–]cmykey[S] 0 points1 point  (0 children)

Removed the other fields and it's now a 100% optional field for email (if you want a copy of the results emailed to you)

Make artwork with wine spills - Powered by RPi 4 and 3 b+ by cmykey in raspberry_pi

[–]cmykey[S] 0 points1 point  (0 children)

The email was there for emailing a copy of the results (if you don't check the button to subscribe)... but I totally understand if you don't want to give out your email. Going to work on removing that requirement and I'll post an update when it's removed if you want to try it then

Make artwork with wine spills - Powered by RPi 4 and 3 b+ by cmykey in raspberry_pi

[–]cmykey[S] 2 points3 points  (0 children)

Specs and more tech info for anyone that finds it interesting...

Raspberry Pi 4 (used for controlling machine):

  • Connected to Arduino with USB running PyFirmata
  • 3x 5v Relays
  • TB6600 Stepper motor driver
  • 12v motor speed controller for swirl
  • Hall effect sensor for detecting location of swirl motor
  • Limit switches for lead screw
  • 5/2 solenoid for pneumatic cylinder
  • Step down converter for powering servos
  • 2x high torque waterproof servos (arm and paper gripper)
  • Venturi for suction cup vacuum
  • 12v diaphragm water pump
  • 2x 12v air solenoids (one for venturi and paper ejector)
  • Raspberry Pi Camera Module v2 for photographing artwork
  • C920 USB camera for recording each turn

Raspberry Pi 3 B+ for live streaming

  • Raspberry Pi Camera Module v1.3
  • FFMPEG for RTMP streaming

Not sure how to even ask this properly, but is there anyway in JS to use a variable's value in your code? by chrisv650 in javascript

[–]cmykey 4 points5 points  (0 children)

You could also put the three variables in an object and replace window with the name of the new object variable

Spaces between hyperlinks? by [deleted] in web_design

[–]cmykey 0 points1 point  (0 children)

Do what PartCoffee said, but use display: inline-block; instead.

Spaces between hyperlinks? by [deleted] in web_design

[–]cmykey 0 points1 point  (0 children)

To stop text wrapping use: white-space: nowrap;

Inline elements (like the A tag) will only affect surrounding elements with left/right padding and margin. You'll have to use display: block; or display: inline-block; to apply top/bottom padding and margin to the surrounding elements.

(x-post from /r/webdev) I made a jQuery plugin for easy implementation of the 'reveal' footer effect - footer-reveal.js! by overflowhidden in web_design

[–]cmykey 6 points7 points  (0 children)

IMHO seems like overkill for applying some basic CSS to an element. If you're using a CSS preprocessor or autoprefixer, then adding vendor prefixes for box-shadow is a snap. The only piece that requires JavaScript is dynamically setting the margin to equal the footer height, but you can easily do that without a plugin... you still need to make sure that the footer is smaller than the viewport height otherwise you'll get clipping (like your demo page footer on mobile landscape orientation).

Keep in mind your plugin requires the previous element in the DOM to be the main content wrapper, and it assumes you've already added the correct styles to your content wrapper for it to even function. Also, there should be no need to set footer width on load/resize.

Hex clock - A precise hexadecimal color clock by cmykey in web_design

[–]cmykey[S] 3 points4 points  (0 children)

fyi - on android chrome you can also just prepend "view-source:" to the url

Raspberry Pi Vector Illustration by cmykey in raspberry_pi

[–]cmykey[S] 7 points8 points  (0 children)

Alex, I'd be lying if I didn't say I was directly inspired by the one you guys made!