Pens from Charlie Volpe https://codepen.io/charlie-volpe/ en nospam@codepen.io Copyright 2024 2015-06-24T15:44:21-07:00 NES Contoller https://codepen.io/charlie-volpe/pen/bdYdBp https://codepen.io/charlie-volpe/pen/bdYdBp Charlie Volpe

See the Code - See it Full Page - See Details

Made a quick NES controller. Had some fun with it. Now with combos!

]]>
NES Contoller 2015-06-24T15:44:21-07:00
Podshare https://codepen.io/charlie-volpe/pen/YXrzQV https://codepen.io/charlie-volpe/pen/YXrzQV Charlie Volpe

See the Code - See it Full Page - See Details

Podshare hosted me via AirBnB so I thought I would make them a quick pen. Check them out! http://podshare.co/

]]>
Podshare 2015-06-18T05:11:03-07:00
Layout Resolutions https://codepen.io/charlie-volpe/pen/BaOYOO https://codepen.io/charlie-volpe/pen/BaOYOO Charlie Volpe

See the Code - See it Full Page - See Details

]]>
Layout Resolutions 2014-09-11T23:15:21-07:00
RGBA Long Form to Decimal Converter https://codepen.io/charlie-volpe/pen/vYWvLV https://codepen.io/charlie-volpe/pen/vYWvLV Charlie Volpe

See the Code - See it Full Page - See Details

I needed to be able to convert rgba from long format (0-255) to decimal format (0-1) for use in Unity3D color.

]]>
RGBA Long Form to Decimal Converter 2014-07-13T20:27:05-07:00
Block Puzzle Game https://codepen.io/charlie-volpe/pen/jOGPed https://codepen.io/charlie-volpe/pen/jOGPed Charlie Volpe

See the Code - See it Full Page - See Details

This is a 25 level block puzzle game. Rules: 1. This is a game of matching colors. When three match up they will go away and you will get points. Only three will clear if more than three of the same color touch. 2. Click on a row and the entire row will move to the top of the column. 3. When the blocks are cleared the blocks on the right will move left in their own row. 4. The fewer the clicks made the more points you will gain.

]]>
Block Puzzle Game 2014-07-05T23:08:52-07:00
List Maker https://codepen.io/charlie-volpe/pen/QWgapO https://codepen.io/charlie-volpe/pen/QWgapO Charlie Volpe

See the Code - See it Full Page - See Details

This is simple list maker. It isn't saved anywhere currently it is just temporary. This is just getting the front-end functionality of the list maker working.

]]>
List Maker 2014-06-18T01:53:52-07:00
Simple Blackjack Game https://codepen.io/charlie-volpe/pen/mdwRPo https://codepen.io/charlie-volpe/pen/mdwRPo Charlie Volpe

See the Code - See it Full Page - See Details

Try to get as close to 21 without going over as well as getting higher than the computer. Number cards = face value. Face cards = 10. Aces = 1 or 11.

]]>
Simple Blackjack Game 2014-06-13T17:55:49-07:00
Draggable Finder Window Visualization https://codepen.io/charlie-volpe/pen/eYvoGw https://codepen.io/charlie-volpe/pen/eYvoGw Charlie Volpe

See the Code - See it Full Page - See Details

I wanted to try to recreate the Mavericks finder window in html and css. It is draggable and the search can be typed in but those are the only moving parts. I just thought it would be a fun project. I got pretty close but it isn't a One-to-One copy. The finder window design belongs to Apple.

]]>
Draggable Finder Window Visualization 2014-06-07T15:43:36-07:00
Responsive Flat Sublime Text Visualization https://codepen.io/charlie-volpe/pen/poeVgx https://codepen.io/charlie-volpe/pen/poeVgx Charlie Volpe

See the Code - See it Full Page - See Details

I saw this on Dribbble and wanted to try to create it in html and css only. https://dribbble.com/shots/1573950-Free-Safari-and-Sublime-PSD

]]>
Responsive Flat Sublime Text Visualization 2014-06-03T14:51:58-07:00
Draggable Node Based VPL Test https://codepen.io/charlie-volpe/pen/dyvOrw https://codepen.io/charlie-volpe/pen/dyvOrw Charlie Volpe

See the Code - See it Full Page - See Details

This is a simple proof of concept of a node based Visual Programming Language. This is to test to see if I could make it work in the web platform with html, css and javascript. If I come back to it I will make the links clickable to actually link the nodes together manually. I use svg.js for the SVG. I use TouchPunch to make the dragging work on mobile. Cheers!

]]>
Draggable Node Based VPL Test 2014-05-28T15:41:21-07:00