Random posts

Guess The Minute

Count.jpg
Game File: 

Guess the minute is a game i made in less than 2 hours.
It has 2 builds 1 for windows and 1 for the Mac OSX.

You start by left clicking on the mouse to start the timer, then you have to guess when 1 minute has gone by and then do a right click to stop the timer.

Guess a min to win.

Author: 
Mark Pollard
Made For: 
An event
Scattle's picture

Coinsweeper

screenshot100.png
Game File: 

Z jumps, Arrow keys move. I think it's more fun if you figure it out yourself

Made For: 
Pirate Kart 2
tininsteelian's picture

Definitely Not Memeathon: The Game

memeathon256.png

Build a house to protect RagingCherry! Rotate the wood with the arrow keys, and spawn in a new piece with the space bar.

Made for Definitely Not Memeathon and 1HGJ #268: Home

Made For: 
An event
gisbrecht's picture

Nesso and the Big Blue Sea

1383 game.png

Originally released in 2014.

-----------------------------
Hello! Welcome to my game!

Instructions
------------
WASD/Arrow keys - Move around
Mouse - Look around
------------

Content warnings
------------
There is a lot of ocean in this game and you can fall off the edge in the Video Game Void so please be careful!
------------

Thank you's and Credits
------------
Thanks to Tentabropy for code help and constant support!
Thanks to Lilith for creating "Oneiric Gardens", especially the part with the surfboard.
Thanks to Lego Island for making me think about beautiful little 3d worlds.
Thanks to Joiro Hatagaya for creating the 8bit-wonder font!
Thanks to Parade of Sinners for making the song "Oh, What A World!" that is featured in this game.
------------

Contact
------------
http://coolart1899.tumblr.com/
http://seinfeldfan1998.deviantart.com/
------------

There is a secret in the game, can you find it?

Author: 
Marie Gevaudan
Made For: 
An event

Packers And Movers Chennai | All Over India Shifting | Locals

Tue, Feb 23 2016 09:37 PM
02/23/2016 - 21:37
Etc/GMT-7

Local Packers And Movers Chennai promise for the simple change not including you in any procedure aside from allowing authorizations for the same. Yes, in today's era Packers And Movers Chennai have to resettle one or more times whether looking for work or for better environment and commonly are moved by the organizations for their simplicity. But these individuals like to move for the better instruction of their youngsters. In the event that we check the purposes behind moving then there will be an extensive run-down for migration of individuals yet we are not worried for their motivation to move. What Local Packers And Movers Chennai are concerned is for their cool and revived migration. A movement which would be later known by the name of one of most "Happiest Excursion" not for a rushed migration. Also, that may be finished with our assistance. Packers And Movers in Chennai are not compelling to contract and contract us just.
Packers And Movers Chennai


Games made for Packers And Movers Chennai | All Over India Shifting | Locals

Twine macro: << timedreplace >>, << timedinsert >>, << timedremove >>, << timedcontinue >>

Similar to my <<replace>> macro, this code causes the passage text in between the <<timedreplace>> and <<becomes>> tags to be replaced with what is between those and the <<endtimedreplace>> tag, after a certain amount of time has elapsed.

Variants
* <<timedinsert>> causes its text to be inserted into the page. It doesn't need a <<becomes>> tag to function.
* <<timedremove>> works in a matching fashion, removing its contained text after the time elapses.
* <<timedcontinue>> is similar to <<timedinsert>> but does not require a final <<endtimedcontinue>> - instead, it causes all subsequent text in the passage to appear.
Gains
You can also substitute the <<becomes>> tag with <<gains>> to cause the next run of text to appear at the end of the previous run, without replacing it.
Chains
If you put multiple <<becomes>> or <<gains>> tags in, the macro will make them appear as well after the same amount of time passes.

Install my <<Replace>> Macro Set to use these macros.

This takes CSS time values, which are decimal numbers ending in "s" (for seconds) or "ms" (for milliseconds).

