Random posts

Zecks's picture

Mozart Go Intranet III: Hell no Nazo

mozart3.png
Game File: 

while i was making this my mood kept constantly jumping between everything being fucking hilarious or depressing

i hope this one's good

Made For: 
An event
atuun's picture

[[]]-->(())

seadiver.gif
Game File: 

Use the arrow keys to move.

(music by skuter and marsmellow.)

Made For: 
Pirate Kart 2
TheCube's picture

Game Maker Studio Standard Edition is currently free (as of 11/25/13)

So here's the deal. If you download the free version of Game Maker RIGHT NOW, and choose to have Beta access when prompted, you'll be able to get the standard edition for free. It'll ask you what version you want to use, and you click Standard and put in your email address. They'll email you a license....yay! I'd been holding out on upgrading because I am the cheapest person alive, but I got it for free so that's nice. $50 saved.

Here's the original link with a little more detail in the directions: http://www.ozbargain.com.au/node/124196

And here's where you can download game maker studio: http://www.yoyogames.com/studio/download

Merry, uh, Thankmasween eve

Twine: apply CSS to individual characters

Update: The Javascript on this page is now built into Twine 1.4! It is no longer necessary to install it.

This script causes every single character in passages to be wrapped in a <span class="char"> element. This enables a number of mildly interesting CSS effects.

Obsolete script removed: use Twine 1.4

These characters have the class of "char", and also a class equal to themselves ("a" for the letter "a", "2" for "2", etc.) It's recommended that you use the :nth-child pseudo-class to select them. Some potential CSS effects that can be performed include the following (examples only):

Horizontally spin characters on mouseover:
(works best with large text)

.char:not(.space):hover {
  transform: rotateY(1440deg);
  -webkit-transform: rotateY(1440deg);
}
.char:not(.space) {
  display: inline-block;
  transition: transform 2s ease-out;
  -webkit-transition: -webkit-transform 2s ease-out;
}

Wavy text:

 .char{ position:relative; }
.char:nth-child(8n) { top:0px; }
.char:nth-child(8n+1) { top:-1px; }
.char:nth-child(8n+2) { top:-1.5px; }
.char:nth-child(8n+3) { top:-1px; }
.char:nth-child(8n+4) { top:-0px; }
.char:nth-child(8n+5) { top: 1px; }
.char:nth-child(8n+6) { top: 1.5px; }
.char:nth-child(8n+7) { top: 1px; }

Animated wavy text:

.passage {
  font-size: 3em;
}
.char { 
  position:relative;
}
.char:nth-child(8n) { 
  animation: wavetext 4s 0s infinite;
  -webkit-animation: wavetext 4s 0s infinite;
}
.char:nth-child(8n+1) { 
  animation: wavetext 4s -0.5s infinite;
  -webkit-animation: wavetext 4s -0.5s infinite;
}
.char:nth-child(8n+2) { 
  animation: wavetext 4s -1s infinite;
  -webkit-animation: wavetext 4s -1s infinite;
}
.char:nth-child(8n+3) { 
  animation: wavetext 4s -1.5s infinite;
  -webkit-animation: wavetext 4s -1.5s infinite;
}
.char:nth-child(8n+4) { 
  animation: wavetext 4s -2s infinite;
  -webkit-animation: wavetext 4s -2s infinite;
}
.char:nth-child(8n+5) { 
  animation: wavetext 4s -2.5s infinite;
  -webkit-animation: wavetext 4s -2.5s infinite;
}
.char:nth-child(8n+6) { 
  animation: wavetext 4s -3s infinite;
  -webkit-animation: wavetext 4s -3s infinite;
}
.char:nth-child(8n+7) { 
  animation: wavetext 4s -3.5s infinite;
  -webkit-animation: wavetext 4s -3.5s infinite;
}
@keyframes wavetext {
  0%, 100% { top: 0em; } 50% { top: 0.5em; }
}
@-webkit-keyframes wavetext {
  0%, 100% { top: 0em; } 50% { top: 0.5em; }
}

Rapid rainbow text:

