Pixelmixer favicon

Dustin J Sparks

x
2010
x

Blue Cross Blue Shield: Match-A-Heart flashcs5flashcs4illustratorcs4

This flash widget was created for Blue Cross Blue Shield of Illinois. The widget currently resides on the BCBS: Illinois Facebook page. It was built as a holiday product to ship just before Valentines Day. The goal of the widget is to educate the user about unhealthy practices and how to get out of an unhealthy situation.

Directions

  • Select a heart
  • Try to find the matching heart
  • Find all of the matching hearts to win the game

view
2009
x

Blue Cross Blue Shield: eCards for Health flashcs4illustratorcs4

This widget was done for Blue Cross Blue Sheild. They came to me with the proposition of doing two flash widgets that they could share on their Facebook fan pages. This widget is one of those two and takes content that they have had implemented on another website, then makes that content available to share on social networks.

Directions

  • Click on a thumbnail image to preview its eCard.
  • Use the share menu to share your selected eCard.

view
x

Blue Cross Blue Shield: Food Shooter flashcs4illustratorcs4

This is one of two widgets for Blue Cross Blue Shield. This particular widget tries to help educate users on healthy eating. The user eats the food by popping its container balloon. The amount of calories is based on actual amounts of fat calories in the corresponding food item.

Directions

  • Click a balloon to start the game.
  • Before the time ends, try to eat as much healthy food as you can.
  • Unhealthy food costs more calories, healthy food gives less
  • The goal of the game is to get the lowest possible score.

view
x

CCL Organizational Leadership Website dreamweavercs4photoshopcs4codaajaxphp

This website runs on a heavily modified Wordpress CMS. On the backend there were several Wordpress plugins created specifically for this website in order to allow the client to easily modify certain areas of the main website.

Directions

Click the links to navigate and explore the website.

view
x

My Indy Race Car Widget flashcs4illustratorcs4photoshopcs4

This flash widget was created to serve as a decentralized, viral application to promote the main Indycar builder application. It was coded in Actionscript 3 and perfectly mimics the main design tool. It allows the user to create and share their designs with friends via the clearspring platform.

Directions

  • Click "built it" to launch the external car customizer
  • Enter the generated code into the box to generate your car.

view
x

USO Patriotic Six Widget flashcs4photoshopcs4illustratorcs4

