Link da página do jogo no concurso
http://globalgamejam.org/2012/farthest

Link para download do jogo.
http://globalgamejam.org/sites/default/files/uploads/2012/10134/FARThest%20v1.0.zip

Créditos:

Programing: Ronie Neubauer

Design: Bruno de França

Game Design: Rodrigo Basso

Test & Help: Marcel Souza Leandro Nadal

E gostaríamos de agradecer ao Dan-O por ter liberado a música para nosso jogo – http://www.danosongs.com

Tema:

Participamos da Global Game Jam, tivemos um tema liberado as 18h do dia 27/01/2012 e teríamos que desenvolver um jogo com esse tema em até 48 horas.

O tema sugerido foi esta imagem:

História:

Nosso personagem (Little Jack) foi engolido por uma serpente e agora está preso dentro do estômago dela.

Para fugir ele precisa subir o máximo que conseguir para não ser pego pelo suco gástrico da cobra.

Para isso ele terá que usar o único meio que possui, soltar o máximo de gases para poder se impulsionar e pegar o máximo de comida que conseguir para manter os gáses fluindo hehe.

O objetivo do jogo é tentar chegar o máximo possível para tentar sair da cobra.

Lembrando:

Este foi um jogo desenvolvido em 48 horas, com 1 programador e 1 designer, por isso não conseguimos fazer tudo o que queriamos. Durante o evento, dentre as 48 horas eu dormi apenas 3, então foi bem cansativo mas valeu muito a pena.

Agora com mais tempo depois do evento, vamos continuar desenvolvendo e melhorando tudo o que pudermos, a próxima meta é fazer um ranking global dos jogadores que chegarem longe.

Espero que gostem.

Sinopse

O jogo é dividido em 3 rodadas onde em cada uma o jogador recebe uma carta de personagem, podendo ser minerador ou sabotador, mas ninguém ficará sabendo quem é quem.

O objetivo dos mineradores é conseguir cavar caminhos pela mina até encontrar o lendário tesouro. Caso consigam, todos os mineradores receberão uma parte do tesouro no final de cada turno do jogo.

Os sabotadores devem impedir de todas as maneiras que os mineradores cheguem ao seu objetivo. Caso consigam, todos os sabotadores recebem uma parte do tesouro no final do turno.

Os membros de cada equipe devem ajudar-se para alcançar seus objetivos, mesmo que não saiba quem está do com o sabotador e quem está com o minerador.

Fim do Jogo

Vence o jogador que tiver mais pepitas de ouro em cartas no final de 3 rodadas.

Carta de pepita

Como jogar

Em cada rodada do jogo a peça inicial é colocada para iniciar o caminho. 3 cartas de de caminho com ouro (somente uma das 3 possui o ouro) são embaralhadas e colocadas na mesa viradas para baixo, com uma distância de 7 cartas da carta inicial.

São distribuídas as cartas de personagens para os jogadores (minerador ou sabotador).

As cartas de caminho e ações são embaralhadas e distribuídas para os jogadores de acordo com as seguintes regras:

• 3 a 5 jogadores: 6 cartas.
• 6 a 7 jogadores: 5 cartas.
• 8 a 10 jogadores: 4 cartas.
• As cartas que sobrarem devem ser colocadas na mesa viradas para baixo.

Cartas de pepita de ouro são guardadas para ser usadas no final de cada rodada.

Na vez de cada jogador ele poderá usar 2 tipos de cartas ou descartar uma carta, comprar outra e passar a vez.

1.    Carta de caminho

• Só pode usar esta carta se o carrinho de mineiro não estiver quebrado.
• As cartas devem ser colocadas na vertical e encaixar com as cartas à sua volta para formar um caminho.
  

2.    Carta de Acao

• Mapa: o jogador que usar pode ver uma das 3 cartas de ouro que estão viradas para baixo, sem mostrar para os outros.
  
  
• Desmoronamento: usadas para destruir uma carta de caminho que já está sobre a mesa, impedindo-o de continuar o caminho para frente até que um jogador coloque outra carta em seu lugar.
  
  
• Ataque: estraga o atributo do personagem, que encontra-se dentro do ícone em vermelho da carta.
  
  
• Conserto: pode ser usadas em si mesmo ou nos outros jogadores, consertando o ícone em verde do carrinho que estiver estragado.
  
  
  

Caso um jogador esteja com alguma parte do seu carrinho estragado, só poderá usar cartas de ação até que ele mesmo se conserte ou outro jogador decida consertar ele.