Usage examples:
* <<timedreplace 2s >>You see nothing. <<becomes>>After 2 seconds, you still see nothing.<<endtimedreplace>>
* <<timedreplace 2s >>You see <<gains>>a dog, <<gains>>a walrus, <<gains>>and a civet.<<endtimedreplace>>
* You search. <<timedinsert 1s>>You find nothing.<<endtimedinsert>>.
* <<timedremove 2.5s >>Something is disappearing... <<endtimedremove>>
* Look <<timedcontinue 3s>>A bird just few by...

Example program.

Implementation details:

* If inserted text appears and descends below the bottom of the screen, the page should automatically scroll down to make it visible.
* Note: due to the way the browser and Twine interact, any changes made by code inside a <<timedreplace>> tag will be forgotten if you use the Back or Forward browser buttons, unless you use this script.

Version history:
* 16/06/2013 - Updated regarding Combined Replace Macro Set.
* 26/04/2013 - Added timedcontinue.
* 05/04/2013 - Added timedinsert and timedremove, as well as downward scrolling.
* 07/03/2013 - Made the transition CSS-based.
* 01/02/2013 - Initial.
Feel free to report any bugs to @webbedspace.

AttachmentSize
TwineMacro-TimedReplaceTest.html37.82 KB
TwineMacros-TimedReplace-2.3.0.txt3.97 KB
wendywildshape's picture

stoic

itch.png
Game File (Linux): 
Game File (Mac): 
Game File: 

EXPLORE THE MAZE

AVOID THE MONSTER

STOIC

Author: 
Wendy Wildshape
Made For: 
An event

A breakdown of the CSS in my Twine game Capri Toot

This is the inline CSS I used in my Twine game, Capri Toot. Of course, I had to write some other CSS for my special horizontal hacked variant of Jonah, but this below is where almost all of the visual style of Capri Toot comes from.
----------------
#passages {
background-color: #000;
overflow:hidden;
}

----------------
"overflow: hidden" hides the horizontal scrollbar in the passages DIV, which is useful because backtracking isn't possible in Capri Toot.
----------------

@keyframes borderkeyframe
{
0% {box-shadow: 0 0 2.5em 2.5em }
50% {box-shadow: 0 0 0.5em 0.5em }
100% {box-shadow: 0 0 2.5em 2.5em }
}

@-moz-keyframes borderkeyframe
{
0% {box-shadow: 0 0 2.5em 2.5em }

50% {box-shadow: 0 0 0.5em 0.5em }

100% {box-shadow: 0 0 2.5em 2.5em }

}

@-webkit-keyframes borderkeyframe
{
0% {box-shadow: 0 0 2.5em 2.5em }

50% {box-shadow: 0 0 0.5em 0.5em }

100% {box-shadow: 0 0 2.5em 2.5em }

}

