Random posts

SpindleyQ's picture

Klik of the Month Klub #39

Sat, Sep 18 2010 04:00 PM
09/18/2010 - 16:00
09/18/2010 - 18:00
Etc/GMT-7

The Klik of the Month Klub meets right here on this very website on the third Saturday of every month at 4pm Pacific Time (taking daylight savings into consideration) for a two hour Klik & Play Showdown. Everyone who participates gets two hours to create something from scratch in Klik & Play. Abusing the stock objects is encouraged. If you really loathe Klik & Play you can use whatever game development platform you want. Two hours is a pretty tight time limit, though, so choose wisely!

Klik & Play is absolutely free to download, and learning it takes minutes, so everyone can get in on the action.

Want to talk to your fellow Klikwreckers? Join us on IRC -- server irc.freenode.net, channel #glorioustrainwrecks. We've also got a Mumble voice chat server -- just connect to glorioustrainwrecks.com using Mumble and you can talk to us like real human beings! Join the mayhem!

After you've made your game, you should upload it here!

For more information, check out the KotM N00B FAQ.

Sign up below if you want to get reminded by email the day before the klikkening begins!


Games made for Klik of the Month Klub #39

NameCreatedsort iconByScreenshotComments
Iceland vs. Volcano09/20/2010 - 14:55StarspellScreen.png1
Graveyard Graveyard Revolution09/19/2010 - 13:26Terryggr.png2
A Proper Occasion for Ripped Sprites09/18/2010 - 20:58DattorzRippedSprites.png8
Super Hoskins and Leguizamo Brothers09/18/2010 - 19:29ExciteMikescreen.png4
JFooBall09/18/2010 - 18:44disperseScreenShot.png2
The Temple of Terror09/18/2010 - 18:38SirNikoterrorsplash.jpg2
Zombie Pack09/18/2010 - 18:13PurpleChairzombpack.png2
Pretentious09/18/2010 - 18:08Zeckspretent.PNG2
Cucumbersome09/18/2010 - 17:57SpindleyQcuke_ss.png6
EVIL MAZE.09/18/2010 - 17:31Pizza Timeevilmaze.gif1
Let's Typing Some English09/18/2010 - 17:28PerrinLetsTypingSomeEnglishSS.png5
Pirate house09/18/2010 - 16:53easynamejpeg.jpg1
Review a Game: The Movie: The Game09/18/2010 - 12:59qrleonreview_a_game.png8
Calicoland09/18/2010 - 11:26Lcalicoland.png3
vampirkat's picture

still slogging thru the muck

Alas, I'm still couch surfing and job hunting and hating being homeless. I wish I had a car but I don't have a license and this story of woe wouldn't exist.

Around the end of June I managed to get a callback for a job and I took it. It was a sales position for a security company. I went door to door, saying the same spiel over and over and no one wanted to buy. After a month of no sales (and lots of wasted time), I quit. Maybe no one wanted to buy from a woman, or people really don't like getting bothered by a door to door salesperson.

Fuck that shit. I hate working for da man anyway. I got all my gaming tools now and lots of time on my hands and a new place to crash. I've been scouring the job papers but there has been no jobs available in this town. Apparently it's a cosmic joke that I came here, away from the land of opportunity. While in San Francisco, I managed to find housing and a job within 2 weeks and I should have stayed. I got involved with a shady company and had a fall out with the people so now I'm stranded in this podunk place. I would like to get back to California or back home to St. Louis as soon as possible.

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
KristopherWindsor's picture

IOU A Game Maker Game

IOUAGMG.png

An IOU from one lazy developer.

Author: 
Kristopher Windsor
Made For: 
An event
DeceasedCrab's picture

Pop And Music 15 Advensure CS

popn15.PNG
Game File: 

Barring an actual release of Pop'N Music 15 Adventure, I present this clumsy alternative.

Made For: 
An event
mojofltr's picture

CTF2.5 HTML5 Support

Hi!

Tonight I purchased the HTML5 exporter for CTF2.5. Of course, I didn't realize that for the games to work, MIME types had to be set up on the server.

This post is to ask / suggest that support.

The MIME types are:

.cch = application/cch
.cc1 = application/cc1

-mojofltr

Smedis2's picture

To 100: A Game Of 3 Parts: Part 3

thelastgameoftheyear.png
Game File: 

I dunno. I wanted to make this a full game, but instead I decided to make it this instead.

Made For: 
An event
RaveofRavendale's picture

CLICK ME

quit.JPG
Game File: 

Can't beat this doooo do do do, do do, do do CAN'T BEAT THIS

Made For: 
Pirate Kart 2
Smedis2's picture

Breakout Game Jam

Tue, Mar 05 2013 10:45 AM
03/05/2013 - 10:45
03/09/2013 - 10:45
Etc/GMT-7

IN 197WHOGIVESACRAP, BREAKOUT WAS MADE. PEOPLE LIKED IT. THERE WERE 32432432423 CLONES.
SO WHY NOT BRING MORE INTO EXISTENCE?

POST A GAME HERE!


Games made for Breakout Game Jam

Johny L.'s picture

TSMA2 Update #1: All playable characters in one!

TSMA2 Update 1.png

Hello everyone, this is the first update to do in the upcoming game The Super Mozart Adventure 2: The Mankind of Earth.

In this update, i made a test engine which i play all characters which different parameters.

All the playable characters in this game were going to be (in alphabet):

- Bartender (Parameters: Speed: XXXXX | Jump: XXXXX)
- Commander Keen (Parameters: Speed: XXX | Jump: XXX)
- Dragoon of Mystery (Parameters: Speed: XX | Jump: XX)
- Flerppy (Parameters: Speed: XXX | Jump: XXX)
- Mario (Parameters: Speed: XXX | Jump: XXX)
- Mozart (Parameters: Speed: XX | Jump: XXX)
- Palo Penguin (Parameters: Speed: XXXX | Jump: XXX)
- Player 1 (Parameters: Speed: XXX | Jump: XXX)
- Quackers (Parameters: XX | Jump: X)
- Robbiebot (Parameters: Speed: XX | Jump: XXX)
- Skate Dude (Parameters: Speed: XXXXX | Jump: XX)
- Waligie (Parameters: Speed: XX | Jump: XX)

The test engine is not played by everyone, it's the first prototype of the game, it's just a 640x480 level.
The screenshot is in the attachments

The game is named The Super Mozart Adventure 2 Character Demostration, the first prototype of the game.

AttachmentSize
TSMA2CD Screenshot.png37.77 KB
Syndicate content
pensive-mosquitoes