Ao final do uso de cada carta (ou descarte), o jogador deve comprar outra carta e passar a vez para o próximo.

Fim da Rodada

- Vitória dos mineiros

Quando um caminho, desde a carta inicial, chegar na carta de ouro virada para baixo e nesta carta tenha uma pepita de ouro. Caso não tenha, o jogo continua.

Caso encontre a pepita de ouro, os mineradores vencem a rodada e as cartas de personagens são reveladas.

São separados os números de cartas de pepita de ouro com 1 número a mais que o de mineiros no jogo. Por exemplo, 7 mineiros ganharam, então são 8 cartas de pepitas separadas.
Á partir do jogador que colocar a última carta que fechar o caminho, ele escolherá uma das pepitas e passará as outras para os outros mineiros. No final da escolha, este jogador ficará com 2 cartas e os outros com 1.

- Vitoria dos sabotadores

Quando todas as cartas de ações e caminhos acabarem, tanto da mesa para compra como da mão dos jogadores, sem ter completado o caminho para o ouro.

Cada um recebe o número de pepitas de acordo com o de sabotadores:

1. Um sabotador no jogo, ele recebe uma carta de pepita no valor de 4 ouros.
2. Dois a três sabotadores, cada um recebe uma carta de pepita no valor de 3 ouros.
3. Quatro sabotadores, cada um recebe uma carta de pepita no valor de 2 ouros.

No final da 3 rodada é contabilizado quantas pepitas de ouro cada jogador tem. Vence quem tiver mais pepitas.

Avaliação

Sabouteur é um jogo de cartas onde as pessoas precisam se ajudar por um objetivo em comum, mas ao mesmo tempo elas não têm total certeza de quem está do seu lado e quem não está.

Dependendo dos jogadores, podem ocorrer vários blefes, pessoas prejudicando seus próprios parceiros e beneficiando o inimigo ou muitas vezes ajudando um inimigo sem saber, o que torna o jogo ainda mais divertido e enigmático.

Outro ponto positivo é que o jogo só termina depois de 3 rodadas, então em cada rodada o jogador pode ser outro personagem e não somente um personagem durante o jogo inteiro, tornando mais difícil de outros jogadores descobrirem o que cada jogador é.

Além de ser um jogo rápido em comparação a outros jogos de estratégia, Sabouteur realmente é um jogo muito divertido.

Sinopse

O ambiente do jogo se passa na Ilha de Tobago, onde cada jogador é um caçador que está atrás dos tesouros. Para encontrar os tesouros, os jogadores devem combinar suas pistas (cartas) para reduzir os lugares onde possam encontrá-los.

Fim do Jogo

Quando acabar todos os tesouros, ganha o jogador que consegui a maior soma de tesouros.

Como jogar

Juntar as 3 partes do tabuleiro (existem 32 maneiras diferentes de encaixá-lo).

Após isto, os jogadores distribuem aleatoriamente, entre as casas do tabuleiro, as peças de palmeiras, cabanas e estátuas. As peças iguais devem ter pelo menos 4 casas de distância entre elas.

Cada jogador coloca o seu jipe em uma posição do tabuleiro e compra uma carta de pista, tendo que colocá-la em um dos 4 tesouros disponíveis. Em cima de sua carta de pista, deve ser colocada uma moeda com sua cor.

Cada jogador recebe 4 cartas de pista (no caso de 2 jogadores, receber 6 cartas). As restantes são colocadas em um monte no tabuleiro. No tabuleiro são amontoadas as cartas de tesouros e amuletos.

Com isso inicia-se o jogo. Dentro do turno de cada jogador ele pode escolher entre 2 ações:

1. Usar uma carta de pista em um dos tesouros:
   
   • Comprar outra carta do monte após usar a carta de pista.
   • Ao colocar uma carta de pista, os cubos dos tesouros devem ficar em cima de cada casa aonde exista possibilidade de haver um tesouro. Caso não haja cubos suficientes, deve-se esperar outra carta para colocá-los.
   • Colocar uma moeda com sua cor em cima.
   • A carta não pode contrariar outra pista que esteja no tesouro.
   • Deve-se reduzir pelo menos uma posição de onde o tesouro se encontra.
   • Ao reduzir um tesouro, deve-se retirar os cubos das casas onde não possa existir tesouros.
   • Não pode-se reduzir todas as possibilidades do tesouro, pelo menos 1 deve permanecer.
     
