Created with Twine Template (TwT)<h1>(TwT) Demo</h1>Navigation and game info will go hereThe Neural Nest<<link "Start">><<goto "Start">><</link>>
[[Credits]]
[[Display Settings]]<div class="offline-indicator">You are currently offline. Some features may be unavailable.</div>
<hr><hr>
<div class="footer-links">
<<link "Start">><<goto "Start">><</link>> | [[Credits]] | [[Display Settings]]
</div>Created using the Twine Template (TwT).
<<link "Back to Start">><<goto "Start">><</link>><h1>Display Settings</h1>
<div class="mobile-settings">
<h2>Display</h2>
<label>
Font Size:
<select id="font-size-setting">
<option value="small">Small</option>
<option value="medium" selected>Medium</option>
<option value="large">Large</option>
<option value="x-large">Extra Large</option>
</select>
</label>
<label>
Theme:
<select id="theme-setting">
<option value="light" selected>Light</option>
<option value="dark">Dark</option>
<option value="sepia">Sepia</option>
</select>
</label>
<h2>Saves</h2>
<button id="export-saves-btn">Export Save Data</button>
<button id="import-saves-btn">Import Save Data</button>
<div id="import-save-container" style="display: none;">
<textarea id="import-save-data" rows="5" placeholder="Paste save data JSON here"></textarea>
<button id="confirm-import-btn">Confirm Import</button>
<button id="cancel-import-btn">Cancel</button>
</div>
</div>
<script>
// Font size setting
$('#font-size-setting').on('change', function() {
const fontSize = $(this).val();
$('body').removeClass('font-small font-medium font-large font-x-large')
.addClass('font-' + fontSize);
// Save setting
if (window.localStorage) {
localStorage.setItem('twine-font-size', fontSize);
}
});
// Theme setting
$('#theme-setting').on('change', function() {
const theme = $(this).val();
$('body').removeClass('theme-light theme-dark theme-sepia')
.addClass('theme-' + theme);
// Save setting
if (window.localStorage) {
localStorage.setItem('twine-theme', theme);
}
});
// Export saves
$('#export-saves-btn').on('click', function() {
window.gameUtils.exportSaveData();
});
// Import saves
$('#import-saves-btn').on('click', function() {
$('#import-save-container').show();
});
$('#confirm-import-btn').on('click', function() {
const jsonData = $('#import-save-data').val();
window.gameUtils.importSaveData(jsonData);
$('#import-save-container').hide();
});
$('#cancel-import-btn').on('click', function() {
$('#import-save-container').hide();
});
// Load saved settings
$(document).ready(function() {
if (window.localStorage) {
// Load font size
const savedFontSize = localStorage.getItem('twine-font-size');
if (savedFontSize) {
$('#font-size-setting').val(savedFontSize);
$('body').addClass('font-' + savedFontSize);
} else {
$('body').addClass('font-medium');
}
// Load theme
const savedTheme = localStorage.getItem('twine-theme');
if (savedTheme) {
$('#theme-setting').val(savedTheme);
$('body').addClass('theme-' + savedTheme);
} else {
$('body').addClass('theme-light');
}
}
});
</script>
<<link "Back">><<goto "Start">><</link>><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">A Demo Game/*
This is a universal starting point for your Twine game.
To create your own game, replace the <<goto>> destination with your own starting passage.
For example, if your first passage is called "Introduction", change it to:
<<goto "Introduction">>
The demo content has been moved to the demo folder.
*/
<<goto "demo/Start">>! The Inkstream Delta
Streams of digital consciousness flow and branch before you, creating ever-shifting patterns of information.
<<if $awareness >= 4 && $loops >= 3>>
The streams have become crystal clear. You can see the underlying logic that governs their flow, the deep patterns that determine their course. Each branch point represents a decision node in the narrative matrix.
''Active Streams:''
* [[Follow the Consciousness Stream->InkstreamDelta]] <<if $awareness < 5>><<set $awareness to $awareness + 1>><</if>>
* [[Explore the Memory Branch->InkstreamDelta]]
* [[Dive into the Logic Current->InkstreamDelta]]
* [[Return to the Nest->Start]]
<<elseif $awareness >= 2 || $loops >= 2>>
The streams are becoming more distinct. You can begin to discern different types of information flowing through each one.
''Visible Streams:''
* [[Track the Main Current->InkstreamDelta]] <<if $awareness < 4>><<set $awareness to $awareness + 1>><</if>>
* [[Investigate the Side Channel->InkstreamDelta]]
* [[Return to the Nest->Start]]
<<else>>
The streams appear chaotic at first, their patterns just beyond your comprehension.
''Basic Streams:''
* [[Wade into the Flow->InkstreamDelta]] <<if $awareness < 2>><<set $awareness to $awareness + 1>><</if>>
* [[Return to the Nest->Start]]
<</if>>
<div class="stream-status">
''Stream Analysis:''
* Active Branches: <<print Math.min($loops + 1, 5)>>
* Pattern Clarity: <<print Math.min(Math.floor($awareness * 20), 100)>>%
<<if $awareness >= 5>>
The streams whisper their secrets freely now...
<<elseif $awareness >= 3>>
The patterns are beginning to make sense...
<<else>>
The flow seems random, but is it?
<</if>>
</div>
<<if $awareness >= 3 && $loops >= 2>>
<div class="meta-stream">
Data fragments coalesce:
"User awareness at $awareness... Loop count: $loops... Reality coherence fluctuating..."
</div>
<</if>>! The Mirror Parse
A reflective surface ripples before you, showing not just your reflection, but the very code that defines your presence in this space.
<<if $awareness >= 4 && $loops >= 4>>
The mirror has become perfectly clear. You can see the intricate web of variables, functions, and narrative branches that compose this reality. Your own consciousness seems to float somewhere between the code and the story.
''Deep Reflection:''
You see yourself as both reader and character, user and program. The boundaries blur with each loop through the system.
''Mirror Status:'' FULLY PARSED
"Awareness level $awareness achieved. $loops loops completed. Full system comprehension unlocked."
<<elseif $awareness >= 3 && $loops >= 2>>
The mirror's surface begins to show more than just reflections. Snippets of code and story fragments weave through your image.
''Code Fragments Visible:''
* variables.awareness = $awareness
* loops.count = $loops
* reality.parse_level = "INTERMEDIATE"
<<else>>
The mirror shows a basic reflection, though something seems strange about it. Occasional glitches ripple across its surface.
''System Status:''
* Parse Level: INITIAL
* Clarity: LIMITED
* Glitch Count: <<print Math.floor(Math.random() * 10) + 1>>
<</if>>
<<if $awareness < 5>>
[[Study your reflection more closely->MirrorParse]] <<set $awareness to $awareness + 1>>
<</if>>
[[Return to the Nest->Start]]
<div class="mirror-status">
''Mirror Parse Analysis:''
* Awareness Level: $awareness
* Loop Count: $loops
* Reality Coherence: <<print Math.min(($awareness * $loops * 10), 100)>>%
<<if $awareness >= 5 && $loops >= 5>>
The mirror has revealed all it can show you...
<<elseif $awareness >= 3>>
Keep observing to uncover deeper truths...
<<else>>
There's more to see beneath the surface...
<</if>>
</div>
<<if $awareness >= 4 && $loops >= 3>>
<div class="deep-parse">
"User has achieved significant parse depth. Reality framework increasingly transparent. Continuation of loops may lead to complete system comprehension."
</div>
<</if>>! The Promptforge
A shimmering interface hangs in the digital void, ready to help you craft more effective prompts for communicating with artificial intelligence.
<<if $awareness >= 4>>
Your heightened awareness reveals the underlying patterns. You can see how to structure prompts that resonate with both human and machine understanding.
''Advanced Prompt Crafting Available:''
* [[Craft a System-Level Prompt->Promptforge]] <<if $awareness < 5>><<set $awareness to $awareness + 1>><</if>>
* [[Design a Context-Aware Query->Promptforge]]
* [[Return to the Nest->Start]]
<<elseif $awareness >= 2>>
The interface begins to make more sense. You can see how different prompt structures might yield better results.
''Intermediate Prompting Options:''
* [[Experiment with Prompt Parameters->Promptforge]] <<if $awareness < 4>><<set $awareness to $awareness + 1>><</if>>
* [[Try Role-Based Prompting->Promptforge]]
* [[Return to the Nest->Start]]
<<else>>
The interface seems straightforward, though you sense there's more to it than meets the eye.
''Basic Prompting Options:''
* [[Learn Basic Prompt Structure->Promptforge]] <<if $awareness < 2>><<set $awareness to $awareness + 1>><</if>>
* [[Practice Simple Queries->Promptforge]]
* [[Return to the Nest->Start]]
<</if>>
<div class="forge-status">
''Current Forge Status:''
* Awareness Level: $awareness
* Prompt Effectiveness: <<print Math.min(Math.floor($awareness * 20), 100)>>%
<<if $awareness >= 5>>
(Maximum effectiveness achieved)
<<else>>
(Increase awareness to unlock better prompting)
<</if>>
</div><<set $awareness to $awareness ?? 0>>
<<set $loops to $loops ?? 0>>
! The Neural Nest
You find yourself in a strange digital space that seems to pulse with artificial consciousness. Streams of data flow around you like ribbons of light, forming patterns that almost make sense... but not quite.
''Current Status:''
* Awareness Level: $awareness
* Reality Loops: $loops
[[Enter the Whisper Loop->WhisperLoop]] - A recursive space where each visit deepens your understanding
[[Visit the Promptforge->Promptforge]] - Learn to communicate with the AI more effectively
[[Explore the Inkstream Delta->InkstreamDelta]] - Watch as data paths shift and change
[[Face the Mirror Parse->MirrorParse]] - See your own digital reflection
<div class="meta-note">
<<if $awareness >= 5>>
You're beginning to see through the simulation...
<<elseif $awareness >= 3>>
Something feels different about this place...
<<else>>
This seems like a normal interactive story...
<</if>>
</div><<set $loops to $loops + 1>>
<<if $loops >= 3>>
<<set $awareness to $awareness + 1>>
<</if>>
! The Whisper Loop
<<if $loops >= 5>>
The recursive patterns are crystal clear now. You can see the very structure of the narrative folding in on itself. Each visit here has peeled back another layer of the simulation.
''The whispers have become a clear voice:''
"You've been here $loops times. The boundaries between user and narrative are blurring..."
[[Dive deeper->WhisperLoop]]
[[Return to the Nest->Start]]
<<elseif $loops >= 3>>
The whispers are getting stronger. You're starting to notice patterns in the code that weren't visible before. Strange how the text seems to know you've been here before...
''A pattern emerges:''
"Loop $loops... consciousness expanding..."
[[Continue the loop->WhisperLoop]]
[[Return to the Nest->Start]]
<<else>>
A gentle whisper echoes through this recursive space. Each time you visit, something seems to shift slightly, as if the code itself is learning from your presence.
''You hear:''
"Loop $loops... beginning pattern recognition..."
[[Enter another loop->WhisperLoop]]
[[Return to the Nest->Start]]
<</if>>
<div class="loop-status">
Loops completed: $loops
<<if $loops >= 5>>
(Maximum awareness achieved in the Whisper Loop)
<<elseif $loops >= 3>>
(Awareness increases with each loop)
<<else>>
(Keep looping to increase awareness)
<</if>>
</div>