Located on the front page of the patriotic six website (http://www.patrioticsix.com/). This widget is built on top of the clearspring platform. The widget updates facts, about the USA, on a daily basis between May 25th (Memorial Day) and July 4th. The content is generated via RSS feed. It was created as a freelance project with a company located in Chicago.

Directions

  • Click the next and previous buttons to read the facts.
  • Click one of the buttons to visit the Patriotic Six website
  • Click 'Grab It' to share the widget with others or post it on your own website or blog

view
x

TracFone Event Tracker Widget flashcs4photoshopcs4

I built this widget on a freelance basis with a company out of Chicago. The widget leverages the power of the Clearspring system to provide individual user stats. It uses a database to send emails to users when their event date is approaching.

Directions

  • Click Next to cycle through events
  • Click share to share view options on how to use this on your own websites.

view
x

LevelSix PR Website and CMS photoshopcs4dreamweavercs4codaphpajax

This website was done for a company in Indianapolis. The design was created by another design company then transferred to me as an Adobe Photoshop file. I was able to chop the file into parts that I needed, then moved it into an HTML/CSS layout that perfectly matched the Photoshop file. The CMS behind the website is a custom CMS built by the original company along with heavy modifications done by me.

Directions

  • Explore the website using the provided navigation options.

view
2008
x

The Spill Canvas Widget flashcs4photoshopcs4

This widget was done for the band The Spill Canvas. It was another project done as freelance through a Chicago company. The widget features the ability to display a music video, several of their songs, a tour list, as well as a built-in 'store' for their fan products.

Directions

  • Click on the buttons to navigate through the widget.
  • Click play to play the video.
  • Click a song to play that song.

view
x

Animal Internet Widget flashcs4illustratorcs4photoshopcs4

This was another freelance widget done for a company out of Chicago. The widget is for a website called Animal Internet that serves as a social network for animals. Some animals post their own opinion 'columns' and 'animatorials'.

Directions

  • Click Opinions to view animal opinions
  • Click Animatorials to view animal editorials.
  • Click the up and down arrows to change animal and select a species to show only that species.

view
x

ID Theft Days Microsite flashcs3photoshopcs3

The ID Theft Days micro-site was built with Flash and Maya. All of the animation was rendered in Maya and exported as an image sequence. The animation is controlled by custom tweening scripts that I created to animate the image sequence from one point to another. This includes backward animation as well as forward.

Directions

  • While the image sequence is loading you can find out how much your company may be losing to identity theft.
  • Once the sequence is finished, you can click on one of the items on the desk or the drawers to proceed into each section.

view
x

PooYou! Legal Revenge Pranks Website ajaxphpphotoshopcs3

The PooYou! website was built using a combination of html, javascript, php and mysql for the backend database and content management system. The CMS includes some extra features like AJAX controls and custom-built user account controls. The information gathered in the polls on this website includes votes from the facebook app on the same poll and the poll on facebook is synchronized with the poll on the website.

Directions

  • Explore the website.
  • Vote on the poll.
  • Send your friends custom poo emails.

view
x

PooYou! Legal Revenge Pranks Facebook Application ajaxdreamweavercs4php

This is a Facebook application built specifically to play on the viral marketing aspect of the PooYou website. The application synchronizes pooyou.com account information with facebook account information and has very details statistics reports on various demographic information. It also has it's own in-depth CMS to manage features on the facebook application.

Directions

  • Add the facebook app to your profile.
  • Create your own sh*t list and vote on the poles.

view
x

IMA MMFX Kiosk photoshopcs3flashcs3

This project uses Actionscript 3.0, Flash CS3, and Photoshop CS3. The kiosk is installed at the Indianapolis Museum of Art in the Manufacturing Material Effects exhibit. I used Papervision 3D to create the 3D animation and objects in 3D space. Tweener was used for the animation. The navigation is touch-sensetive. Each group of Architects is added as easily as adding a single line into an array containing all of the projects.

Directions

  • Allow the video a few moments to load completely.
  • Click play to see a screen capture of the kiosk in action.

view
x

Digital Corps Messenger Widget dashcodedreamweavercs3photoshopcs3ajax

This widget was given to me as a quick project that is meant to help out the computer lab workers in taking messages for the Corps administrators. The problem in the lab had to do with student lab attendants taking sub-par or incomplete messages from people who call in, or in some other way attempt to get in contact with a manager or administrator of the Corps.

Directions

  • Allow the video a few moments to load completely.
  • Click play to see a screen capture of the widget in action.

view
2007
x

Ball State University Libraries Mac OSX Cardcat Widget dashcodephotoshopcs3dreamweavercs3phpajax

I took on the project after the original team left and needed to re-write most of the existing code. I finished it and added some extra, unplanned, features in about 7 weeks. It was built entirely on OSX 10.5 Leopard while Leopard was still in its beta stages. The project uses PHP, Javascript, and XML to interface with Ball State's library servers. The widget is installed on all the university library's OSX capable computers.

Directions

  • Allow the video a few moments to load completely.
  • Click play to see a screen capture of the widget in action.

view
x

Interactive Television Prototype flashcs3photoshopcs3php

This project was done as part of an intensive course on interactive television at Ball State. While another team of computer scientists were building a televised version, I was responsible for building the web version. We collaborated as much as possible, sharing RSS feeds and content managements systems that we built using PHP. A group of News designers provided most of the graphics.

Directions

  • Click the video to pause and play the 'live' broadcast.
  • Click one of the icons below the screenshots to play a package.
  • Click the minimized NLI Live thumbnail to restore the 'live' broadcast.

view
x

Flasm (Generative Art) flash8

This project is currently setup in an installation in the Center for Media Design at Ball State University. It was also featured in a Muncie area art show. The program was heavily inspired by the original by Liquid Journey. It uses a complex algorithm and the flash drawing API to draw pixel by pixel each 'particle'. As time goes on the colors morph from one to another. No pixels are discarded during this process resulting in the overlapping effect.

Directions

  • Click and hold the mouse anywhere on the flash application.
  • Hold for an arbitrary amount of time, then release.

view
2006
x

Artificial Intelligence flash8

This project was built as a proof of concept for a flash-based Real Time Strategy game. It uses a very basic Finite State Machine to determine what action the character should be doing (collecting water to survive, walking to the water, or storing the water in his house).

Directions

  • Click anywhere on the flash application to move the character.

view
x

Balloon Shooter (Political Satire) flash8photoshopcs2

I took a commonly used game and recreated it with my own little political twist. It was created as extra credit for a digital media class. The 'balloons' scroll vertically while the player tries to shoot them. Certain balloons are worth more points. When they are shot, they slow down the rest of the balloons. Missing speeds the balloons up. I also included a control panel for manipulating the game at runtime.

Directions

  • Click the mouse anywhere on the sky to shoot.

view
x

Tile Scroller Engine flash8

I built this engine originally for a game that I was working on for a digital media class. The game has an editor for it that made it easy enough for the average student to design a level and make it live. Unfortunately my teacher decided that it was too complex for the class and I was told not to pursue it for the class. I continued to modify it outside of class to make it easily modifiable.

Directions

  • Use the arrow keys on your keyboard to move the character around the map.

view
x

Ball State University Google Map ajaxdreamweaver8photoshopcs2

This project was done for a summer job working with a Ball State undergraduate fellowship grant. My job was to take a given customized google map and make it interactive and searchable with the Google Maps API. I created a search engine entirely in javascript whose job is to search an XML file for any number of search terms. The XML file contains descriptions, links, phone numbers, and GPS data.

Directions

  • Click the search button to perform the default search.
  • Drag the map around to get a better view.

view
2005
x

Center for Media Design Micro site Mock-up flash8photoshopcs2

This is a mock-up for a micro site for the Center for Media Design at Ball State. The micro site was to be setup to showcase student produced video webisodes. The banners were meant to hold video segments representing each scene in the webisode. The banners are draggable and expand to show more video segments at any given time. As a little added effect I incorporated pendulum physics on the banners when the site loads.

Directions

  • Click on the bottom of a banner and drag it up and down.

view
x

Lawson Flooring Microsite flash8photoshopcs2php

This is a live micro-site built about 2 years ago using Flash 8 and Photoshop CS2. The website is very small and compact, designed this way to fit easily inside other websites. It can also be defined as a widget or gadget that also serves as a stand-alone website. I spent about a week building the front-end design and animation as well as the backend PHP contact form and content management system.

Directions

  • Click the links to navigate and use the scrollbars to scroll content.

view