2. Mover o jipe
   • O jogador pode mover 3 vezes o jipe, desde que siga as seguintes regras:
   1. Dentro do mesmo terreno o jogador pode mover para qualquer lugar, contando somente 1 movimento.
   2. Passando para outro terreno o jogador só pode andar uma casa.
   • Não é obrigatório fazer os 3 movimentos. Caso o jogador consiga recolher o tesouro ou amuleto com menos movimentos, o restante será perdido e o turno do jogador encerra.

O jogador só pode recolher um tesouro com o jipe quando existir somente uma possibilidade de onde este tesouro possa estar.

Para recolher um amuleto, basta parar com o jipe em cima.

Tesouro

Quando a combinação de cartas de pistas definirem somente um local, sendo este exatamente onde se encontra o tesouro, os jogadores devem correr para pegá-lo.

Sempre que um jogador recolher o tesouro ele deverá colocar uma moeda da sua cor no final da pilha de pistas.

É distribuída uma carta de tesouro para cada moeda de cor que pertencer aos jogadores. As pistas retornam para o monte no tabuleiro.

Após cada jogador conferir as cartas de tesouros, elas são embaralhadas pelo jogador que coletou o tesouro com o jipe.

Em seguida é oferecido o tesouro para os jogadores, seguindo a seqüência das moedas de cores, da última colocada para a primeira.

O jogador pode aceitar aquele tesouro ou passar a vez, caso tenha alguma outra moeda de cor no monte de pistas. Se aceitar o tesouro, a moeda de cor da vez é retirada e vai para a próxima até acabar os tesouros que estão na mão do jogador que coletou o tesouro.

Caso apareça uma carta de maldição para que um jogador escolha se deseja a carta ou não, todos os jogadores restantes a receber os tesouros deverão entregar seu maior tesouro e os tesouros restantes a serem distribuídos são perdidos.
A única maneira de não sofrer a penalização da maldição é usar um amuleto.

Amuletos

São peças colocadas no tabuleiro sempre após um tesouro ser coletado. A posição no tabuleiro onde o amuleto deverá ser colocado é na última casa, encostada no mar, de frente para cada estátua.
Benefícios dos amuletos se usado:

1. Evita maldição.

2. Jogador pode jogar novamente, usando carta de pista ou movimentando seu jipe.

3. Retirar um dos cubos do tabuleiro onde indicar que existe tesouro no local.

4. Trocar todas as cartas de pista da mão por outras novas.

Avaliação

Pode parecer um jogo complexo, com muitas regras a serem seguidas, mas com o andamento do jogo, todas essas regras acabam tornando-se lógicas e são pensadas sem muito esforço.

Um dos pontos mais importantes é a garantia de diversão e inovação do jogo, pois independente do número de vezes que for jogado, ele sempre será diferente de uma partida para outra, pois todo o andamento do jogo é montado pelos usuários, não existem locais fixos para tesouros, tudo depende das pistas que são implantadas durante o jogo pelos jogadores, posições das peças de referência e posições dos jipes.

É um excelente jogo, muito divertido e que no fim de cada partida, não dá vontade de parar.

Para arrumar este problema, utilizamos este comando uma vez no início do código:

$.noConflict();

Apartir deste momento, qualquer comando da jQuery, trocamos $ por jQuery. Por exemplo:

$.noConflict();

function init()
{
   jQuery('input').val();
   jQuery('#id').html();
}

jQuery(document).ready(init);

Com isso terminam os conflitos que poderiam acontecer por causa do $ da jQuery.

Existe uma função criada pelo Binny em 2005, ela me ajuda ja faz bastante tempo e decidi manter um exemplo nela no blog, segue função abaixo:

function dump(arr,level) {
   var dumped_text = "";
   if(!level) level = 0;

   //The padding given at the beginning of the line.
   var level_padding = "";
   for(var j = 0;j < level+1;j++)
     level_padding += "    ";

   if(typeof(arr) == 'object') //Array/Hashes/Objects
   {
     for(var item in arr)
     {
        var value = arr[item];

        if(typeof(value) == 'object') //If it is an array,
        {
           dumped_text += level_padding + "'" + item + "' ...\n";
           dumped_text += dump(value,level+1);
        }
        else
        {
           dumped_text += level_padding + "'" + item + "' => \"" + value + "\"\n";
        }
     }
   }
   else //Stings/Chars/Numbers etc.
   {
     dumped_text = "===>"+arr+"<===("+typeof(arr)+")";
   }
   return dumped_text;
}

Exemplo usando a função dump() acima.

