The latest articles on DEV Community by computer.art (@computerdotart). https://dev.to/computerdotart https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F295466%2F497dba1f-499f-451d-ad09-f38bc09dbae9.jpg https://dev.to/computerdotart en computer.art Mon, 09 Mar 2020 16:22:41 +0000 https://dev.to/computerdotart/computer-art-dreams-2ehg https://dev.to/computerdotart/computer-art-dreams-2ehg <p><a href="https://www.meetup.com/computer-dot-art">computer.art</a> was sponsored by the wonderful Sprout Social, February 11th. This time we used the concept of dreams to help inspire people to show off projects related to it! The turnout was wonderful, and I'm always impressed by what people present :D There was a range of different creative mediums people expressed their code in: visual, audio, and interactive. Please review computer.art's <a href="https://github.com/brianmontanaweb/computer.art/blob/master/code-of-conduct.md">code of conduct</a> if you plan to attend.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3kQzzTIY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/5a4ujh5fmw33851z6h3t.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3kQzzTIY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/5a4ujh5fmw33851z6h3t.jpg" alt="Audience of computer dot art"></a></p> <h2> Artists </h2> <h3> Artist: Jim Plaxco </h3> <h4> Project: Noise Reconstruction of Nighthawks </h4> <p>The noise reconstruction of Edward Hopper's Nighthawks uses a Perlin noise particle system to build the painting using <a href="https://processing.org/">Processing</a>.</p> <p><iframe width="710" height="399" src="https://www.youtube.com/embed/XlJzgvDP05U"> </iframe> </p> <h3> Artist: Dubi Kaufmann </h3> <h4> Project: Instagram Playground </h4> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--B6b_bqL3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/akl6sgf537wlqz5swxwn.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--B6b_bqL3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/akl6sgf537wlqz5swxwn.jpg" alt="Person in front of screen talking, second person is looking at screen"></a></p> <p>Dubi revealed some awesome Instagram effects using <a href="https://sparkar.facebook.com/ar-studio/">Spark AR</a>. The first project involved a user tilting their head to rotate an object to mimic the rotation of an oncoming shape! Another project was a roulette for blood types, probably a perfect game for vampires!</p> <h3> Artist: Ryan McGill </h3> <h4> Project: Letter Potato </h4> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--NpV6s2iI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/94l1dx9bxekpyoyiomji.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NpV6s2iI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/94l1dx9bxekpyoyiomji.jpg" alt="Person talking with screen behind them with letters"></a></p> <p>Ryan created a fun game, <a href="https://letter-potato.ryanmcgill.io/">Letter Potato</a>, that users would arrange a collection of characters into the longest valid word possible: <code>'hirtjsdt' =&gt; 'thirst'</code>. The project leveraged AWS Lambda to manage the game's back end.</p> <h3> Artist: Austin Andrews </h3> <h4> Project: Gif Animator </h4> <p>The process used to make Material Design Icon gifs automatically was far less code than expected and way interesting! Check out the post here, <a href="http://templarian.com/2020/02/13/svg-to-animated-gif/">NodeJS SVG to Animated Gif</a>.</p> <h3> Artist: Eric J Nesser </h3> <h4> Project: Animation Effects </h4> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--J9Lo-Vk_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/rnb45uifhbpmrbmvm12n.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--J9Lo-Vk_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/rnb45uifhbpmrbmvm12n.jpg" alt="Person looking at screen, screen is a web browser on Instagram"></a></p> <p>Eric's been extremely focused on <a href="https://www.instagram.com/p/B78qKDDjD9s/">particle systems in Blender</a>, and specifically <a href="https://github.com/rlguy/Blender-FLIP-Fluids">FLIPS Fluids</a>. The viscosity effects and fracture modifier support are extremely cool, check out the library!</p> <h3> Artist: Jake Albaugh </h3> <h4> Project: Arpeggiator </h4> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--MATzfMi_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bu1ftwqwmekq6emkt3rd.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--MATzfMi_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bu1ftwqwmekq6emkt3rd.jpg" alt="Person in front of screen, screen has buttons for music"></a></p> <p>Jake's been working on various musical projects with JavaScript and tone.js but the latest involves a board for creating music! Here's a clip of Jake <a href="https://twitter.com/jake_albaugh/status/1226602263478710272">showing it off on Twitter</a>.</p> <h3> Artist: Arianna Rudawski </h3> <h4> Project: Shaders </h4> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--NgSmYqKy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/4efxsokd83va8o1gyuzm.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--NgSmYqKy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/4efxsokd83va8o1gyuzm.jpg" alt="Person in front of screen, screen is showing raster process for video game shaders"></a></p> <p>Arianna gave a presentation on how she creates shaders in C++, and teaching everyone about pixel manipulation. The talk covered how shifting pixel values like the red values allow an engineer to do pixel manipulation.</p> <h3> Artist: Brian Montana </h3> <h4> Project: Cool Cry </h4> <p>Cool Cry is a JavaScript canvas particle system using a cool cry image.</p> <p><iframe height="600" src="https://codepen.io/brianmontanaweb/embed/pMVqae?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> <h2> Thanks! </h2> <p>Thank you to <a href="https://sproutsocial.com/">Sprout Social's</a> Katy Harth for helping us with the space and food! Thank you to Marvin for documenting, assisting and photographing the event. Thanks to everyone who attended, presented, and support us :D We couldn't have the event with ya'll! See ya next time :D</p> eventsinyourcity creativecoding computerdotart chicago computer.art Fri, 20 Dec 2019 22:30:17 +0000 https://dev.to/computerdotart/computer-art-soft-2g1j https://dev.to/computerdotart/computer-art-soft-2g1j <p>We had our first event for <a href="https://www.meetup.com/computer-dot-art" rel="noopener noreferrer">computer.art</a> held at <a href="https://8thlight.com/" rel="noopener noreferrer">8th Light</a>, December 10th. I was super excited at everyone that showed interest, supported, attended, and sponsored us :) We took notes, and photos of those who presented, feel free to check out what was shown!</p> <h1> Artists </h1> <h3> Artist: Hugh Sato </h3> <h3> Project: The Mycelial Project </h3> <p>The project started with parsing data on Twitter for hashtags connected to the Arab Springs to understand the unspoken communication that lead to active role in a democracy. It ends with a method using technology to curate sound and data to choreograph dancers and participants through the generative patterns.</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F3xs2iwo0ebrp7labxku1.jpg" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F3xs2iwo0ebrp7labxku1.jpg" alt="Hugh looking at television with images of dancer, cameras, installing equipment, and a room with ladder"></a></p> <h3> Artist: Kevin Lesht </h3> <h3> Project: 5 Minutes and a Flip </h3> <p>Summary: Kevin makes an omelet every day, but finds the task of updating his blog tedious. Instead of managing these steps manually he finds an automagical solution! Using DynamoDB, Ruby Lambda, Google Photos, and the homemade Parsley Patch.</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F2g2h85g16ymomzl4wzg6.jpg" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F2g2h85g16ymomzl4wzg6.jpg" alt="Kevin talking in front of television with image omelet"></a></p> <h3> Artist: Arianna Rudawski </h3> <h3> Project: Audio Visualizer </h3> <p>Summary: What is soft? Textures are soft! Arianna explored textures and feelings with sound using openFrameworks. The music shapes the visuals so they react based on auditory data.</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fx7aackiatxm78azcjfe3.jpg" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fx7aackiatxm78azcjfe3.jpg" alt="Arianna looking at television with abstract images"></a></p> <h3> Artist: Dubi Kaufmann </h3> <h3> Project: Penguin Simulator </h3> <p>Summary: Admiral penguins use a unique sound to find their chicks, this project explored that dynamic by asking the audience to text a number. Dubi used Twilio to call participants with a generated audio clip, the goal was to find the other person with the same unique audio clip. So everyone found their partner by seeking their audio partner!</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F8ow8suhf3fhaewldyfk6.jpg" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2F8ow8suhf3fhaewldyfk6.jpg" alt="People are seen walking around with smart phones in their hand, long tables are in the room"></a></p> <h3> Artist: Eric Nesser </h3> <h3> Project: Nissan AR App </h3> <p>Summary: The project was created for Nissan at Designory, it’s an augmented reality application that let’s dealerships display the car’s safety features without damaging a car to see them.</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fwibmubg63y0yb2v15ee8.jpg" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fwibmubg63y0yb2v15ee8.jpg" alt="Eric looking at iPad with television behind them, a video of a red car is on the telvision"></a></p> <h3> Artist: Brian Montana </h3> <h3> Project: Processing Video Particles </h3> <p>Summary: Brian started learning how to program in Processing; an open-source graphical library and IDE built for the electronic arts. He used the built in methods to build on the particle systems using the video data to create different visuals.</p> <p><iframe width="710" height="399" src="https://www.youtube.com/embed/nWr_RWm7tY8"> </iframe> </p> <h3> Artist: Joe </h3> <h3> Project: Camera Processing </h3> <p>Summary: Joe presented another camera modification using a timing delay on every row of pixels from video data. So the first row of pixels were delayed by the row’s index value in seconds. Next Joe showed off some explorations in TouchDesigner</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fhcudvnfjio1i60obrt18.jpg" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fhcudvnfjio1i60obrt18.jpg" alt="Joe is looking at a laptop, an image of dots in an abstract shape is on a television behind them"></a></p> <h1> Thanks you everyone! </h1> <p>I want to thank <a href="https://8thlight.com/" rel="noopener noreferrer">8th Light</a> for sponsoring us, Nicole Carpenter was extremely helpful in coordinating the space and food from <a href="https://8thlight.com/" rel="noopener noreferrer">8th Light</a>. Thank you Marvin for documentation, assistance, and photography of <a href="https://www.meetup.com/computer-dot-art" rel="noopener noreferrer">computer.art</a>. Thanks to all those who attended, and those who presented! Can’t wait to see you at the next <a href="https://www.meetup.com/computer-dot-art" rel="noopener noreferrer">computer.art</a>!</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fzwrt2gwptuzle0xlqaw6.jpg" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fthepracticaldev.s3.amazonaws.com%2Fi%2Fzwrt2gwptuzle0xlqaw6.jpg" alt="8th Light logo on Plexiglas"></a></p> <p><a href="https://photos.app.goo.gl/m7bfkw4vq7M845aM7" rel="noopener noreferrer">Photo gallery of computer.art: soft</a></p> eventsinyourcity creativecoding computerdotart chicago