Tag Archives: drawing

Snow via Javascript & Canvas – Tis the Season

snow

After playing with the settings in my experiments I found a few settings I liked and wanted to develop further. The first was snow! An added bonus I was able to work on a project just for the holidays and used much of this code in it! I looked around the web and saw a [...]

Posted in interactive javascript canvas | Also tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Microsoft Touch Mouse and The Art of Touch | Giveaway

MSTouchArt_3386_5400x2910.9375

Microsoft has a new line of TouchMouse. They have a campaign to cooinside with it called the Art of Touch and have invited a few artists to participate and more to drive interest with free shwag! Basically that boils down to me having a to give away! So go play with the app and link [...]

Posted in review | Also tagged , , , , , , , , , , , , , | 1 Comment

Interactive Physics Animations Javascript Canvas 03

canvas03

This iteration really isn’t that big, but I figured baby steps may be the way to go here. We’re just giving the first circle a random position. The other dots are positioned relative to the first one still. interactive physics animations via javascript & canvas | 03. $(function () {     var canvas, context, [...]

Posted in interactive javascript canvas, tutorial | Also tagged , , , , , , , , , , , , , , | Leave a comment

Interactive Physics Animations Javascript Canvas 02

canvas02

Adding more circles, each a multiple of the first circle’s coordinates. I like the effect of having them all move in unison. Ceck the source: interactive physics animations via javascript & canvas | 02 $(function () {     var canvas, context, width, height, x, y, radius = 25, clickX, clickY, drag = false;   [...]

Posted in interactive javascript canvas, tutorial | Also tagged , , , , , , , , , , , , , , , , | Leave a comment

Interactive Generative Art Series – 07 – multiple lines

gen-art-multi-lines 01

To make it more interesting and give more depth and texture to the display, I wanted to have more lines than one, so I’m now going with two for starters. Eventually I’d like to get up to a dozen or maybe even have them randomly self populate and die over time. Adding one more isn’t [...]

Posted in generative art | Also tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Interactive Generative Flash Art Series – 00 – Line Width

gen-art-00-line-width-1

After seeing the source code in the original experiment, I found myself wanting to play with the code. I saw many elements of the lines and actions that could be interesting to explore. This is the first in a series, of experiments I’ll post starting from this code and pushing different things each time. They’ll [...]

Posted in generative art, tutorial | Also tagged , , , , , , , , , , , , , , , | 1 Comment

Interactive Generative Flash Art Series Intro

ball-natzke-1

The world has been excited by html5/css3 recently and has been pushing limits and experimenting. It’s been exciting and funny at the same time – most of the things that are amazing people in html5 experiments have been done 5 years ago in flash. I’ve enjoyed it so much though because it has brought me [...]

Posted in generative art, portfolio, tutorial | Also tagged , , , , , , , , , , , , , , , , , , | Leave a comment

Pog Portfolio – Interactive flash portfolio

An interactive flash portfolio featuring ‘pog’ thumbnails sortable by tags and adjustable properties. open Circle Cube POG portfolio Circle Cube . com Toggle the help window with ‘h’. Click the pogs to explore each piece, if applicaple click the ‘open window’ link. Pog options are aligned across the top of the bay window, use them [...]

Posted in portfolio | Also tagged , , , , , , , , , | Leave a comment

Self Teeth Snarl

Mixed media charcoal and ink self portrait, snarling with teeth expression.

Posted in portfolio | Also tagged , , | Leave a comment

Self Teeth Smile

Charcoal Self Portrait, wide mouth smile expression.

Posted in portfolio | Also tagged , | Leave a comment
  • Recent Posts

    WordCamp Presentation Slides: From Photoshop PSD to WordPress Theme

    Here are my slides for my WordCamp Atlanta presentation, From PSD to WordPress Theme: Under the skin: PSD to WP on Prezi

    wordpress_wordcamp_atlanta_2012_feb_2_3

    Speaker at WordCamp Atlanta 2012

    I’m proud to announce that I’ve been asked to speak at WordCamp Atlanta this year! WordCamp will be held this weekend and hosted at SCAD Atlanta! My session is titled: From PSD to WordPress Theme: Under the skin. Obviously, I’ll be focusing on themes. We’ll look at what they are, what they can do, how [...]

    Adobe-like Arrow Headers | CSS-Tricks

    Zero images is something that always gets me excited, I really like these arrow button styles! I like the css used more and the hover/active states too, nice css3 transitions. via Adobe-like Arrow Headers | CSS-Tricks.

    snow

    Snow via Javascript & Canvas – Tis the Season

    After playing with the settings in my experiments I found a few settings I liked and wanted to develop further. The first was snow! An added bonus I was able to work on a project just for the holidays and used much of this code in it! I looked around the web and saw a [...]

  • Recent Shares

    Link: Responsive Images: How they Almost Worked and What We Need

    Mat discusses the options for getting responsive images along with responsive designs. We can use various means (server-side, client-side, mobile-first, html5 data attributes, cookies…), but none are fully satisfactory, especially with new browsers prefetching images before cookies can be set or html is even fully read and parsed. He states that bandwidth sniffing is… a [...]

    Screen shot 2012-01-26 at 2.46.59 PM

    Yiibu – About the site…

    Here’s a great article about the process of responsive design & mobile first design and how to practically use them both in a project. This site is a proof of concept for many of the ideas described in Rethinking the Mobile Web or (Mobile First Responsive Design). via Yiibu – About this site….

    gridpak

    Link: Introducing Gridpak | Erskine Labs

    Here’s a great tool to make responsive grid layouts. Thanks to Erskine Labs! Introducing Gridpak | Erskine Labs.

    css-multiply

    Link: HTML5 multiply filter with canvas | Alberto Gasparin

    Here’s a great little script I found useful today as I was working on having dynamic effects applied to javascript via canvas. “The canvas element provides scripts with a resolution-dependent bitmap canvas, which can be used for rendering graphs, game graphics, or other visual images on the fly.” Thanks to the canvas APIs I was [...]

  • Recent Comments

    Karl

    Karl

    I have been using for some time this nice Banner, from developer FX. They have a really nice Live...
    Karl

    Karl

    Thank you for this wonderful link… recommend it! Fast, simple, easy… :-)
    Gabriel

    Gabriel

    Hi Valerie, I don’t know if you are still following this post, but I tried seeing if it is...
    avinash

    avinash

    Hi Evan, I am using the same code and trying it on chrome/firefox it is not working on neither...
    Matt

    Matt

    I needed to store url variables from advertising tracking servers – this method works like a...
    Evan Mullins

    Evan Mullins

    @Saket – you may want to look into swfaddress. I believe it will be more what...