var meuArray = new Array('1', '12', '123');
var objetos = {
		'Nome' : 'Ronie Neubauer',
		'Blog' : 'ronieneubauer.com',
		'Valores' : meuArray
};

alert(dump(objetos));

Conteúdo do alert

'Nome' => "Ronie Neubauer"
'Blog' => "ronieneubauer.com"
'Valores' ...
        '0' => "1"
        '1' => "12"
        '2' => "123"

DOWNLOAD DO EXEMPLO ACIMA

É isso, quem quizer ler o post original de quem criou esta função clique no link abaixo:
LINK FUNÇÃO ORIGINAL

A ideia é explicar o ActionScript 3, vou explicar a parte do botão do flash por cima e o As3 será explicado por comentários no código.

DOWNLOAD EXEMPLO CS4

DOWNLOAD EXEMPLO CS5

PASSO A PASSO

Primeiramente criamos um novo arquivo .fla ActionScript 3.
Criamos 2  botões e colocamos os nomes deles de iniciarBt e pausarBt
Criamos 2 Classes Actionscript3 com o nome de Main.as e Tempo.as
Associamos ao flash a Classe Main

CÓDIGO FONTE – EXPLICAÇÃO NOS COMENTÁRIOS

Dentro do arquivo Main.as colocamos o seguinte código:

package
{
import flash.display.Sprite;
import flash.events.MouseEvent;

public class Main extends Sprite
{
// Variavel do tipo da nossa classe Tempo
private var tempo:Tempo;

public function Main()
{
// Carregando classe tempo e passando x e y para a construtora
tempo = new Tempo(65, 20);

// Adicionando texto ao palco
stage.addChild(tempo);

// Escutando botao iniciar, quando clicar chama funcao iniciarTempo
iniciarBt.addEventListener(MouseEvent.CLICK, iniciarTempo);

// Escutando botao pausar, quando clicar chama funcao pausarTempo
pausarBt.addEventListener(MouseEvent.CLICK, pausarTempo);
}

private function iniciarTempo(evento:MouseEvent) :void
{
// Chama dentro da classe Tempo a função iniciar
tempo.iniciar();
}

private function pausarTempo(evento:MouseEvent) :void
{
// Chama dentro da classe Tempo a função pausar
tempo.pausar();
}
}
}

Dentro do arquivo Tempo.as colocamos o seguinte código:

/**
* Arquivo responsavel pelo cronometro do tempo
* @author Ronie Neubauer
*/
package
{
import flash.display.Sprite;
import flash.utils.Timer;
import flash.events.TimerEvent;
import flash.events.MouseEvent;
import flash.text.TextField;
import flash.text.TextFormat;

public class Tempo extends Sprite
{
// Variavel publica do tipo Timer
public var temporizador:Timer;

// Variavel aonde vamos guardar quantos segundos passaram
public var segundos:Number = 0;

// Variavel para criacao de texto dinamico
var textButton:TextField = new TextField();

// Variavel de formatacao do nosso texto
var format:TextFormat = new TextFormat();

// Construtora da classe tempo, recebe x e y
public function Tempo(posX:Number, posY:Number)
{
// Configuramos algumas formatacoes como fonte, tamanho e italico
format.font = "Arial";
format.size = 25;
format.italic = true;

// Adicionamos texto inicial, x, y e altura
textButton.text = "00:00";
textButton.x = posX;
textButton.y = posY;
textButton.height = 30;

// Setamos a formatacao no nosso texto
textButton.setTextFormat(format);

// Adicionamos texto inicial ao palco 00:00
addChild(textButton);

// Configuramos para disparar um evento timer a cada 1 segundo
temporizador = new Timer( 1000 );

// Cada evento timer disparado, chama funcao atualizaTempo
temporizador.addEventListener( TimerEvent.TIMER, atualizaTempo );
}

private function atualizaTempo(temp:TimerEvent): void
{
// Somamos 1 segundo
segundos++;

// minuto = inteiro divisao segundos por 60
var min:Number 	= Math.floor(segundos / 60);

// minuto = resto divisao segundos por 60 arredondado
var seg:Number 	= Math.round(segundos % 60);

// Se minuto for menor que 10, adicionamos 0 a frente
var minStr:String = ((min < 10) ? "0" : "") + min.toString();

// Se segundo for menor que 10, adicionamos 0 a frente
var secStr:String = ((seg < 10) ? "0" : "") + seg.toString();

// Juntamos minuto com segundo separados pelo :
textButton.text = minStr + ":" + secStr;

// Aplicamos formatacao no texto
textButton.setTextFormat(format);
}

public function iniciar()
{
// Inicia o disparo do evento do timer
temporizador.start();
}

public function pausar()
{
// Pausa o disparo do evento do timer
temporizador.stop();
}
}
}

