Pixelmixer favicon

Dustin J Sparks

:: photoshop

x
2009
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

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
2006
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

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