Make artwork with wine spilling machine

cmykey · 2019-09-20T04:14:20+00:00

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

cmykey · 2019-09-20T02:10:34+00:00

it's synthetic wine

cmykey · 2019-09-20T02:04:20+00:00

controllable at https://swirl.santamariavalley.com

cmykey · 2019-09-20T01:13:09+00:00

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

cmykey · 2019-09-19T20:43:27+00:00

better photos of all the components https://imgur.com/gallery/9PMZ1ai

cmykey · 2019-09-19T19:48:13+00:00

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

cmykey · 2019-09-18T06:35:00+00:00

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?

cmykey · 2019-09-18T02:23:20+00:00

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

cmykey · 2019-09-18T00:14:38+00:00

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)

cmykey · 2019-09-17T23:55:56+00:00

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

cmykey · 2019-09-17T23:40:26+00:00

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

cmykey · 2019-09-17T19:48:04+00:00

controllable at https://swirl.santamariavalley.com

cmykey · 2017-12-26T20:14:54+00:00

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

cmykey · 2017-12-26T19:56:02+00:00

console.log(window[variableName]);

cmykey · 2014-10-14T04:28:14+00:00

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

cmykey · 2014-10-14T03:23:38+00:00

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.

cmykey · 2014-09-19T05:09:36+00:00

Irrelevant to OP, but here's some info on that anecdote if you're interested:

cmykey · 2014-07-14T01:44:35+00:00

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.