REGRESSIVO

Podemos fazer um contador regressivo de uma maneira muito fácil usando o que ja temos, basta somente no arquivo Tempo.as na linha 20 colocar quantos segundos desejamos iniciar (Ex: 300 = 5 minutos) e na linha 58 trocamos segundos++ por segundos– . Após isso só verificar quando segundo = 0 e pausar.

Espero que ajude, qualquer dúvida no código ou sugestão só me enviar um comentário que responderei o mais rapido possível.
Lembrando que coloquei no inicio do post todos os arquivos no formato Flash cs4 e cs5 para download.

Valews.

ACESSE O SITE OFICIAL DO JOGO

Tivemos 40 horas para desenvolver o jogo, iniciamos o desenvolvimento com C++ e SDL, infelizmente com problemas que tivemos com a Box2D na noite de sabado, refizemos o jogo inteiro em Java usando Box2d.

Download: http://globalgamejam.org/2011/extinction-nerds

MECANICA

A mecanica do jogo é simples. Você pode escolher entre 2 mulheres com o botão 1 e 2, (1 para mais magra | 2 para mais pesada), assim que escolher você regula o angulo para cima e para baixo com as teclas up and down do teclado, após isso você controla a força para arremessa-la. O objetivo é acertar o nerds com a mulher, para poder socializar novamente e talvez futuramente aumentar a natalidade que está em baixa.

Pedimos que antes de criticar alguma coisa sobre o jogo, entenda que é somente um jogo, isto não é vida real, matar tartarugas não é politicamente correto e o mário é um dos jogos mais famosos e amados de todos os tempos. Segue abaixo a história do jogo.

HISTÓRIA – Extinction of Nerds (EON)

Com os avanços da tecnologia, muitos jovens davam mais importância a ele e deixou algumas coisas essenciais para a sobrevivência da humanidade, a taxa de natalidade caiu
abruptamente a humanidade caminha para a extinção, em seguida, após uma reunião entre os super importantes líderes mundiais, decidiram tomar uma decisão séria:
“Extinguir os NERDS da face da terra”, mas uma maneira não convencional, mas tentando fazer com que eles se lembram de sua instinto natural, ou seja, a arte do acasalamento.

Para isso, seus quartos seriam invadidos por mulheres jovens, o maior problema é que alguns nerds gostam de isolamento total e descobriram que isso poderia acontecer através de divulgou a informação na internet (especialmente pelas redes sociais), com isso colocaram armadilhas em seus quartos.

Está sendo feito um concurso para ver quem vai ser o melhor na corrida para Extinguir os NERDS do mundo. Você será capaz de ser responsável pela continuidade da raça humana?

Estamos com projeto para refaze-lo e lançar para Iphone, Android, Desktop e Web.

Obrigado a todos e aguardem novidades das próximas versões.

cache | headers | expires

Após liberado estes 3 módulos vamos aos comandos no .htaccess.

Colocando o cache para todos os arquivos, 86400 = 1 dia em segundos

ExpiresActive On
ExpiresDefault A86400

Caso no meio de todos esses arquivos eu precisar que uma imagem ou alguns arquivos não tenham cache?

<Files arquivo.jpg>
ExpiresActive Off
Header set Cache-Control "private, no-cache, no-store, proxy-revalidate, no-transform"
Header set Pragma "no-cache"
</Files>

Com isso o arquivo.jpg ficará sem cache, somente ele, todo o resto da página ficará com cache de 1 dia.

Tá, e se eu quizer excluir o cache em mais de 1 arquivo?

Troco

<Files arquivo.jpg>

Por

<FilesMatch ".(jpg|jpeg|png|gif|swf)$">

Ao invéz de usar somente Files arquivo.jpg, troca-se por uma lista de extensões de arquivos onde tira-se o cache FilesMatch “.(jpg|jpeg|png|gif|swf)$”.

É isso, qualquer dúvida é só comentar que assim que puder eu respondo.

Valew.

Você que usa skype, principalmente inicializado com o windows, com certeza terá este problema, pois o Skype usa a porta 80 para chamadas recebidas e acaba ocupando ela, quando o apache for iniciar ele tenta usar a porta 80 mas ela ja está ocupada e assim não inicia o apache.