.char:nth-child(8n) { color:hsl(45,100%,75%); }
.char:nth-child(8n+1) {color:hsl(90,100%,75%); }
.char:nth-child(8n+2) {color:hsl(135,100%,75%); }
.char:nth-child(8n+3) {color:hsl(180,100%,75%); }
.char:nth-child(8n+4) {color:hsl(225,100%,75%); }
.char:nth-child(8n+5) {color:hsl(270,100%,75%); }
.char:nth-child(8n+6) {color:hsl(315,100%,75%); }
.char:nth-child(8n+7) {color:hsl(0,100%,75%); }

Illuminate letters on mouseover

.char { 
  transition: all 5s; -webkit-transition: all 5s;
  opacity: 0.4;
}
.char:hover {
  transition: all 0.1s; -webkit-transition: all 0.1s;
  opacity:1;
  text-shadow: 0 0 1em white;
}

Erase text on mouseover

.char { 
  transition: opacity 999s step-end; -webkit-transition: opacity 999s step-end;
}
.char:hover {
  opacity:0;
  transition: opacity 1ms; -webkit-transition: opacity 1ms;
}

Remove all the T's in the passage text:
.char.t {
  display:none;
}

Change "u" to "U":

.char.u {
  visibility:hidden;
}
.char.u::before {
  content: "U";
  position:absolute;
  visibility:visible;
}

These are to be considered basic examples - prompts for more practical uses.

This code also enables some particularly interesting Javascript visual effects to be performed, which I shall explore in a future blog post.

Feel free to report any bugs to @webbedspace.

AttachmentSize
Myriad-lighttouch.html100.42 KB
TwineCSS-colourwave.html101.5 KB
Myriad-wavytext.html101.33 KB
Myriad-crumbletext.html103.48 KB
Zecks's picture

Stack The Cups: Cupstackers in China

cupstack.png
Game File: 

it's not apparent from this game

but i'm in a really bad trainwreckmood right now

i hope i can do something else

Made For: 
An event
SpindleyQ's picture

Serenade: A Klik & Play Love Poem

I made my wife a Klik & Play Valentine on the bus yesterday. It's like Rod Humble's The Marriage, only the marriage depicted doesn't suck, and there's helicopters. Thought you guys might appreciate it.

AttachmentSize
Serenade.zip214.74 KB
ghettoshamrock's picture

multiple avatar/user icons/what have you

Yeah, sometimes I get tired of seeing my same avatar all the time and it'd be cool to be able to select from different ones. I know it's considered the person's identity but I usually check the name first since I expect changes to happen in a flash. More ugg. If we had multiples at the very least when we accidently double post we could change one of them to be different or something. It would make things more deep and mysterious. Umm, thank you for considering or not considering. b!

mno's picture

Scramble The Eggs

scrnshot.png
Game File: 

SCRAMBLE THE EGGS

STORY

This game was based off of a dream I had.

You are FEMALE CONTESTANT #590 and you won a contest letting you enter in the latest game show craze, SCRAMBLE THE EGGS! Hosted by CATALD RONJUGGLER, in this mad dash of a game you have you to run around the kitchen scrambling the scrambled eggs before your eggs get scrambled! If you scramble at least 50 eggs, you'll get the EGG SALAD TROPHY! Good luck!

GAMEPLAY

Move your legs around in any direction using the ARROW KEYS. Any extra information will be noted on the game screen.

SCORING

0-25 A dead monkey could do better than that!
26-40 You can do better, keep it up!
41-49 Close, but not quite a win
50+ You did it! Congratulations

Made For: 
An event
Dattorz's picture

Chip Paths

ChipPath.png
Game File: 

The rules in Chip's Challenge are quite simple, yet with a little creative application you can do interesting things. especially with regards to layering.

This is basically just another one of those "visit every square only once" type games. The set has six levels, the last one being a "boss" level. Also note that the exit square is indeed there - it's just hidden underneath the cosmic chip socket.

Installation: Place the .dat file in your Tile World "data" folder, and the .dac file in "sets".

Made For: 
An event
Syndicate content