@-o-keyframes borderkeyframe
{
0% {box-shadow: 0 0 2.5em 2.5em }

50% {box-shadow: 0 0 0.5em 0.5em }

100% {box-shadow: 0 0 2.5em 2.5em }

}
----------------
CSS Keyframes: These define the animated pulsing glow behind the passages. There are four definitions because each browser has its own syntax (except IE, which doesn't support this). These define some timeline events which the browser tries to smoothly interpolate between. When the animation is 50% complete, the box-shadow is retracted to a size of 0.5em. When the animation starts and finishes, it's at its full size of 2.5em. Defining both a 0% and 100% point ensures that it loops smoothly, if an element uses it as a looping animation.
----------------

.passage:nth-child(8n+7) {
text-shadow: 0 0 0.6em hsl(0,100%,60%);

color: hsl(0,100%,50%);

background-color: hsl(0,100%,5%);

}

.passage:nth-child(8n) {
text-shadow: 0 0 0.6em hsl(45,100%,60%);

color: hsl(45,100%,50%);

background-color: hsl(45,100%,5%);

}

.passage:nth-child(8n+1) {
text-shadow: 0 0 0.6em hsl(90,100%,60%);

color: hsl(90,100%,50%);

background-color: hsl(90,100%,5%);

}

.passage:nth-child(8n+2) {
text-shadow: 0 0 0.6em hsl(135,100%,60%);

color: hsl(135,100%,50%);

background-color: hsl(135,100%,5%);

}

.passage:nth-child(8n+3) {
text-shadow: 0 0 0.6em hsl(180,100%,60%);

color: hsl(180,100%,50%);

background-color: hsl(180,100%,5%);

}

.passage:nth-child(8n+4) {
text-shadow: 0 0 0.6em hsl(225,100%,60%);

color: hsl(225,100%,50%);

background-color: hsl(225,100%,5%);

}

.passage:nth-child(8n+5) {
text-shadow: 0 0 0.6em hsl(270,100%,60%);

color: hsl(270,100%,50%);

background-color: hsl(270,100%,5%);

}

.passage:nth-child(8n+6) {
text-shadow: 0 0 0.6em hsl(315,100%,60%);

color: hsl(315,100%,50%);

background-color: hsl(315,100%,5%);

}

----------------
These are used to colour each of the zone tiers differently. When you click on a link in Jonah (as compared to Sugarcane) a new passage div is added to the end of the #passages div as a new child node. The nth-child() selector allows you to apply specific styles to an element depending on which child it is. nth-child(8n) means that every eighth child should have this style (starting with the first). nth-child(8n+1) means that every eighth child, plus 1 position over, gets this style. So, with these eight definitions, a looping cycle of eight colours is produced. This is kind of overkill for Capri Toot since you can only ever go 8 passages deep, but w/e.

Also, a note: if you don't specify a colour for box-shadow, then it falls back to using the text colour. Hence, we use a colour style here to change the animated shadow's colour without having to set up eight different keyframes (x 4 browsers).
----------------

.passage {
margin-left: 33%;

margin-right: 33%;

min-width: 33%;

margin-top: 3em;

margin-bottom: 3em;

border-radius: 8em;

border-color: white;

border-width: 2px;

box-shadow: 0 0 2.5em 2.5em;

animation: borderkeyframe 3s infinite;

-moz-animation: borderkeyframe 3s infinite;

-webkit-animation: borderkeyframe 3s infinite;

-o-animation: borderkeyframe 3s infinite;

}
----------------
The margin and min-width definitions mean that only one passage is ever visible at one time. The border-radius definition produces the delightful rounded rectangle edges. The animation definitions bind the aforementioned keyframe to this element, give it a speed (3 seconds) and tell it how many times to loop (infinite). Again, 4 definitions because each browser (except IE) has different syntax.
----------------

.passage .body .internalLink {

font-style: italic;

font-size: 1.5em;

color: white;

text-shadow: 0 0 0.6em silver;

}
.passage .body {

color: white;

text-shadow: inherit;

}
.passage .title {

margin-top: 0.2em;

font-style: italic;

font-size: 2em;

color: white;

text-align: center;

}
----------------
Fairly straightforward. Setting .body's text colour to white overrides the previous colour definition for .passage (which as I mentioned is being used for the box shadow).
----------------

.toolbar {

display:none;

}
----------------
This single-handedly hides the Jonah "rewind / bookmark" prompts for each passage. Quite convenient.

atuun's picture

Wasps vs. Demons: A Love Story

ssssss.jpg

You are Toni, a demon of the House Oni, who has fallen in love with the wasp daughter of the House Hymenoptera. Her family does not approve. Convince them of their mistake and take her hand in girlfriendage. A visual novel / turn-based RPG. I got started ahead of time as this was a request.

Completed as a Kickstarter reward, for a donor who gave the theme "Wasps VS Demons! A love story". Thank you for your donation!

Made For: 
An event
Syndicate content