Temos duas formas de resolver este problema:
1 – Finalizar o Skype, iniciar o apache do xampp ou wamp e após isso abrir o skype.
O skype vai usar a porta 443 se a 80 estiver ocupada com isso você consegue deixar os 2 funcioando.

Uma maneira mais fácil é desmarcar uma opção dentro do skype.
2 – Ferramentas >> Opções >> Avançado >> Conexão
Desmarcar a opção
Usar porta 80 e 443.
Salva, finaliza o skype e abre novamente, depois disso todas as vezes ele irá funcionar junto com o xampp e wamp.

É isso, algumas coisas são simples mas nos dão muitos problemas até encontra-las hehe.

Vlws.

Como podemos fazer isto?

Simples, trocamos o arquivo .css pela jQuery sem atualizar a página e gravamos o arquivo escolhido pelo usuário no cookie. Assim, toda vez que entrar no site, será exibido o layout escolhido por ele.

PÁGINA DE EXEMPLO DA TROCA DE CSS

Arquivo HTML

Abaixo um arquivo html de exemplo para trocarmos o layout de nossa pagina

<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
  <head>
    <title>Alterar Layout página com css e jQuery</title>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/default.js"></script>
    <link rel='stylesheet' type='text/css' href='css/style1.css' media='screen' />
  </head>
  <body>
    <div id="general">
      <div id="menu">
				<ol>
					<li><a href="#" class="switchCss" rel="style1.css">Css 1</a></li>
					<li><a href="#" class="switchCss" rel="style2.css">Css 2</a></li>
					<li><a href="#" class="switchCss" rel="style3.css">Css 3</a></li>
				</ol>
			</div>

			<div id="middle">
				<p>
               		Alterando layouts e estilos da página usando CSS e jQuery.
            	</p>
			</div>

			<div id="footer">
				<p>Developed by <a target="_blank" href="http://www.ronieneubauer.com/blog/">Ronie Neubauer</a></p>
			</div>
        </div>
    </body>
</html>

HTML explicado:

Neste arquivo HTML foi adicionado 3 arquivos em javascript:

• Jquery
• Jquery.Cookie – Plugin para gravar no cookie usando jQuery
• default.js – Arquivo contendo nosso código de configuração

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/default.js"></script>

Além dos arquivos “js”, adicionamos um arquivo inicial de estilo, chamado style1.css

<link rel='stylesheet' type='text/css' href='css/style1.css' media='screen' />

No html, colocamos uma lista ordenada (ol) contendo 3 links. Ao clicar em cada link, o layout da página será alterado, através da troca de arquivos .css.

<ol>
   <li><a href="#" class="switchCss" rel="style1.css">Css 1</a></li>
   <li><a href="#" class="switchCss" rel="style2.css">Css 2</a></li>
   <li><a href="#" class="switchCss" rel="style3.css">Css 3</a></li>
</ol>

Repare que cada link possui um parâmetro REL. Nele, colocaremos o respectivo nome de arquivo de estilo (.css) que desejamos modificar na página. Todos eles possuem a classe switchCss que iremos usar no default.js

Vamos ao nosso arquivo default.js

function init()
{
   if($.cookie('css')) {
      $('link[rel=stylesheet]').attr('href', 'css/' + $.cookie('css'));
   }

   $('.switchCss').click(function() {
      $('link[rel=stylesheet]').attr('href' , 'css/' + $(this).attr('rel'));
      $.cookie('css',$(this).attr('rel'), {expires: 7, path: '/'});
      return false;
   });
}

// Quando a pagina estiver carregada chama a funcao init.
$(document).ready(init);

Função init explicada:

Linha 03 Verifica se já existe o nome de algum css no cookie.
Linha 04 Caso exista, iniciamos o html com o arquivo de estilo do cookie escolhido inicialmente pelo usuário
Linha 07 Escuta o click em qualquer um dos links que contenha o nome dos css a serem trocados. Mapeamos eles pela classe switchCss do HTML.

- Caso o link seja clicado para alterar o arquivo .css:
Linha 08 Troca o css da página pelo nome do css que está dentro da tag REL do link clicado.
OBS: antes do conteudo da tag REL, coloquei ‘css/’ + pois meu arquivo css está dentro da pasta chamada css.
Linha 09 Grava nome do css no cookie. Configura para expirar em 7 dias. Utilizamos “/” para que funcione em todas as páginas.
Linha 10 Retornamos false para desabilitar o click do link, evitando assim que o “#” apareça na URL da página.

ARQUIVO COMPLETO DO EXEMPLO PARA DOWNLOAD.