C# Gamedev Wiki - User contributions [en]

Main Page

2024-07-14T21:40:28Z

Winkio: /* Graphics */

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]
**[[View Matrix]]
**[[Projection Matrix]]
**[[World Matrix]]

==Audio==
*[[Sound Effect]]
*[[Background Music]]
*[[Loop (Music)]]

==Files and Databases==
*[[Local Directories]]
*[[Save Files]]
*[[User Settings]]
*[[Config Files]]
*[[Cloud Saves]]

==Physics==
===[[Mechanics]]===
*[[Velocity]]
*[[Acceleration]]
*[[Force]]
*[[Mass]]
*[[Gravity]]
===[[Collision]]===
*[[AABB]]
*[[Separating Axis Theorem]]

==Math==
*[[Differential Equations]]
*[[Matrices]]
**[[Transformation Matrix]]
===[[Statistics]]===
*[[Drop Rate]]

==AI==
*[[Finite State Machine]]
*[[Pathfinding]]
**[[A*]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===[[Networking]]===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

Main Page

2024-07-14T21:40:14Z

Winkio: /* Math */

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]
**[[View Matrix]]
**[[Projection Matrix]]
**[[World Matrix]]
**[[Transform Matrix]]

==Audio==
*[[Sound Effect]]
*[[Background Music]]
*[[Loop (Music)]]

==Files and Databases==
*[[Local Directories]]
*[[Save Files]]
*[[User Settings]]
*[[Config Files]]
*[[Cloud Saves]]

==Physics==
===[[Mechanics]]===
*[[Velocity]]
*[[Acceleration]]
*[[Force]]
*[[Mass]]
*[[Gravity]]
===[[Collision]]===
*[[AABB]]
*[[Separating Axis Theorem]]

==Math==
*[[Differential Equations]]
*[[Matrices]]
**[[Transformation Matrix]]
===[[Statistics]]===
*[[Drop Rate]]

==AI==
*[[Finite State Machine]]
*[[Pathfinding]]
**[[A*]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===[[Networking]]===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

Main Page

2024-07-14T17:57:04Z

Winkio: /* Graphics */

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]
**[[View Matrix]]
**[[Projection Matrix]]
**[[World Matrix]]
**[[Transform Matrix]]

==Audio==
*[[Sound Effect]]
*[[Background Music]]
*[[Loop (Music)]]

==Files and Databases==
*[[Local Directories]]
*[[Save Files]]
*[[User Settings]]
*[[Config Files]]
*[[Cloud Saves]]

==Physics==
===[[Mechanics]]===
*[[Velocity]]
*[[Acceleration]]
*[[Force]]
*[[Mass]]
*[[Gravity]]
===[[Collision]]===
*[[AABB]]
*[[Separating Axis Theorem]]

==Math==
*[[Differential Equations]]
*[[Matrices]]
===[[Statistics]]===
*[[Drop Rate]]

==AI==
*[[Finite State Machine]]
*[[Pathfinding]]
**[[A*]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===[[Networking]]===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

Main Page

2024-07-14T17:56:23Z

Winkio: /* Math */

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]

==Audio==
*[[Sound Effect]]
*[[Background Music]]
*[[Loop (Music)]]

==Files and Databases==
*[[Local Directories]]
*[[Save Files]]
*[[User Settings]]
*[[Config Files]]
*[[Cloud Saves]]

==Physics==
===[[Mechanics]]===
*[[Velocity]]
*[[Acceleration]]
*[[Force]]
*[[Mass]]
*[[Gravity]]
===[[Collision]]===
*[[AABB]]
*[[Separating Axis Theorem]]

==Math==
*[[Differential Equations]]
*[[Matrices]]
===[[Statistics]]===
*[[Drop Rate]]

==AI==
*[[Finite State Machine]]
*[[Pathfinding]]
**[[A*]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===[[Networking]]===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

Main Page

2024-07-14T17:55:40Z

Winkio: /* AI */

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]

==Audio==
*[[Sound Effect]]
*[[Background Music]]
*[[Loop (Music)]]

==Files and Databases==
*[[Local Directories]]
*[[Save Files]]
*[[User Settings]]
*[[Config Files]]
*[[Cloud Saves]]

==Physics==
===[[Mechanics]]===
*[[Velocity]]
*[[Acceleration]]
*[[Force]]
*[[Mass]]
*[[Gravity]]
===[[Collision]]===
*[[AABB]]
*[[Separating Axis Theorem]]

==Math==
*[[Differential Equations]]
===[[Statistics]]===
*[[Drop Rate]]

==AI==
*[[Finite State Machine]]
*[[Pathfinding]]
**[[A*]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===[[Networking]]===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

Main Page

2024-07-14T14:42:50Z

Winkio:

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]

==Audio==
*[[Sound Effect]]
*[[Background Music]]
*[[Loop (Music)]]

==Files and Databases==
*[[Local Directories]]
*[[Save Files]]
*[[User Settings]]
*[[Config Files]]
*[[Cloud Saves]]

==Physics==
===[[Mechanics]]===
*[[Velocity]]
*[[Acceleration]]
*[[Force]]
*[[Mass]]
*[[Gravity]]
===[[Collision]]===
*[[AABB]]
*[[Separating Axis Theorem]]

==Math==
*[[Differential Equations]]
===[[Statistics]]===
*[[Drop Rate]]

==AI==
*[[Finite State Machine]]
*[[Pathfinding]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===[[Networking]]===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

Main Page

2024-07-14T14:40:50Z

Winkio: /* Collision */

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]

==Audio==
*[[Sound Effect]]
*[[Background Music]]
*[[Loop (Music)]]

==Files and Databases==
*[[Local Directories]]
*[[Save Files]]
*[[User Settings]]
*[[Config Files]]
*[[Cloud Saves]]

==Physics==
===[[Mechanics]]===
*[[Velocity]]
*[[Acceleration]]
*[[Force]]
*[[Mass]]
*[[Gravity]]
===[[Collision]]===
*[[AABB]]
*[[Separating Axis Theorem]]

==Math==
*[[Differential Equations]]
===[[Statistics]]===
*[[Drop Rate]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===[[Networking]]===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

Main Page

2024-07-14T14:40:03Z

Winkio:

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]

==Audio==
*[[Sound Effect]]
*[[Background Music]]
*[[Loop (Music)]]

==Files and Databases==
*[[Local Directories]]
*[[Save Files]]
*[[User Settings]]
*[[Config Files]]
*[[Cloud Saves]]

==Physics==
===[[Mechanics]]===
*[[Velocity]]
*[[Acceleration]]
*[[Force]]
*[[Mass]]
*[[Gravity]]
===[[Collision]]===
*[[AABB]]

==Math==
*[[Differential Equations]]
===[[Statistics]]===
*[[Drop Rate]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===[[Networking]]===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

Main Page

2024-07-14T14:36:46Z

Winkio:

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]

==Audio==
*[[Sound Effect]]
*[[Background Music]]
*[[Loop (Music)]]

==Files and Databases==
*[[Local Directories]]
*[[Save Files]]
*[[User Settings]]
*[[Config Files]]
*[[Cloud Saves]]

==Math==
===Statistics===
*[[Drop Rate]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===[[Networking]]===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

Loop (Music)

2024-07-14T14:05:45Z

Winkio:

A [[Loop (Music)|Loop]] is a piece of music that repeats endlessly, often found in games as [[background music]].

==Full File Loop==
In this implementation the music file loops from the start to the end, requiring the file to be trimmed neatly such that the start and end line up exactly. Very few songs are available in a trimmed format like this, so the developer may need to take a song and trim it manually using audio editing software like [https://www.audacityteam.org/ Audacity].

==Partial File Loop==
In this implementation the developer first defines a loop start and loop end within each song, and then has code that runs each frame to perform the looping.
<syntaxhighlight lang="cs">
TimeSpan LoopStart;
TimeSpan LoopEnd;

void UpdateMusicLoop()
{
TimeSpan currentPlaybackPosition = GetPlaybackPosition();
if (currentPlaybackPosition >= LoopEnd)
PlayFrom(LoopStart + currentPlaybackPosition - LoopEnd);
}
</syntaxhighlight>

The advantage of this implementation is that many files do not need to be edited to loop smoothly, the developer simply needs to define the loop start and end correctly. Make sure that the loop start and loop end are both on the same beat of the song.

If using this approach you must not use the end of the file as the loop end, since playback expects to continue slightly past the loop end point before returning to the start of the loop. If your file is already trimmed to the loop end, you may need to use audio editing software like [[Audacity]] to copy the first 1-2s after loop start to the end of the file in order to be safe.

==Intro then Loop==
Sometimes a developer wants to play an intro once before the loop starts. A great example of this is Zelda OoT, where pieces like Kokiri Forest and Gerudo Valley have very recognizable intros.

This can be easily done by playing the song from the intro, and then letting it automatically continue until the loop end at which point it will loop normally.

==Transition between Loops==
Sometimes a developer wants to progress from loop to loop in a file as a player makes progress in a level. A great example of this is Celeste.

This can be easily done by changing loop start and loop end to a different pair of values for a new loop as the player reaches new milestones in a level.

Loop (Music)

2024-07-14T14:05:27Z

Winkio: Created page with "A Loop is a piece of music that repeats endlessly, often found in games as background music. ==Full File Loop== In this implementation the music file loops from the start to the end, requiring the file to be trimmed neatly such that the start and end line up exactly. Very few songs are available in a trimmed format like this, so the developer may need to take a song and trim it manually using audio editing software like [https://www.audacityteam.org/ Audacity]...."

A [[Loop]] is a piece of music that repeats endlessly, often found in games as [[background music]].

==Full File Loop==
In this implementation the music file loops from the start to the end, requiring the file to be trimmed neatly such that the start and end line up exactly. Very few songs are available in a trimmed format like this, so the developer may need to take a song and trim it manually using audio editing software like [https://www.audacityteam.org/ Audacity].

==Partial File Loop==
In this implementation the developer first defines a loop start and loop end within each song, and then has code that runs each frame to perform the looping.
<syntaxhighlight lang="cs">
TimeSpan LoopStart;
TimeSpan LoopEnd;

void UpdateMusicLoop()
{
TimeSpan currentPlaybackPosition = GetPlaybackPosition();
if (currentPlaybackPosition >= LoopEnd)
PlayFrom(LoopStart + currentPlaybackPosition - LoopEnd);
}
</syntaxhighlight>

The advantage of this implementation is that many files do not need to be edited to loop smoothly, the developer simply needs to define the loop start and end correctly. Make sure that the loop start and loop end are both on the same beat of the song.

If using this approach you must not use the end of the file as the loop end, since playback expects to continue slightly past the loop end point before returning to the start of the loop. If your file is already trimmed to the loop end, you may need to use audio editing software like [[Audacity]] to copy the first 1-2s after loop start to the end of the file in order to be safe.

==Intro then Loop==
Sometimes a developer wants to play an intro once before the loop starts. A great example of this is Zelda OoT, where pieces like Kokiri Forest and Gerudo Valley have very recognizable intros.

This can be easily done by playing the song from the intro, and then letting it automatically continue until the loop end at which point it will loop normally.

==Transition between Loops==
Sometimes a developer wants to progress from loop to loop in a file as a player makes progress in a level. A great example of this is Celeste.

This can be easily done by changing loop start and loop end to a different pair of values for a new loop as the player reaches new milestones in a level.

Main Page

2024-07-14T13:40:59Z

Winkio:

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]

==Audio==
*[[Loop (Music)]]

==Files and Databases==
*[[Local Directories]]
*[[Save Files]]
*[[User Settings]]
*[[Config Files]]
*[[Cloud Saves]]

==Math==
===Statistics===
*[[Drop Rate]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===[[Networking]]===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

NAT Traversal

2024-07-13T14:32:01Z

Winkio:

==External Links==
*[https://bford.info/pub/net/p2pnat/ Peer-to-Peer Communication Across Network Address Translators] - Paper by Bryan Ford
*[https://keithjohnston.wordpress.com/2014/02/17/nat-punch-through-for-multiplayer-games/ NAT Punch-through for Multiplayer Games] - Blog post by Keith Johnston

[[Category:Networking]]

Tickrate

2024-07-08T22:01:34Z

Winkio:

[[Tickrate]], also known as '''TPS''', '''Update Rate''', or '''UPS''', is the measure of how many [[tick|ticks]] are simulated in one second of real-world time.

While the term framerate is also commonly used to refer to the rate at which game logic is updated, this wiki uses the term tickrate to refer to game logic instead, and uses [[framerate]] only to refer to rendered frames.

==Common Tickrates==
The most common tick rate for games is 60 hz. Some well-optimized games (usually shooters) are played at either 64 hz or 128 hz, but others are played at 20 hz, 30 hz, or 40 hz.

==High Framerates==
Often games do not run full game logic at higher framerates, and instead maintain a lower tickrate while using [[Game Loop#Frame Interpolation|frame interpolation]] to quickly calculate intermediate frames.

[[Category:Game]]

TrueSkill

2024-06-29T15:59:20Z

Winkio:

[[TrueSkill]] is a [[rating]] system originally developed by Microsoft Research that models each player's skill as a normal distribution with a mean and a variance.

==External Links==
*[https://trueskill.org/ Homepage]
*[https://github.com/sublee/trueskill Github]
*[https://www.moserware.com/assets/computing-your-skill/The%20Math%20Behind%20TrueSkill.pdf Paper]

[[Category:Rating]]

Rating

2024-06-29T15:59:04Z

Winkio:

[[Rating]] systems are a way to determine player skill and create more balanced matches in multiplayer games.

==Implementations==
*[[TrueSkill]] - Estimates each player's skill using a normal distribution with a mean and variance.

[[Category:Rating]]

TrueSkill

2024-06-29T14:34:16Z

Winkio:

[[TrueSkill]] is a [[rating]] system originally developed by Microsoft Research that models each player's skill as a normal distribution with a mean and a variance.

==External Links==
*[https://trueskill.org/ Homepage]
*[https://github.com/sublee/trueskill github]
*[https://www.moserware.com/assets/computing-your-skill/The%20Math%20Behind%20TrueSkill.pdf Paper]

[[Category:Rating]]

Rating

2024-06-29T14:29:31Z

Winkio: Created page with "Rating systems are a way to determine player skill and create more balanced matches in multiplayer games. ==Implementations== *TrueSkill Category:Rating"

[[Rating]] systems are a way to determine player skill and create more balanced matches in multiplayer games.

==Implementations==
*[[TrueSkill]]

[[Category:Rating]]

Main Page

2024-06-29T14:27:01Z

Winkio:

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]

==Files and Databases==
*[[Local Directories]]
*[[Save Files]]
*[[User Settings]]
*[[Config Files]]
*[[Cloud Saves]]

==Math==
===Statistics===
*[[Drop Rate]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===[[Networking]]===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

Networking

2024-06-29T02:25:33Z

Winkio: Created page with " ==External Links== [https://github.com/ThusSpokeNomad/GameNetworkingResources Game Networking Resources] - A curated github page with links to articles, talks, libraries, and tools related to networking. Category:Networking"

==External Links==
[https://github.com/ThusSpokeNomad/GameNetworkingResources Game Networking Resources] - A curated github page with links to articles, talks, libraries, and tools related to networking.

[[Category:Networking]]

Main Page

2024-06-29T02:24:02Z

Winkio:

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]

==Files and Databases==
*[[Local Directories]]
*Save Files
*User Settings
*Config Files
*Cloud Saves

==Math==
===Statistics===
*[[Drop Rate]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===[[Networking]]===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

Category:Networking

2024-06-29T02:23:43Z

Winkio: Created page with "Category:Multiplayer"

[[Category:Multiplayer]]

NAT Traversal

2024-06-29T01:17:59Z

Winkio:

==External Links==
*[https://bford.info/pub/net/p2pnat/ ] - Paper by Bryan Ford
*[https://keithjohnston.wordpress.com/2014/02/17/nat-punch-through-for-multiplayer-games/ NAT Punch-through for Multiplayer Games] - Blog post by Keith Johnston

[[Category:Networking]]

NAT Traversal

2024-06-29T01:14:14Z

Winkio: Created page with " ==External Links== *[https://keithjohnston.wordpress.com/2014/02/17/nat-punch-through-for-multiplayer-games/ NAT Punch-through for Multiplayer Games] - Blog post by Keith Johnston Category:Networking"

==External Links==
*[https://keithjohnston.wordpress.com/2014/02/17/nat-punch-through-for-multiplayer-games/ NAT Punch-through for Multiplayer Games] - Blog post by Keith Johnston

[[Category:Networking]]

Main Page

2024-06-29T01:13:01Z

Winkio: /* Networking */

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]

==Files and Databases==
*[[Local Directories]]
*Save Files
*User Settings
*Config Files
*Cloud Saves

==Math==
===Statistics===
*[[Drop Rate]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===Networking===
*[[TCP]]
*[[UDP]]
*[[NAT Traversal]]
*[[Client Side Prediction]]
*[[Lockstep]]
*[[Rollback]]

==Wiki Community==
*[[Site Administration]]

Main Page

2024-06-29T01:02:42Z

Winkio:

Welcome to C# Gamedev Wiki!

This is a place to gather explanations and examples of systems that are used in game development. The goal is to provide explanations and samples that are code-first and are not dependent on a specific engine or framework (such as Godot, Unity, Unreal, etc.). Platform specific discussions are allowed and encouraged (such as how to do X on Windows, Mac, or Linux). Pages will contain text, diagrams, and code samples in order to help explain concepts.

==Basics==
*[[Game Loop]]
*[[Tickrate]]
*[[Framerate]]

==Graphics==
*[[Camera]]

==Files and Databases==
*[[Local Directories]]
*Save Files
*User Settings
*Config Files
*Cloud Saves

==Math==
===Statistics===
*[[Drop Rate]]

==Multiplayer==
===General===
*[[Profile]]
*[[Messaging]]
*[[Matchmaking]]
*[[Rating]]

===Networking===
*TCP
*UDP
*NAT Traversal
*Client Side Prediction
*Lockstep
*Rollback

==Wiki Community==
*[[Site Administration]]

Category:Multiplayer

2024-06-29T00:54:41Z

Winkio: Created page with "Category:Game"

[[Category:Game]]

Category:Rating

2024-06-29T00:54:13Z

Winkio: Created page with "Category:Multiplayer"

[[Category:Multiplayer]]

TrueSkill

2024-06-29T00:54:00Z

Winkio: Created page with "TrueSkill is a rating system originally developed by Microsoft Research used to determine the approximate skill rating of players in a multiplayer game. ==External Links== *[https://trueskill.org/ Homepage] *[https://github.com/sublee/trueskill github] *[https://www.moserware.com/assets/computing-your-skill/The%20Math%20Behind%20TrueSkill.pdf Paper] Category:Rating"

[[TrueSkill]] is a [[rating]] system originally developed by Microsoft Research used to determine the approximate skill rating of players in a [[multiplayer]] game.

==External Links==
*[https://trueskill.org/ Homepage]
*[https://github.com/sublee/trueskill github]
*[https://www.moserware.com/assets/computing-your-skill/The%20Math%20Behind%20TrueSkill.pdf Paper]

[[Category:Rating]]

Category:Common Templates

2024-06-23T03:16:30Z

Winkio: Created page with "Category:Templates"

[[Category:Templates]]

Template:T/piece/doc

2024-06-23T03:15:54Z

Winkio: Created page with ";Description :Parameter piece for {{t|t}}, controls styling/showing of parameter fragments. ;See also :Template:T/piece on WoWWiki <noinclude>{{PAGENAME}}</noinclude>"

;Description
:Parameter piece for {{t|t}}, controls styling/showing of parameter fragments.
;See also
:[[w:c:wow:Template:T/piece|Template:T/piece]] on WoWWiki
<noinclude>[[Category:Template documentation|{{PAGENAME}}]]</noinclude>

Template:T/piece

2024-06-23T03:15:30Z

Winkio: Created page with "{{#ifeq: {{{1|---}}}|---|||<font color="gray">''<{{{1}}}>''</font>}}<noinclude> {{documentation}}Category:Common Templates</noinclude>"

{{#ifeq: {{{1|---}}}|---|||<font color="gray">''<{{{1}}}>''</font>}}<noinclude>
{{documentation}}[[Category:Common Templates]]</noinclude>

Template:T/doc

2024-06-23T03:14:15Z

Winkio: Created page with "; Description : A template link with a variable number of example parameters (0-20), which can be used to show example inputs. : Utilises Template:T/piece. ; Syntax : {{t|t|parameter1|parameter2|parameter3|parameter4|...|parameter20}} ; Sample code : <code><nowiki>{{t|HeroInfo}}</nowiki></code> gives... : {{t|HeroInfo}} : <code><nowiki>{{t|HeroInfo|Item1|Item2|Item3|Item4|Item5|...}}</nowiki></code> gives... : {{t|HeroInfo|Item1|Item2|Item3|Item4|Item5|...}} ; See..."

; Description
: A template link with a variable number of example parameters (0-20), which can be used to show example inputs.
: Utilises [[Template:T/piece]].

; Syntax
: {{t|t|parameter1|parameter2|parameter3|parameter4|...|parameter20}}

; Sample code
: <code><nowiki>{{t|HeroInfo}}</nowiki></code> gives...
: {{t|HeroInfo}}
: <code><nowiki>{{t|HeroInfo|Item1|Item2|Item3|Item4|Item5|...}}</nowiki></code> gives...
: {{t|HeroInfo|Item1|Item2|Item3|Item4|Item5|...}}

; See also
: [https://wowpedia.fandom.com/wiki/Template:T Template:T] on WoWWiki
<noinclude>[[Category:Template documentation|{{PAGENAME}}]]</noinclude>

Template:T

2024-06-23T03:13:55Z

Winkio: Created page with "<includeonly><code><nowiki>{{</nowiki>{{{1}}}{{t/piece|{{{2|---}}}}}{{t/piece|{{{3|---}}}}}{{t/piece|{{{4|---}}}}}{{t/piece|{{{5|---}}}}}{{t/piece|{{{6|---}}}}}{{t/piece|{{{7|---}}}}}{{t/piece|{{{8|---}}}}}{{t/piece|{{{9|---}}}}}{{t/piece|{{{10|---}}}}}{{t/piece|{{{11|---}}}}}{{t/piece|{{{12|---}}}}}{{t/piece|{{{13|---}}}}}{{t/piece|{{{14|---}}}}}{{t/piece|{{{15|---}}}}}{{t/piece|{{{16|---}}}}}{{t/piece|{{{17|---}}}}}{{t/piece|{{{18|---}}}}}{{t/piece..."

<includeonly><code><nowiki>{{</nowiki>[[Template:{{{1}}}|{{{1}}}]]{{t/piece|{{{2|---}}}}}{{t/piece|{{{3|---}}}}}{{t/piece|{{{4|---}}}}}{{t/piece|{{{5|---}}}}}{{t/piece|{{{6|---}}}}}{{t/piece|{{{7|---}}}}}{{t/piece|{{{8|---}}}}}{{t/piece|{{{9|---}}}}}{{t/piece|{{{10|---}}}}}{{t/piece|{{{11|---}}}}}{{t/piece|{{{12|---}}}}}{{t/piece|{{{13|---}}}}}{{t/piece|{{{14|---}}}}}{{t/piece|{{{15|---}}}}}{{t/piece|{{{16|---}}}}}{{t/piece|{{{17|---}}}}}{{t/piece|{{{18|---}}}}}{{t/piece|{{{19|---}}}}}{{t/piece|{{{20|---}}}}}{{t/piece|{{{21|---}}}}}<nowiki>}}</nowiki></code></includeonly><noinclude>
{{documentation}}[[Category:Common Templates]]</noinclude>

Template:Anchor/doc

2024-06-23T03:13:29Z

Winkio: Created page with "; Description : This template is used to create a hidden anchor that appears as a section on the table of contents but does not render on the page. ; Syntax : Type {{t|anchor|title|level}} : title - header title : level - 1 - 6 (header level, defaults to 2) ; Usage example : Code: <code><nowiki>{{anchor|My Section|2}}</nowiki></code> : Result: {{anchor|My Section|2}} <noinclude>{{PAGENAME}}</noinclude>"

; Description
: This template is used to create a hidden anchor that appears as a section on the table of contents but does not render on the page.

; Syntax
: Type {{t|anchor|title|level}}
: title - header title
: level - 1 - 6 (header level, defaults to 2)

; Usage example
: Code: <code><nowiki>{{anchor|My Section|2}}</nowiki></code>
: Result:
{{anchor|My Section|2}}

<noinclude>[[Category:Template documentation|{{PAGENAME}}]]</noinclude>

Template:Anchor

2024-06-23T03:13:11Z

Winkio: Created page with "<includeonly><h{{{2|2}}} class="anchor-hidden">{{{1|Anchor}}}</h{{{2|2}}}></includeonly><noinclude>{{documentation}}Category:Common Templates</noinclude>"

<includeonly><h{{{2|2}}} class="anchor-hidden">{{{1|Anchor}}}</h{{{2|2}}}></includeonly><noinclude>{{documentation}}[[Category:Common Templates]]</noinclude>

Category:Templates

2024-06-23T03:11:48Z

Winkio: Created page with "Category:CSharp Gamedev Wiki"

[[Category:CSharp Gamedev Wiki]]

Category:Template documentation

2024-06-23T03:11:13Z

Winkio: Created page with "Category:Templates"

[[Category:Templates]]

Template:Documentation

2024-06-23T03:10:52Z

Winkio: Created page with "<includeonly>{| class="article-table" style="width:100%;" |- style="font-size:18px;" ! Template documentation follows |- | ''Note: the template above may sometimes be partially or fully invisible.'' |- | Visit Template:{{PAGENAMEE}}/doc to edit this documentation. (How does this work?) |} <div style="margin:0 1em;"> {{{{PAGENAME}}/doc}}</div></includeonly><noinclude>{{documentation}}Category:Template documentation</noinclude>"

<includeonly>{| class="article-table" style="width:100%;"
|- style="font-size:18px;"
! Template documentation follows
|-
| ''Note: the template above may sometimes be partially or fully invisible.''
|-
| Visit [[Template:{{PAGENAMEE}}/doc]] to edit this documentation. ([[Template:Documentation|How does this work?]])
|}
<div style="margin:0 1em;">
{{{{PAGENAME}}/doc}}</div></includeonly><noinclude>{{documentation}}[[Category:Template documentation]]</noinclude>

MediaWiki:Common.css

2024-06-23T00:37:18Z

Winkio:

/* font for title */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* default vector theme */
:root {
--layout-topbar-height: 35px; /* height of topbar */
--layout-sidespace: 24px; /* whitespace width on most left and most right */
--layout-content-width: minmax(0,1fr);

--font-size: 14px;
--line-height: 24px;
--font-size-s: 12px;
--line-height-s: 20px;
--font-size-xs: 10px;
--line-height-xs: 16px;
--font-size-l: 16px;
--line-height-l: 24px;

--theme-text-color: #fff;
--theme-site-background: #141;
--theme-header-background: #151;

--mw-page-container-side-padding: 1.5em;

--theme-body-bg: #f8f9fa;
--theme-body-color: #202122;
--theme-body-link-color: #3366cc;
--theme-header-bg: #fff;
--theme-header-color: #202122;
--theme-header-link-color: #3366cc;

--theme-content-bg: #fff;
--theme-heading-color: #000;
--theme-code-bg: #f8f9fa;
--theme-code-border: 1px solid #eaecf0;
--theme-code-color: #000;

--theme-icon-filter: invert(100%);
--theme-catlinks-bg: #f8f9fa;
--theme-catlinks-border: 1px solid #a2a9b1;

--theme-sidebar-bg: #fff;
--theme-sidebar-color: #202122;
--theme-sidebar-link-color: #3366cc;
--theme-pinnable-header-label-color: #54595d;
--theme-pinnable-header-link-color: #3366cc;
--theme-pinnable-header-link-hover-color: #447ff5;
--theme-pinnable-list-heading-color: #54595d;
--theme-pinnable-list-link-color: #3366cc;

--theme-main-menu-bg: #f8f9fa;

--theme-toc-bg: #fff;
--theme-toc-link-color: #3366cc;
--theme-toc-active-parent-link-color: #202122;
--theme-toc-active-link-color: #202122;

--theme-dropdown-bg: #fff;

--theme-footer-color: #202122;

/* syntax highlighting colors, original from cs2022dark.css highlight.js theme */
--theme-hljs-bg: #1e1e1e;
--theme-hljs-unset: #dbdbdb;
--theme-hljs-comment: #57a64a;
--theme-hljs-doctag: #556b2f;
--theme-hljs-keyword: #569cd6;
--theme-hljs-type: #4ec9b0;
--theme-hljs-function: #dcdcaa;
--theme-hljs-string: #d69d85;
--theme-hljs-number: #b5cea8;
--theme-hljs-variable: #9cdcfe;
--theme-hljs-symbol: #d8a0df;
--theme-hljs-regexp: #9a5334;
--theme-hljs-meta: #9b9b9b;
--theme-hljs-section: gold;
--theme-hljs-attribute: #92caf4;
--theme-hljs-bullet: #d7ba7d;
--theme-hljs-selector: #d7ba7d;
--theme-hljs-addition: #144212;
--theme-hljs-deletion: #600;
--theme-hljs-tsql-symbol: #dcdcdc;
--theme-hljs-tsql-string: #cb4141;
--theme-hljs-tsql-built_in: #c975d5;
--theme-hljs-tsql-sp: #b3725b;
}

.mw-page-container,
.vector-feature-zebra-design-disabled .mw-page-container {
padding-left: var(--mw-page-container-side-padding);
padding-right: var(--mw-page-container-side-padding);
}

.mw-logo,
.vector-header-start a:visited {
color: var(--theme-header-link-color);
}
.mw-logo-container:before {
content: "GAME DEV";
font-size: 20px;
font-family: "Press Start 2P", system-ui;
font-weight: 400;
font-style: normal;
line-height: 28px;
}
.mw-logo-wordmark {
display: none;
}

@media screen {
.vector-header-container,
.vector-feature-zebra-design-disabled .vector-header-container {
box-shadow: 0 0 16px #000;
}
.mw-page-container,
.vector-feature-zebra-design-disabled .mw-page-container {
box-shadow: 0 8px 16px #000;
}
.vector-sticky-header-container,
.vector-feature-zebra-design-disabled .vector-sticky-header-container {
box-shadow: none;
}

.vector-feature-zebra-design-disabled body {
background: var(--theme-body-bg);
color: var(--theme-body-color);
}

.vector-feature-zebra-design-disabled .vector-header-container {
background: var(--theme-header-bg);
}

.vector-sticky-header-context-bar-primary,
.vector-feature-zebra-design-disabled .vector-sticky-header-context-bar-primary {
color: var(--theme-header-color);
}

.vector-header-container #pt-userpage-2 a:not(.mw-selflink) {
color: var(--theme-header-link-color);
}

.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-content {
background: var(--theme-dropdown-bg);
}

.vector-user-menu-logged-in .vector-dropdown-label::after {
filter: var(--theme-icon-filter);
}

.vector-pinnable-header-label,
.vector-feature-zebra-design-disabled .vector-pinnable-header-label,
.vector-pinnable-header-toggle-button::before,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button::before,
.vector-pinnable-header-toggle-button::after,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button::after {
color: var(--theme-pinnable-header-label-color);
}

.vector-pinnable-header-toggle-button,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button {
color: var(--theme-pinnable-header-link-color);
}

.vector-pinnable-header-toggle-button:hover,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button:hover {
color: var(--theme-pinnable-header-link-hover-color);
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .vector-menu-heading,
.vector-feature-zebra-design-disabled .vector-dropdown-content .vector-menu-heading {
color: var(--theme-pinnable-list-heading-color);
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a,
.vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a,
.vector-feature-zebra-design-disabled .vector-dropdown .mw-list-item a:not(.mw-selflink),
.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
.vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
color: var(--theme-pinnable-list-link-color);
}

.mw-page-container,
.vector-feature-zebra-design-disabled .mw-page-container {
background: var(--theme-content-bg);
}

.vector-main-menu,
.vector-feature-zebra-design-disabled .vector-main-menu,
#vector-main-menu-pinned-container .vector-main-menu,
.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu {
background: var(--theme-main-menu-bg);
}

.vector-toc,
.vector-feature-zebra-design-disabled .vector-toc {
background: var(--theme-toc-bg);
}

.vector-toc .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-link {
color: var(--theme-toc-link-color);
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link {
color: var(--theme-toc-active-parent-link-color);
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active > .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link {
color: var(--theme-toc-active-link-color);
}

.vector-header-container a {
color: var(--theme-header-link-color);
}

.vector-menu-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item.selected a:visited {
color: var(--theme-body-color);
}

h1, h2, h3, h4, h5, h6 {
color: var(--theme-heading-color);
}

a {
color: var(--theme-body-link-color);
}

ul {
list-style: disc;
}

pre, code, .mw-code {
background: var(--theme-code-bg);
border: var(--theme-code-border);
color: var(--theme-code-color);
}

table.zebra tr.odd {
background-color: #eee;
}

.catlinks {
background-color: var(--theme-catlinks-bg);
border: var(--theme-catlinks-border);
}

.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled {
color: var(--theme-body-color);
}

.vector-settings .cdx-button {
background-color: var(--theme-sidebar-bg);
color: var(--theme-body-color);
border-color: #a2a9b1;
}

.vector-settings .cdx-button:hover {
background-color: var(--theme-dropdown-bg);
color: var(--theme-body-color);
cursor: pointer;
}

.vector-feature-zebra-design-disabled #vector-page-tools-pinned-container .vector-page-tools::after {
display: none;
}

.mw-footer li {
color: var(--theme-footer-color);
}
}

@media screen and (min-width:1000px) {
:root {
--mw-page-container-side-padding: 2.75em;
}

#vector-toc-pinned-container .vector-toc::after,
.vector-feature-zebra-design-disabled #vector-toc-pinned-container .vector-toc::after {
background: none;
}

.mw-footer-container,
.vector-feature-zebra-design-disabled .mw-footer-container {
grid-row-start: footer;
grid-row-end: footer;
grid-column-start: pageContent;
grid-column-end: pageContent;
}

.vector-icon {
filter: var(--theme-icon-filter);
}
}

@media screen and (min-width:1200px) {
:root {
--mw-page-container-side-padding: 3.25em;
}
}

.mw-page-container-inner::before {
content: "";
display: block;
grid-column-start: toc;
grid-column-end: toc;
grid-row-start: siteNotice;
grid-row-end: footer;
margin-left: calc(-1*var(--mw-page-container-side-padding));
background: var(--theme-sidebar-bg);
}

.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-toc-not-available .mw-page-container-inner::before,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled .vector-sidebar-container-no-toc ~ .mw-page-container-inner::before,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-feature-toc-pinned-clientpref-0 .mw-page-container-inner::before {
display: none;
}

.vector-main-menu-action-opt-out {
display: none;
}

.mw-footer-container {
grid-row-start: footer;
grid-row-end: footer;
grid-column-start: pageContent;
grid-column-end: pageContent;
}

.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-toc-not-available .mw-footer-container,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled .vector-sidebar-container-no-toc ~ .mw-footer-container,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-feature-toc-pinned-clientpref-0 .mw-footer-container {
grid-column-start: toc;
grid-column-end: pageContent;
}

/* syntax highlighting colors */
.hljs{background:var(--theme-hljs-bg)}
.hljs,.hljs-operator,.hljs-property,.hljs-punctuation,.hljs-subst,.hljs-unset{color:var(--theme-hljs-unset)}
.hljs-quote,.hljs-comment{color:var(--theme-hljs-comment)}
.hljs-doctag{color:var(--theme-hljs-doctag)}
.hljs-built_in,.hljs-name,.hljs-literal,.hljs-link,.hljs-meta-keyword,.hljs-keyword{color:var(--theme-hljs-keyword)}
.hljs-title,.hljs-type{color:var(--theme-hljs-type)}
.hljs-title.function_{color:var(--theme-hljs-function)}
.hljs-meta-string,.hljs-string{color:var(--theme-hljs-string)}
.hljs-number{color:var(--theme-hljs-number)}
.hljs-builtin-name,.hljs-formula,.hljs-params,.hljs-template-variable,.hljs-variable{color:var(--theme-hljs-variable)}
.hljs-symbol{color:var(--theme-hljs-symbol)}
.hljs-template-tag,.hljs-regexp{color:var(--theme-hljs-regexp)}
.hljs-tag,.hljs-tsql-literal,.hljs-meta{color:var(--theme-hljs-meta)}
.hljs-section{color:var(--theme-hljs-section)}
.hljs-attr,.hljs-attribute{color:var(--theme-hljs-attribute)}
.hljs-bullet{color:var(--theme-hljs-bullet)}
.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--theme-hljs-selector)}
.hljs-addition{background-color:var(--theme-hljs-addition)}
.hljs-deletion{background-color:var(--theme-hljs-deletion)}
.hljs-tsql-symbol{color:var(--theme-hljs-tsql-symbol)}
.hljs-tsql-string{color:var(--theme-hljs-tsql-string)}
.hljs-tsql-built_in{color:var(--theme-hljs-tsql-built_in)}
.hljs-tsql-sp{color:var(--theme-hljs-tsql-sp)}

/* light vector theme */
:root {
--theme-body-bg: #072207;
--theme-body-color: #202122;
--theme-body-link-color: #3366cc;
--theme-header-bg:
repeating-linear-gradient(to top, #0002, #0000 1em),
repeating-linear-gradient(to right, #0002, #0000 1em),
radial-gradient(circle at left, #141, #151 10%, #151 40%, #113811);
--theme-header-color: #fff;
--theme-header-icon-filter: invert(100%);
--theme-header-link-color: #fff;

--theme-content-bg: #fff;
--theme-heading-color: #000;
--theme-code-bg: #f8f9fa;
--theme-code-border: 1px solid #eaecf0;
--theme-code-color: #000;

--theme-catlinks-bg: #f8f9fa;
--theme-catlinks-border: 1px solid #a2a9b1;

--theme-sidebar-bg: #141;
--theme-sidebar-color: #fff;
--theme-sidebar-link-color: #ddf;
--theme-pinnable-header-label-color: #ddd;
--theme-pinnable-header-link-color: #fafff4;
--theme-pinnable-header-link-hover-color: #fff;
--theme-pinnable-list-heading-color: #eee;
--theme-pinnable-list-link-color: #fff;

--theme-main-menu-bg: transparent;

--theme-toc-bg: transparent;
--theme-toc-link-color: #fafff4;
--theme-toc-active-parent-link-color: #fafafa;
--theme-toc-active-link-color: #fff;

--theme-dropdown-bg: #151;

--theme-footer-color: #202122;

/* syntax highlighting colors */
--theme-hljs-bg: #f7f7f7;
--theme-hljs-unset: #000;
--theme-hljs-comment: #080;
--theme-hljs-doctag: #556b2f;
--theme-hljs-keyword: #00f;
--theme-hljs-type: #2b91af;
--theme-hljs-function: #74531f;
--theme-hljs-string: #a31515;
--theme-hljs-number: #000;
--theme-hljs-variable: #9cdcfe;
--theme-hljs-symbol: #d8a0df;
--theme-hljs-regexp: #9a5334;
--theme-hljs-meta: #9b9b9b;
--theme-hljs-section: gold;
--theme-hljs-attribute: #2b91af;
--theme-hljs-bullet: #d7ba7d;
--theme-hljs-selector: #2b91af;
--theme-hljs-addition: #144212;
--theme-hljs-deletion: #600;
--theme-hljs-tsql-symbol: #dcdcdc;
--theme-hljs-tsql-string: #cb4141;
--theme-hljs-tsql-built_in: #c975d5;
--theme-hljs-tsql-sp: #b3725b;
}
/* light vector theme body colors (default) */
.mw-content-container {
--theme-icon-filter: none;

--theme-pinnable-header-label-color: #54595d;
--theme-pinnable-header-link-color: #3366cc;
--theme-pinnable-header-link-hover-color: #447ff5;
--theme-pinnable-list-heading-color: #54595d;
--theme-pinnable-list-link-color: #3366cc;

--theme-dropdown-bg: #fff;
}

MediaWiki:Common.css

2024-06-23T00:36:43Z

Winkio:

/* font for title */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* default vector theme */
:root {
--layout-topbar-height: 35px; /* height of topbar */
--layout-sidespace: 24px; /* whitespace width on most left and most right */
--layout-content-width: minmax(0,1fr);

--font-size: 14px;
--line-height: 24px;
--font-size-s: 12px;
--line-height-s: 20px;
--font-size-xs: 10px;
--line-height-xs: 16px;
--font-size-l: 16px;
--line-height-l: 24px;

--theme-text-color: #fff;
--theme-site-background: #141;
--theme-header-background: #151;

--mw-page-container-side-padding: 1.5em;

--theme-body-bg: #f8f9fa;
--theme-body-color: #202122;
--theme-body-link-color: #3366cc;
--theme-header-bg: #fff;
--theme-header-color: #202122;
--theme-header-link-color: #3366cc;

--theme-content-bg: #fff;
--theme-heading-color: #000;
--theme-code-bg: #f8f9fa;
--theme-code-border: 1px solid #eaecf0;
--theme-code-color: #000;

--theme-icon-filter: invert(100%);
--theme-catlinks-bg: #f8f9fa;
--theme-catlinks-border: 1px solid #a2a9b1;

--theme-sidebar-bg: #fff;
--theme-sidebar-color: #202122;
--theme-sidebar-link-color: #3366cc;
--theme-pinnable-header-label-color: #54595d;
--theme-pinnable-header-link-color: #3366cc;
--theme-pinnable-header-link-hover-color: #447ff5;
--theme-pinnable-list-heading-color: #54595d;
--theme-pinnable-list-link-color: #3366cc;

--theme-main-menu-bg: #f8f9fa;

--theme-toc-bg: #fff;
--theme-toc-link-color: #3366cc;
--theme-toc-active-parent-link-color: #202122;
--theme-toc-active-link-color: #202122;

--theme-dropdown-bg: #fff;

--theme-footer-color: #202122;

/* syntax highlighting colors, original from cs2022dark.css highlight.js theme */
--theme-hljs-bg: #1e1e1e;
--theme-hljs-unset: #dbdbdb;
--theme-hljs-comment: #57a64a;
--theme-hljs-doctag: #556b2f;
--theme-hljs-keyword: #569cd6;
--theme-hljs-type: #4ec9b0;
--theme-hljs-function: #dcdcaa;
--theme-hljs-string: #d69d85;
--theme-hljs-number: #b5cea8;
--theme-hljs-variable: #9cdcfe;
--theme-hljs-symbol: #d8a0df;
--theme-hljs-regexp: #9a5334;
--theme-hljs-meta: #9b9b9b;
--theme-hljs-section: gold;
--theme-hljs-attribute: #92caf4;
--theme-hljs-bullet: #d7ba7d;
--theme-hljs-selector: #d7ba7d;
--theme-hljs-addition: #144212;
--theme-hljs-deletion: #600;
--theme-hljs-tsql-symbol: #dcdcdc;
--theme-hljs-tsql-string: #cb4141;
--theme-hljs-tsql-built_in: #c975d5;
--theme-hljs-tsql-sp: #b3725b;
}

.mw-page-container,
.vector-feature-zebra-design-disabled .mw-page-container {
padding-left: var(--mw-page-container-side-padding);
padding-right: var(--mw-page-container-side-padding);
}

.mw-logo,
.vector-header-start a:visited {
color: var(--theme-header-link-color);
}
.mw-logo-container:before {
content: "GAME DEV";
font-size: 20px;
font-family: "Press Start 2P", system-ui;
font-weight: 400;
font-style: normal;
line-height: 28px;
}
.mw-logo-wordmark {
display: none;
}

@media screen {
.vector-header-container,
.vector-feature-zebra-design-disabled .vector-header-container {
box-shadow: 0 0 16px #000;
}
.mw-page-container,
.vector-feature-zebra-design-disabled .mw-page-container {
box-shadow: 0 8px 16px #000;
}
.vector-sticky-header-container,
.vector-feature-zebra-design-disabled .vector-sticky-header-container {
box-shadow: none;
}

.vector-feature-zebra-design-disabled body {
background: var(--theme-body-bg);
color: var(--theme-body-color);
}

.vector-feature-zebra-design-disabled .vector-header-container {
background: var(--theme-header-bg);
}

.vector-sticky-header-context-bar-primary,
.vector-feature-zebra-design-disabled .vector-sticky-header-context-bar-primary {
color: var(--theme-header-color);
}

.vector-header-container #pt-userpage-2 a:not(.mw-selflink) {
color: var(--theme-header-link-color);
}

.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-content {
background: var(--theme-dropdown-bg);
}

.vector-user-menu-logged-in .vector-dropdown-label::after {
filter: var(--theme-icon-filter);
}

.vector-pinnable-header-label,
.vector-feature-zebra-design-disabled .vector-pinnable-header-label,
.vector-pinnable-header-toggle-button::before,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button::before,
.vector-pinnable-header-toggle-button::after,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button::after {
color: var(--theme-pinnable-header-label-color);
}

.vector-pinnable-header-toggle-button,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button {
color: var(--theme-pinnable-header-link-color);
}

.vector-pinnable-header-toggle-button:hover,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button:hover {
color: var(--theme-pinnable-header-link-hover-color);
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .vector-menu-heading,
.vector-feature-zebra-design-disabled .vector-dropdown-content .vector-menu-heading {
color: var(--theme-pinnable-list-heading-color);
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a,
.vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a,
.vector-feature-zebra-design-disabled .vector-dropdown .mw-list-item a:not(.mw-selflink),
.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
.vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
color: var(--theme-pinnable-list-link-color);
}

.mw-page-container,
.vector-feature-zebra-design-disabled .mw-page-container {
background: var(--theme-content-bg);
}

.vector-main-menu,
.vector-feature-zebra-design-disabled .vector-main-menu,
#vector-main-menu-pinned-container .vector-main-menu,
.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu {
background: var(--theme-main-menu-bg);
}

.vector-toc,
.vector-feature-zebra-design-disabled .vector-toc {
background: var(--theme-toc-bg);
}

.vector-toc .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-link {
color: var(--theme-toc-link-color);
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link {
color: var(--theme-toc-active-parent-link-color);
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active > .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link {
color: var(--theme-toc-active-link-color);
}

.vector-header-container a {
color: var(--theme-header-link-color);
}

.vector-menu-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item.selected a:visited {
color: var(--theme-body-color);
}

h1, h2, h3, h4, h5, h6 {
color: var(--theme-heading-color);
}

a {
color: var(--theme-body-link-color);
}

ul {
list-style: disc;
}

pre, code, .mw-code {
background: var(--theme-code-bg);
border: var(--theme-code-border);
color: var(--theme-code-color);
}

table.zebra tr.odd {
background-color: #eee;
}

.catlinks {
background-color: var(--theme-catlinks-bg);
border: var(--theme-catlinks-border);
}

.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled {
color: var(--theme-body-color);
}

.vector-settings .cdx-button {
background-color: var(--theme-sidebar-bg);
color: var(--theme-body-color);
border-color: #a2a9b1;
}

.vector-settings .cdx-button:hover {
background-color: var(--theme-dropdown-bg);
color: var(--theme-body-color);
cursor: pointer;
}

.vector-pinned-container .vector-page-tools::after {
display: none;
}

.mw-footer li {
color: var(--theme-footer-color);
}
}

@media screen and (min-width:1000px) {
:root {
--mw-page-container-side-padding: 2.75em;
}

#vector-toc-pinned-container .vector-toc::after,
.vector-feature-zebra-design-disabled #vector-toc-pinned-container .vector-toc::after {
background: none;
}

.mw-footer-container,
.vector-feature-zebra-design-disabled .mw-footer-container {
grid-row-start: footer;
grid-row-end: footer;
grid-column-start: pageContent;
grid-column-end: pageContent;
}

.vector-icon {
filter: var(--theme-icon-filter);
}
}

@media screen and (min-width:1200px) {
:root {
--mw-page-container-side-padding: 3.25em;
}
}

.mw-page-container-inner::before {
content: "";
display: block;
grid-column-start: toc;
grid-column-end: toc;
grid-row-start: siteNotice;
grid-row-end: footer;
margin-left: calc(-1*var(--mw-page-container-side-padding));
background: var(--theme-sidebar-bg);
}

.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-toc-not-available .mw-page-container-inner::before,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled .vector-sidebar-container-no-toc ~ .mw-page-container-inner::before,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-feature-toc-pinned-clientpref-0 .mw-page-container-inner::before {
display: none;
}

.vector-main-menu-action-opt-out {
display: none;
}

.mw-footer-container {
grid-row-start: footer;
grid-row-end: footer;
grid-column-start: pageContent;
grid-column-end: pageContent;
}

.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-toc-not-available .mw-footer-container,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled .vector-sidebar-container-no-toc ~ .mw-footer-container,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-feature-toc-pinned-clientpref-0 .mw-footer-container {
grid-column-start: toc;
grid-column-end: pageContent;
}

/* syntax highlighting colors */
.hljs{background:var(--theme-hljs-bg)}
.hljs,.hljs-operator,.hljs-property,.hljs-punctuation,.hljs-subst,.hljs-unset{color:var(--theme-hljs-unset)}
.hljs-quote,.hljs-comment{color:var(--theme-hljs-comment)}
.hljs-doctag{color:var(--theme-hljs-doctag)}
.hljs-built_in,.hljs-name,.hljs-literal,.hljs-link,.hljs-meta-keyword,.hljs-keyword{color:var(--theme-hljs-keyword)}
.hljs-title,.hljs-type{color:var(--theme-hljs-type)}
.hljs-title.function_{color:var(--theme-hljs-function)}
.hljs-meta-string,.hljs-string{color:var(--theme-hljs-string)}
.hljs-number{color:var(--theme-hljs-number)}
.hljs-builtin-name,.hljs-formula,.hljs-params,.hljs-template-variable,.hljs-variable{color:var(--theme-hljs-variable)}
.hljs-symbol{color:var(--theme-hljs-symbol)}
.hljs-template-tag,.hljs-regexp{color:var(--theme-hljs-regexp)}
.hljs-tag,.hljs-tsql-literal,.hljs-meta{color:var(--theme-hljs-meta)}
.hljs-section{color:var(--theme-hljs-section)}
.hljs-attr,.hljs-attribute{color:var(--theme-hljs-attribute)}
.hljs-bullet{color:var(--theme-hljs-bullet)}
.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--theme-hljs-selector)}
.hljs-addition{background-color:var(--theme-hljs-addition)}
.hljs-deletion{background-color:var(--theme-hljs-deletion)}
.hljs-tsql-symbol{color:var(--theme-hljs-tsql-symbol)}
.hljs-tsql-string{color:var(--theme-hljs-tsql-string)}
.hljs-tsql-built_in{color:var(--theme-hljs-tsql-built_in)}
.hljs-tsql-sp{color:var(--theme-hljs-tsql-sp)}

/* light vector theme */
:root {
--theme-body-bg: #072207;
--theme-body-color: #202122;
--theme-body-link-color: #3366cc;
--theme-header-bg:
repeating-linear-gradient(to top, #0002, #0000 1em),
repeating-linear-gradient(to right, #0002, #0000 1em),
radial-gradient(circle at left, #141, #151 10%, #151 40%, #113811);
--theme-header-color: #fff;
--theme-header-icon-filter: invert(100%);
--theme-header-link-color: #fff;

--theme-content-bg: #fff;
--theme-heading-color: #000;
--theme-code-bg: #f8f9fa;
--theme-code-border: 1px solid #eaecf0;
--theme-code-color: #000;

--theme-catlinks-bg: #f8f9fa;
--theme-catlinks-border: 1px solid #a2a9b1;

--theme-sidebar-bg: #141;
--theme-sidebar-color: #fff;
--theme-sidebar-link-color: #ddf;
--theme-pinnable-header-label-color: #ddd;
--theme-pinnable-header-link-color: #fafff4;
--theme-pinnable-header-link-hover-color: #fff;
--theme-pinnable-list-heading-color: #eee;
--theme-pinnable-list-link-color: #fff;

--theme-main-menu-bg: transparent;

--theme-toc-bg: transparent;
--theme-toc-link-color: #fafff4;
--theme-toc-active-parent-link-color: #fafafa;
--theme-toc-active-link-color: #fff;

--theme-dropdown-bg: #151;

--theme-footer-color: #202122;

/* syntax highlighting colors */
--theme-hljs-bg: #f7f7f7;
--theme-hljs-unset: #000;
--theme-hljs-comment: #080;
--theme-hljs-doctag: #556b2f;
--theme-hljs-keyword: #00f;
--theme-hljs-type: #2b91af;
--theme-hljs-function: #74531f;
--theme-hljs-string: #a31515;
--theme-hljs-number: #000;
--theme-hljs-variable: #9cdcfe;
--theme-hljs-symbol: #d8a0df;
--theme-hljs-regexp: #9a5334;
--theme-hljs-meta: #9b9b9b;
--theme-hljs-section: gold;
--theme-hljs-attribute: #2b91af;
--theme-hljs-bullet: #d7ba7d;
--theme-hljs-selector: #2b91af;
--theme-hljs-addition: #144212;
--theme-hljs-deletion: #600;
--theme-hljs-tsql-symbol: #dcdcdc;
--theme-hljs-tsql-string: #cb4141;
--theme-hljs-tsql-built_in: #c975d5;
--theme-hljs-tsql-sp: #b3725b;
}
/* light vector theme body colors (default) */
.mw-content-container {
--theme-icon-filter: none;

--theme-pinnable-header-label-color: #54595d;
--theme-pinnable-header-link-color: #3366cc;
--theme-pinnable-header-link-hover-color: #447ff5;
--theme-pinnable-list-heading-color: #54595d;
--theme-pinnable-list-link-color: #3366cc;

--theme-dropdown-bg: #fff;
}

MediaWiki:Theme-dark.css

2024-06-23T00:32:31Z

Winkio:

/* dark vector theme */
:root {
--theme-body-bg: #072207;
--theme-body-color: #e7e7e7;
--theme-body-link-color: #3366cc;
--theme-header-bg:
repeating-linear-gradient(to top, #0002, #0000 1em),
repeating-linear-gradient(to right, #0002, #0000 1em),
radial-gradient(circle at left, #141, #151 10%, #151 40%, #113811);
--theme-header-color: #fff;
--theme-header-link-color: #fff;

--theme-content-bg: #181818;
--theme-heading-color: #fcfcfc;
--theme-code-bg: #222;
--theme-code-border: 1px solid #444;
--theme-code-color: #e7e7e7;

--theme-icon-filter: invert(100%);
--theme-catlinks-bg: #262626;
--theme-catlinks-border: 1px solid #4b4b4b;

--theme-sidebar-bg: #141;
--theme-sidebar-color: #fff;
--theme-sidebar-link-color: #ddf;
--theme-pinnable-header-label-color: #ddd;
--theme-pinnable-header-link-color: #fafff4;
--theme-pinnable-header-link-hover-color: #fff;
--theme-pinnable-list-heading-color: #eee;
--theme-pinnable-list-link-color: #fff;

--theme-main-menu-bg: transparent;

--theme-toc-bg: transparent;
--theme-toc-link-color: #fafff4;
--theme-toc-active-parent-link-color: #fafafa;
--theme-toc-active-link-color: #fff;

--theme-dropdown-bg: #151;

--theme-footer-color: #e7e7e7;

/* syntax highlighting colors */
--theme-hljs-bg: #1e1e1e;
--theme-hljs-unset: #dbdbdb;
--theme-hljs-comment: #57a64a;
--theme-hljs-doctag: #556b2f;
--theme-hljs-keyword: #569cd6;
--theme-hljs-type: #4ec9b0;
--theme-hljs-function: #dcdcaa;
--theme-hljs-string: #d69d85;
--theme-hljs-number: #dbdbdb;
--theme-hljs-variable: #9cdcfe;
--theme-hljs-symbol: #d8a0df;
--theme-hljs-regexp: #9a5334;
--theme-hljs-meta: #9b9b9b;
--theme-hljs-section: gold;
--theme-hljs-attribute: #92caf4;
--theme-hljs-bullet: #d7ba7d;
--theme-hljs-selector: #d7ba7d;
--theme-hljs-addition: #144212;
--theme-hljs-deletion: #600;
--theme-hljs-tsql-symbol: #dcdcdc;
--theme-hljs-tsql-string: #cb4141;
--theme-hljs-tsql-built_in: #c975d5;
--theme-hljs-tsql-sp: #b3725b;
}

/* dark vector theme body colors */
.mw-content-container {
--theme-icon-filter: invert(100%);

--theme-pinnable-header-label-color: #ddd;
--theme-pinnable-header-link-color: #3366cc;
--theme-pinnable-header-link-hover-color: #447ff5;
--theme-pinnable-list-heading-color: #ddd;
--theme-pinnable-list-link-color: #3366cc;

--theme-dropdown-bg: #181818;
}

MediaWiki:Theme-dark.css

2024-06-23T00:31:54Z

Winkio:

/* dark vector theme */
:root {
--theme-body-bg: #072207;
--theme-body-color: #e7e7e7;
--theme-body-link-color: #3366cc;
--theme-header-bg:
repeating-linear-gradient(to top, #0002, #0000 1em),
repeating-linear-gradient(to right, #0002, #0000 1em),
radial-gradient(circle at left, #141, #151 10%, #151 40%, #113811);
--theme-header-color: #fff;
--theme-header-link-color: #fff;

--theme-content-bg: #181818;
--theme-heading-color: #fcfcfc;
--theme-code-bg: #222;
--theme-code-border: 1px solid #444;
--theme-code-color: #e7e7e7;

--theme-icon-filter: invert(100%);
--theme-catlinks-bg: #262626;
--theme-catlinks-border: 1px solid #4b4b4b;

--theme-sidebar-bg: #141;
--theme-sidebar-color: #fff;
--theme-sidebar-link-color: #ddf;
--theme-pinnable-header-label-color: #ddd;
--theme-pinnable-header-link-color: #fafff4;
--theme-pinnable-header-link-hover-color: #fff;
--theme-pinnable-list-heading-color: #eee;
--theme-pinnable-list-link-color: #fff;

--theme-main-menu-bg: transparent;

--theme-toc-bg: transparent;
--theme-toc-link-color: #fafff4;
--theme-toc-active-parent-link-color: #fafafa;
--theme-toc-active-link-color: #fff;

--theme-dropdown-bg: #151;

--theme-footer-color: #e7e7e7;

/* syntax highlighting colors */
--theme-hljs-bg: #1e1e1e;
--theme-hljs-unset: #dbdbdb;
--theme-hljs-comment: #57a64a;
--theme-hljs-doctag: #556b2f;
--theme-hljs-keyword: #569cd6;
--theme-hljs-type: #4ec9b0;
--theme-hljs-function: #dcdcaa;
--theme-hljs-string: #d69d85;
--theme-hljs-number: #dbdbdb;
--theme-hljs-variable: #9cdcfe;
--theme-hljs-symbol: #d8a0df;
--theme-hljs-regexp: #9a5334;
--theme-hljs-meta: #9b9b9b;
--theme-hljs-section: gold;
--theme-hljs-attribute: #92caf4;
--theme-hljs-bullet: #d7ba7d;
--theme-hljs-selector: #d7ba7d;
--theme-hljs-addition: #144212;
--theme-hljs-deletion: #600;
--theme-hljs-tsql-symbol: #dcdcdc;
--theme-hljs-tsql-string: #cb4141;
--theme-hljs-tsql-built_in: #c975d5;
--theme-hljs-tsql-sp: #b3725b;
}

/* dark vector theme body colors */
.mw-content-container {
--theme-icon-filter: invert(100%);

--theme-pinnable-header-label-color: #34355d;
--theme-pinnable-header-link-color: #3366cc;
--theme-pinnable-header-link-hover-color: #447ff5;
--theme-pinnable-list-heading-color: #34355d;
--theme-pinnable-list-link-color: #3366cc;

--theme-dropdown-bg: #181818;
}

MediaWiki:Theme-dark.css

2024-06-21T23:26:15Z

Winkio:

/* dark vector theme */
:root {
--theme-body-bg: #072207;
--theme-body-color: #e7e7e7;
--theme-body-link-color: #3366cc;
--theme-header-bg:
repeating-linear-gradient(to top, #0002, #0000 1em),
repeating-linear-gradient(to right, #0002, #0000 1em),
radial-gradient(circle at left, #141, #151 10%, #151 40%, #113811);
--theme-header-color: #fff;
--theme-header-link-color: #fff;

--theme-content-bg: #181818;
--theme-heading-color: #fcfcfc;
--theme-code-bg: #222;
--theme-code-border: 1px solid #444;
--theme-code-color: #e7e7e7;

--theme-icon-filter: invert(100%);
--theme-catlinks-bg: #262626;
--theme-catlinks-border: 1px solid #4b4b4b;

--theme-sidebar-bg: #141;
--theme-sidebar-color: #fff;
--theme-sidebar-link-color: #ddf;
--theme-pinnable-header-label-color: #ddd;
--theme-pinnable-header-link-color: #fafff4;
--theme-pinnable-header-link-hover-color: #fff;
--theme-pinnable-list-heading-color: #eee;
--theme-pinnable-list-link-color: #fff;

--theme-main-menu-bg: transparent;

--theme-toc-bg: transparent;
--theme-toc-link-color: #fafff4;
--theme-toc-active-parent-link-color: #fafafa;
--theme-toc-active-link-color: #fff;

--theme-dropdown-bg: #151;

--theme-footer-color: #e7e7e7;

/* syntax highlighting colors */
--theme-hljs-bg: #1e1e1e;
--theme-hljs-unset: #dbdbdb;
--theme-hljs-comment: #57a64a;
--theme-hljs-doctag: #556b2f;
--theme-hljs-keyword: #569cd6;
--theme-hljs-type: #4ec9b0;
--theme-hljs-function: #dcdcaa;
--theme-hljs-string: #d69d85;
--theme-hljs-number: #dbdbdb;
--theme-hljs-variable: #9cdcfe;
--theme-hljs-symbol: #d8a0df;
--theme-hljs-regexp: #9a5334;
--theme-hljs-meta: #9b9b9b;
--theme-hljs-section: gold;
--theme-hljs-attribute: #92caf4;
--theme-hljs-bullet: #d7ba7d;
--theme-hljs-selector: #d7ba7d;
--theme-hljs-addition: #144212;
--theme-hljs-deletion: #600;
--theme-hljs-tsql-symbol: #dcdcdc;
--theme-hljs-tsql-string: #cb4141;
--theme-hljs-tsql-built_in: #c975d5;
--theme-hljs-tsql-sp: #b3725b;
}

/* dark vector theme body colors */
.mw-content-container {
--theme-icon-filter: invert(100%);

--theme-pinnable-header-label-color: #54595d;
--theme-pinnable-header-link-color: #3366cc;
--theme-pinnable-header-link-hover-color: #447ff5;
--theme-pinnable-list-heading-color: #54595d;
--theme-pinnable-list-link-color: #3366cc;

--theme-dropdown-bg: #181818;
}

MediaWiki:Common.css

2024-06-21T22:56:30Z

Winkio:

/* font for title */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* default vector theme */
:root {
--layout-topbar-height: 35px; /* height of topbar */
--layout-sidespace: 24px; /* whitespace width on most left and most right */
--layout-content-width: minmax(0,1fr);

--font-size: 14px;
--line-height: 24px;
--font-size-s: 12px;
--line-height-s: 20px;
--font-size-xs: 10px;
--line-height-xs: 16px;
--font-size-l: 16px;
--line-height-l: 24px;

--theme-text-color: #fff;
--theme-site-background: #141;
--theme-header-background: #151;

--mw-page-container-side-padding: 1.5em;

--theme-body-bg: #f8f9fa;
--theme-body-color: #202122;
--theme-body-link-color: #3366cc;
--theme-header-bg: #fff;
--theme-header-color: #202122;
--theme-header-link-color: #3366cc;

--theme-content-bg: #fff;
--theme-heading-color: #000;
--theme-code-bg: #f8f9fa;
--theme-code-border: 1px solid #eaecf0;
--theme-code-color: #000;

--theme-icon-filter: invert(100%);
--theme-catlinks-bg: #f8f9fa;
--theme-catlinks-border: 1px solid #a2a9b1;

--theme-sidebar-bg: #fff;
--theme-sidebar-color: #202122;
--theme-sidebar-link-color: #3366cc;
--theme-pinnable-header-label-color: #54595d;
--theme-pinnable-header-link-color: #3366cc;
--theme-pinnable-header-link-hover-color: #447ff5;
--theme-pinnable-list-heading-color: #54595d;
--theme-pinnable-list-link-color: #3366cc;

--theme-main-menu-bg: #f8f9fa;

--theme-toc-bg: #fff;
--theme-toc-link-color: #3366cc;
--theme-toc-active-parent-link-color: #202122;
--theme-toc-active-link-color: #202122;

--theme-dropdown-bg: #fff;

--theme-footer-color: #202122;

/* syntax highlighting colors, original from cs2022dark.css highlight.js theme */
--theme-hljs-bg: #1e1e1e;
--theme-hljs-unset: #dbdbdb;
--theme-hljs-comment: #57a64a;
--theme-hljs-doctag: #556b2f;
--theme-hljs-keyword: #569cd6;
--theme-hljs-type: #4ec9b0;
--theme-hljs-function: #dcdcaa;
--theme-hljs-string: #d69d85;
--theme-hljs-number: #b5cea8;
--theme-hljs-variable: #9cdcfe;
--theme-hljs-symbol: #d8a0df;
--theme-hljs-regexp: #9a5334;
--theme-hljs-meta: #9b9b9b;
--theme-hljs-section: gold;
--theme-hljs-attribute: #92caf4;
--theme-hljs-bullet: #d7ba7d;
--theme-hljs-selector: #d7ba7d;
--theme-hljs-addition: #144212;
--theme-hljs-deletion: #600;
--theme-hljs-tsql-symbol: #dcdcdc;
--theme-hljs-tsql-string: #cb4141;
--theme-hljs-tsql-built_in: #c975d5;
--theme-hljs-tsql-sp: #b3725b;
}

.mw-page-container,
.vector-feature-zebra-design-disabled .mw-page-container {
padding-left: var(--mw-page-container-side-padding);
padding-right: var(--mw-page-container-side-padding);
}

.mw-logo,
.vector-header-start a:visited {
color: var(--theme-header-link-color);
}
.mw-logo-container:before {
content: "GAME DEV";
font-size: 20px;
font-family: "Press Start 2P", system-ui;
font-weight: 400;
font-style: normal;
line-height: 28px;
}
.mw-logo-wordmark {
display: none;
}

@media screen {
.vector-header-container,
.vector-feature-zebra-design-disabled .vector-header-container {
box-shadow: 0 0 16px #000;
}
.mw-page-container,
.vector-feature-zebra-design-disabled .mw-page-container {
box-shadow: 0 8px 16px #000;
}
.vector-sticky-header-container,
.vector-feature-zebra-design-disabled .vector-sticky-header-container {
box-shadow: none;
}

.vector-feature-zebra-design-disabled body {
background: var(--theme-body-bg);
color: var(--theme-body-color);
}

.vector-feature-zebra-design-disabled .vector-header-container {
background: var(--theme-header-bg);
}

.vector-sticky-header-context-bar-primary,
.vector-feature-zebra-design-disabled .vector-sticky-header-context-bar-primary {
color: var(--theme-header-color);
}

.vector-header-container #pt-userpage-2 a:not(.mw-selflink) {
color: var(--theme-header-link-color);
}

.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-content {
background: var(--theme-dropdown-bg);
}

.vector-user-menu-logged-in .vector-dropdown-label::after {
filter: var(--theme-icon-filter);
}

.vector-pinnable-header-label,
.vector-feature-zebra-design-disabled .vector-pinnable-header-label,
.vector-pinnable-header-toggle-button::before,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button::before,
.vector-pinnable-header-toggle-button::after,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button::after {
color: var(--theme-pinnable-header-label-color);
}

.vector-pinnable-header-toggle-button,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button {
color: var(--theme-pinnable-header-link-color);
}

.vector-pinnable-header-toggle-button:hover,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button:hover {
color: var(--theme-pinnable-header-link-hover-color);
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .vector-menu-heading,
.vector-feature-zebra-design-disabled .vector-dropdown-content .vector-menu-heading {
color: var(--theme-pinnable-list-heading-color);
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a,
.vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a,
.vector-feature-zebra-design-disabled .vector-dropdown .mw-list-item a:not(.mw-selflink),
.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
.vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
color: var(--theme-pinnable-list-link-color);
}

.mw-page-container,
.vector-feature-zebra-design-disabled .mw-page-container {
background: var(--theme-content-bg);
}

.vector-main-menu,
.vector-feature-zebra-design-disabled .vector-main-menu,
#vector-main-menu-pinned-container .vector-main-menu,
.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu {
background: var(--theme-main-menu-bg);
}

.vector-toc,
.vector-feature-zebra-design-disabled .vector-toc {
background: var(--theme-toc-bg);
}

.vector-toc .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-link {
color: var(--theme-toc-link-color);
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link {
color: var(--theme-toc-active-parent-link-color);
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active > .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link {
color: var(--theme-toc-active-link-color);
}

.vector-header-container a {
color: var(--theme-header-link-color);
}

.vector-menu-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item.selected a:visited {
color: var(--theme-body-color);
}

h1, h2, h3, h4, h5, h6 {
color: var(--theme-heading-color);
}

a {
color: var(--theme-body-link-color);
}

ul {
list-style: disc;
}

pre, code, .mw-code {
background: var(--theme-code-bg);
border: var(--theme-code-border);
color: var(--theme-code-color);
}

table.zebra tr.odd {
background-color: #eee;
}

.catlinks {
background-color: var(--theme-catlinks-bg);
border: var(--theme-catlinks-border);
}

.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled {
color: var(--theme-body-color);
}

.vector-settings .cdx-button {
background-color: var(--theme-sidebar-bg);
color: var(--theme-body-color);
border-color: #a2a9b1;
}

.vector-settings .cdx-button:hover {
background-color: var(--theme-dropdown-bg);
color: var(--theme-body-color);
cursor: pointer;
}

.mw-footer li {
color: var(--theme-footer-color);
}
}

@media screen and (min-width:1000px) {
:root {
--mw-page-container-side-padding: 2.75em;
}

#vector-toc-pinned-container .vector-toc::after,
.vector-feature-zebra-design-disabled #vector-toc-pinned-container .vector-toc::after {
background: none;
}

.mw-footer-container,
.vector-feature-zebra-design-disabled .mw-footer-container {
grid-row-start: footer;
grid-row-end: footer;
grid-column-start: pageContent;
grid-column-end: pageContent;
}

.vector-icon {
filter: var(--theme-icon-filter);
}
}

@media screen and (min-width:1200px) {
:root {
--mw-page-container-side-padding: 3.25em;
}
}

.mw-page-container-inner::before {
content: "";
display: block;
grid-column-start: toc;
grid-column-end: toc;
grid-row-start: siteNotice;
grid-row-end: footer;
margin-left: calc(-1*var(--mw-page-container-side-padding));
background: var(--theme-sidebar-bg);
}

.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-toc-not-available .mw-page-container-inner::before,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled .vector-sidebar-container-no-toc ~ .mw-page-container-inner::before,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-feature-toc-pinned-clientpref-0 .mw-page-container-inner::before {
display: none;
}

.vector-main-menu-action-opt-out {
display: none;
}

.mw-footer-container {
grid-row-start: footer;
grid-row-end: footer;
grid-column-start: pageContent;
grid-column-end: pageContent;
}

.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-toc-not-available .mw-footer-container,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled .vector-sidebar-container-no-toc ~ .mw-footer-container,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-feature-toc-pinned-clientpref-0 .mw-footer-container {
grid-column-start: toc;
grid-column-end: pageContent;
}

/* syntax highlighting colors */
.hljs{background:var(--theme-hljs-bg)}
.hljs,.hljs-operator,.hljs-property,.hljs-punctuation,.hljs-subst,.hljs-unset{color:var(--theme-hljs-unset)}
.hljs-quote,.hljs-comment{color:var(--theme-hljs-comment)}
.hljs-doctag{color:var(--theme-hljs-doctag)}
.hljs-built_in,.hljs-name,.hljs-literal,.hljs-link,.hljs-meta-keyword,.hljs-keyword{color:var(--theme-hljs-keyword)}
.hljs-title,.hljs-type{color:var(--theme-hljs-type)}
.hljs-title.function_{color:var(--theme-hljs-function)}
.hljs-meta-string,.hljs-string{color:var(--theme-hljs-string)}
.hljs-number{color:var(--theme-hljs-number)}
.hljs-builtin-name,.hljs-formula,.hljs-params,.hljs-template-variable,.hljs-variable{color:var(--theme-hljs-variable)}
.hljs-symbol{color:var(--theme-hljs-symbol)}
.hljs-template-tag,.hljs-regexp{color:var(--theme-hljs-regexp)}
.hljs-tag,.hljs-tsql-literal,.hljs-meta{color:var(--theme-hljs-meta)}
.hljs-section{color:var(--theme-hljs-section)}
.hljs-attr,.hljs-attribute{color:var(--theme-hljs-attribute)}
.hljs-bullet{color:var(--theme-hljs-bullet)}
.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--theme-hljs-selector)}
.hljs-addition{background-color:var(--theme-hljs-addition)}
.hljs-deletion{background-color:var(--theme-hljs-deletion)}
.hljs-tsql-symbol{color:var(--theme-hljs-tsql-symbol)}
.hljs-tsql-string{color:var(--theme-hljs-tsql-string)}
.hljs-tsql-built_in{color:var(--theme-hljs-tsql-built_in)}
.hljs-tsql-sp{color:var(--theme-hljs-tsql-sp)}

/* light vector theme */
:root {
--theme-body-bg: #072207;
--theme-body-color: #202122;
--theme-body-link-color: #3366cc;
--theme-header-bg:
repeating-linear-gradient(to top, #0002, #0000 1em),
repeating-linear-gradient(to right, #0002, #0000 1em),
radial-gradient(circle at left, #141, #151 10%, #151 40%, #113811);
--theme-header-color: #fff;
--theme-header-icon-filter: invert(100%);
--theme-header-link-color: #fff;

--theme-content-bg: #fff;
--theme-heading-color: #000;
--theme-code-bg: #f8f9fa;
--theme-code-border: 1px solid #eaecf0;
--theme-code-color: #000;

--theme-catlinks-bg: #f8f9fa;
--theme-catlinks-border: 1px solid #a2a9b1;

--theme-sidebar-bg: #141;
--theme-sidebar-color: #fff;
--theme-sidebar-link-color: #ddf;
--theme-pinnable-header-label-color: #ddd;
--theme-pinnable-header-link-color: #fafff4;
--theme-pinnable-header-link-hover-color: #fff;
--theme-pinnable-list-heading-color: #eee;
--theme-pinnable-list-link-color: #fff;

--theme-main-menu-bg: transparent;

--theme-toc-bg: transparent;
--theme-toc-link-color: #fafff4;
--theme-toc-active-parent-link-color: #fafafa;
--theme-toc-active-link-color: #fff;

--theme-dropdown-bg: #151;

--theme-footer-color: #202122;

/* syntax highlighting colors */
--theme-hljs-bg: #f7f7f7;
--theme-hljs-unset: #000;
--theme-hljs-comment: #080;
--theme-hljs-doctag: #556b2f;
--theme-hljs-keyword: #00f;
--theme-hljs-type: #2b91af;
--theme-hljs-function: #74531f;
--theme-hljs-string: #a31515;
--theme-hljs-number: #000;
--theme-hljs-variable: #9cdcfe;
--theme-hljs-symbol: #d8a0df;
--theme-hljs-regexp: #9a5334;
--theme-hljs-meta: #9b9b9b;
--theme-hljs-section: gold;
--theme-hljs-attribute: #2b91af;
--theme-hljs-bullet: #d7ba7d;
--theme-hljs-selector: #2b91af;
--theme-hljs-addition: #144212;
--theme-hljs-deletion: #600;
--theme-hljs-tsql-symbol: #dcdcdc;
--theme-hljs-tsql-string: #cb4141;
--theme-hljs-tsql-built_in: #c975d5;
--theme-hljs-tsql-sp: #b3725b;
}
/* light vector theme body colors (default) */
.mw-content-container {
--theme-icon-filter: none;

--theme-pinnable-header-label-color: #54595d;
--theme-pinnable-header-link-color: #3366cc;
--theme-pinnable-header-link-hover-color: #447ff5;
--theme-pinnable-list-heading-color: #54595d;
--theme-pinnable-list-link-color: #3366cc;

--theme-dropdown-bg: #fff;
}

MediaWiki:Common.css

2024-06-21T22:52:02Z

Winkio:

/* font for title */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* default vector theme */
:root {
--layout-topbar-height: 35px; /* height of topbar */
--layout-sidespace: 24px; /* whitespace width on most left and most right */
--layout-content-width: minmax(0,1fr);

--font-size: 14px;
--line-height: 24px;
--font-size-s: 12px;
--line-height-s: 20px;
--font-size-xs: 10px;
--line-height-xs: 16px;
--font-size-l: 16px;
--line-height-l: 24px;

--theme-text-color: #fff;
--theme-site-background: #141;
--theme-header-background: #151;

--mw-page-container-side-padding: 1.5em;

--theme-body-bg: #f8f9fa;
--theme-body-color: #202122;
--theme-body-link-color: #3366cc;
--theme-header-bg: #fff;
--theme-header-color: #202122;
--theme-header-link-color: #3366cc;

--theme-content-bg: #fff;
--theme-heading-color: #000;
--theme-code-bg: #f8f9fa;
--theme-code-border: 1px solid #eaecf0;
--theme-code-color: #000;

--theme-icon-filter: invert(100%);
--theme-catlinks-bg: #f8f9fa;
--theme-catlinks-border: 1px solid #a2a9b1;

--theme-sidebar-bg: #fff;
--theme-sidebar-color: #202122;
--theme-sidebar-link-color: #3366cc;
--theme-pinnable-header-label-color: #54595d;
--theme-pinnable-header-link-color: #3366cc;
--theme-pinnable-header-link-hover-color: #447ff5;
--theme-pinnable-list-heading-color: #54595d;
--theme-pinnable-list-link-color: #3366cc;

--theme-main-menu-bg: #f8f9fa;

--theme-toc-bg: #fff;
--theme-toc-link-color: #3366cc;
--theme-toc-active-parent-link-color: #202122;
--theme-toc-active-link-color: #202122;

--theme-dropdown-bg: #fff;

--theme-footer-color: #202122;

/* syntax highlighting colors, original from cs2022dark.css highlight.js theme */
--theme-hljs-bg: #1e1e1e;
--theme-hljs-unset: #dbdbdb;
--theme-hljs-comment: #57a64a;
--theme-hljs-doctag: #556b2f;
--theme-hljs-keyword: #569cd6;
--theme-hljs-type: #4ec9b0;
--theme-hljs-function: #dcdcaa;
--theme-hljs-string: #d69d85;
--theme-hljs-number: #b5cea8;
--theme-hljs-variable: #9cdcfe;
--theme-hljs-symbol: #d8a0df;
--theme-hljs-regexp: #9a5334;
--theme-hljs-meta: #9b9b9b;
--theme-hljs-section: gold;
--theme-hljs-attribute: #92caf4;
--theme-hljs-bullet: #d7ba7d;
--theme-hljs-selector: #d7ba7d;
--theme-hljs-addition: #144212;
--theme-hljs-deletion: #600;
--theme-hljs-tsql-symbol: #dcdcdc;
--theme-hljs-tsql-string: #cb4141;
--theme-hljs-tsql-built_in: #c975d5;
--theme-hljs-tsql-sp: #b3725b;
}

.mw-page-container,
.vector-feature-zebra-design-disabled .mw-page-container {
padding-left: var(--mw-page-container-side-padding);
padding-right: var(--mw-page-container-side-padding);
}

.mw-logo,
.vector-header-start a:visited {
color: var(--theme-header-link-color);
}
.mw-logo-container:before {
content: "GAME DEV";
font-size: 20px;
font-family: "Press Start 2P", system-ui;
font-weight: 400;
font-style: normal;
line-height: 28px;
}
.mw-logo-wordmark {
display: none;
}

@media screen {
.vector-header-container,
.vector-feature-zebra-design-disabled .vector-header-container {
box-shadow: 0 0 16px #000;
}
.mw-page-container,
.vector-feature-zebra-design-disabled .mw-page-container {
box-shadow: 0 8px 16px #000;
}
.vector-sticky-header-container,
.vector-feature-zebra-design-disabled .vector-sticky-header-container {
box-shadow: none;
}

.vector-feature-zebra-design-disabled body {
background: var(--theme-body-bg);
color: var(--theme-body-color);
}

.vector-feature-zebra-design-disabled .vector-header-container {
background: var(--theme-header-bg);
}

.vector-sticky-header-context-bar-primary,
.vector-feature-zebra-design-disabled .vector-sticky-header-context-bar-primary {
color: var(--theme-header-color);
}

.vector-header-container #pt-userpage-2 a:not(.mw-selflink) {
color: var(--theme-header-link-color);
}

.vector-feature-zebra-design-disabled .vector-dropdown .vector-dropdown-content {
background: var(--theme-dropdown-bg);
}

.vector-user-menu-logged-in .vector-dropdown-label::after {
filter: var(--theme-icon-filter);
}

.vector-pinnable-header-label,
.vector-feature-zebra-design-disabled .vector-pinnable-header-label,
.vector-pinnable-header-toggle-button::before,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button::before,
.vector-pinnable-header-toggle-button::after,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button::after {
color: var(--theme-pinnable-header-label-color);
}

.vector-pinnable-header-toggle-button,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button {
color: var(--theme-pinnable-header-link-color);
}

.vector-pinnable-header-toggle-button:hover,
.vector-feature-zebra-design-disabled .vector-pinnable-header-toggle-button:hover {
color: var(--theme-pinnable-header-link-hover-color);
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .vector-menu-heading,
.vector-feature-zebra-design-disabled .vector-dropdown-content .vector-menu-heading {
color: var(--theme-pinnable-list-heading-color);
}

.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a,
.vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a,
.vector-feature-zebra-design-disabled .vector-dropdown .mw-list-item a:not(.mw-selflink),
.vector-feature-zebra-design-disabled .vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
.vector-feature-zebra-design-disabled .vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited {
color: var(--theme-pinnable-list-link-color);
}

.mw-page-container,
.vector-feature-zebra-design-disabled .mw-page-container {
background: var(--theme-content-bg);
}

.vector-main-menu,
.vector-feature-zebra-design-disabled .vector-main-menu,
#vector-main-menu-pinned-container .vector-main-menu,
.vector-feature-zebra-design-disabled #vector-main-menu-pinned-container .vector-main-menu {
background: var(--theme-main-menu-bg);
}

.vector-toc,
.vector-feature-zebra-design-disabled .vector-toc {
background: var(--theme-toc-bg);
}

.vector-toc .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-link {
color: var(--theme-toc-link-color);
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link {
color: var(--theme-toc-active-parent-link-color);
}

.vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active > .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-expanded) > .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-level-1-active:not(.vector-toc-list-item-active) > .vector-toc-link,
.vector-feature-zebra-design-disabled .vector-toc .vector-toc-list-item-active.vector-toc-level-1-active > .vector-toc-link {
color: var(--theme-toc-active-link-color);
}

.vector-header-container a {
color: var(--theme-header-link-color);
}

.vector-menu-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item.selected a:visited {
color: var(--theme-body-color);
}

h1, h2, h3, h4, h5, h6 {
color: var(--theme-heading-color);
}

a {
color: var(--theme-body-link-color);
}

ul {
list-style: disc;
}

pre, code, .mw-code {
background: var(--theme-code-bg);
border: var(--theme-code-border);
color: var(--theme-code-color);
}

table.zebra tr.odd {
background-color: #eee;
}

.catlinks {
background-color: var(--theme-catlinks-bg);
border: var(--theme-catlinks-border);
}

.vector-settings .cdx-button {
background-color: var(--theme-sidebar-bg);
color: #202122;
border-color: #a2a9b1;
}

.vector-settings .cdx-button:hover {
background-color: var(--theme-dropdown-bg);
color: #202122;
cursor: pointer;
}

.mw-footer li {
color: var(--theme-footer-color);
}
}

@media screen and (min-width:1000px) {
:root {
--mw-page-container-side-padding: 2.75em;
}

#vector-toc-pinned-container .vector-toc::after,
.vector-feature-zebra-design-disabled #vector-toc-pinned-container .vector-toc::after {
background: none;
}

.mw-footer-container,
.vector-feature-zebra-design-disabled .mw-footer-container {
grid-row-start: footer;
grid-row-end: footer;
grid-column-start: pageContent;
grid-column-end: pageContent;
}

.vector-icon {
filter: var(--theme-icon-filter);
}
}

@media screen and (min-width:1200px) {
:root {
--mw-page-container-side-padding: 3.25em;
}
}

.mw-page-container-inner::before {
content: "";
display: block;
grid-column-start: toc;
grid-column-end: toc;
grid-row-start: siteNotice;
grid-row-end: footer;
margin-left: calc(-1*var(--mw-page-container-side-padding));
background: var(--theme-sidebar-bg);
}

.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-toc-not-available .mw-page-container-inner::before,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled .vector-sidebar-container-no-toc ~ .mw-page-container-inner::before,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-feature-toc-pinned-clientpref-0 .mw-page-container-inner::before {
display: none;
}

.vector-main-menu-action-opt-out {
display: none;
}

.mw-footer-container {
grid-row-start: footer;
grid-row-end: footer;
grid-column-start: pageContent;
grid-column-end: pageContent;
}

.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-toc-not-available .mw-footer-container,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled .vector-sidebar-container-no-toc ~ .mw-footer-container,
.vector-feature-zebra-design-disabled.vector-feature-main-menu-pinned-disabled.vector-feature-toc-pinned-clientpref-0 .mw-footer-container {
grid-column-start: toc;
grid-column-end: pageContent;
}

/* syntax highlighting colors */
.hljs{background:var(--theme-hljs-bg)}
.hljs,.hljs-operator,.hljs-property,.hljs-punctuation,.hljs-subst,.hljs-unset{color:var(--theme-hljs-unset)}
.hljs-quote,.hljs-comment{color:var(--theme-hljs-comment)}
.hljs-doctag{color:var(--theme-hljs-doctag)}
.hljs-built_in,.hljs-name,.hljs-literal,.hljs-link,.hljs-meta-keyword,.hljs-keyword{color:var(--theme-hljs-keyword)}
.hljs-title,.hljs-type{color:var(--theme-hljs-type)}
.hljs-title.function_{color:var(--theme-hljs-function)}
.hljs-meta-string,.hljs-string{color:var(--theme-hljs-string)}
.hljs-number{color:var(--theme-hljs-number)}
.hljs-builtin-name,.hljs-formula,.hljs-params,.hljs-template-variable,.hljs-variable{color:var(--theme-hljs-variable)}
.hljs-symbol{color:var(--theme-hljs-symbol)}
.hljs-template-tag,.hljs-regexp{color:var(--theme-hljs-regexp)}
.hljs-tag,.hljs-tsql-literal,.hljs-meta{color:var(--theme-hljs-meta)}
.hljs-section{color:var(--theme-hljs-section)}
.hljs-attr,.hljs-attribute{color:var(--theme-hljs-attribute)}
.hljs-bullet{color:var(--theme-hljs-bullet)}
.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:var(--theme-hljs-selector)}
.hljs-addition{background-color:var(--theme-hljs-addition)}
.hljs-deletion{background-color:var(--theme-hljs-deletion)}
.hljs-tsql-symbol{color:var(--theme-hljs-tsql-symbol)}
.hljs-tsql-string{color:var(--theme-hljs-tsql-string)}
.hljs-tsql-built_in{color:var(--theme-hljs-tsql-built_in)}
.hljs-tsql-sp{color:var(--theme-hljs-tsql-sp)}

/* light vector theme */
:root {
--theme-body-bg: #072207;
--theme-body-color: #202122;
--theme-body-link-color: #3366cc;
--theme-header-bg:
repeating-linear-gradient(to top, #0002, #0000 1em),
repeating-linear-gradient(to right, #0002, #0000 1em),
radial-gradient(circle at left, #141, #151 10%, #151 40%, #113811);
--theme-header-color: #fff;
--theme-header-icon-filter: invert(100%);
--theme-header-link-color: #fff;

--theme-content-bg: #fff;
--theme-heading-color: #000;
--theme-code-bg: #f8f9fa;
--theme-code-border: 1px solid #eaecf0;
--theme-code-color: #000;

--theme-catlinks-bg: #f8f9fa;
--theme-catlinks-border: 1px solid #a2a9b1;

--theme-sidebar-bg: #141;
--theme-sidebar-color: #fff;
--theme-sidebar-link-color: #ddf;
--theme-pinnable-header-label-color: #ddd;
--theme-pinnable-header-link-color: #fafff4;
--theme-pinnable-header-link-hover-color: #fff;
--theme-pinnable-list-heading-color: #eee;
--theme-pinnable-list-link-color: #fff;

--theme-main-menu-bg: transparent;

--theme-toc-bg: transparent;
--theme-toc-link-color: #fafff4;
--theme-toc-active-parent-link-color: #fafafa;
--theme-toc-active-link-color: #fff;

--theme-dropdown-bg: #151;

--theme-footer-color: #202122;

/* syntax highlighting colors */
--theme-hljs-bg: #f7f7f7;
--theme-hljs-unset: #000;
--theme-hljs-comment: #080;
--theme-hljs-doctag: #556b2f;
--theme-hljs-keyword: #00f;
--theme-hljs-type: #2b91af;
--theme-hljs-function: #74531f;
--theme-hljs-string: #a31515;
--theme-hljs-number: #000;
--theme-hljs-variable: #9cdcfe;
--theme-hljs-symbol: #d8a0df;
--theme-hljs-regexp: #9a5334;
--theme-hljs-meta: #9b9b9b;
--theme-hljs-section: gold;
--theme-hljs-attribute: #2b91af;
--theme-hljs-bullet: #d7ba7d;
--theme-hljs-selector: #2b91af;
--theme-hljs-addition: #144212;
--theme-hljs-deletion: #600;
--theme-hljs-tsql-symbol: #dcdcdc;
--theme-hljs-tsql-string: #cb4141;
--theme-hljs-tsql-built_in: #c975d5;
--theme-hljs-tsql-sp: #b3725b;
}
/* light vector theme body colors (default) */
.mw-content-container {
--theme-icon-filter: none;

--theme-pinnable-header-label-color: #54595d;
--theme-pinnable-header-link-color: #3366cc;
--theme-pinnable-header-link-hover-color: #447ff5;
--theme-pinnable-list-heading-color: #54595d;
--theme-pinnable-list-link-color: #3366cc;

--theme-dropdown-bg: #fff;
}

Camera

2024-06-21T18:35:22Z

Winkio:

A camera is an object with functionality that supports viewing the game world from a specific position and orientation. Cameras can be fixed in place or move dynamically, and many games have sophisticated camera systems that include collision and physics.

==Transition==
Often a static camera will need to move from one location to another, which is called a transition. A common use for a camera transition is when a character moves between two adjacent rooms, and the camera transitions from only showing room A to only showing room B.

===Linear Interpolation===
The simplest implementation for a transition is to use linear interpolation to move the camera from the starting point to the ending point over a transition time.

<syntaxhighlight lang="cs">
Vector3 CameraPosition;
// camera position at transition start
Vector3 TransitionStart;
// camera position at transition end
Vector3 TransitionEnd;
// progress through current transition
float TransitionProgressTime;
// Total transition time in seconds
float TransitionTime;

void BeginTransition(Vector3 transitionEnd, float transitionTime)
{
TransitionStart = CameraPosition;
TransitionEnd = transitionEnd;
TransitionTime = transitionTime;
TransitionProgressTime = 0f;
}

void Update(float dt)
{
// if a transition is in progress
if (TransitionProgressTime < TotalTransitionTime)
{
TransitionProgressTime += dt;
if (TransitionProgressTime < TotalTransitionTime)
{
var t = TransitionProgressTime / TotalTransitionTime;
// linear interpolation
CameraPosition = TransitionStart + t * (TransitionEnd - TransitionStart);
}
else
{
CameraPosition = TransitionEnd;
}
}
}
</syntaxhighlight>

==Follow==
One of the most common behaviors implemented on dynamic cameras is the ability to follow a target, often the player.

===Rigid Follow===
The simplest implementation to achieve follow behavior is to rigidly lock your camera to the follow target. This was often done with early 2D games, where the camera would keep the player in the center of the screen at all times, unless the camera hit the scroll boundary of the map.

<syntaxhighlight lang="cs">
Vector3 CameraPosition;
Vector3 FollowTarget;
Vector3 FollowOffset = Vector3.Zero;

void Update(float dt)
{
CameraPosition = FollowTarget + FollowOffset;
}
</syntaxhighlight>

===Spring Damper===
Sometimes the desired behavior is for the camera to trail behind the follow target. Adding camera physics helps to smooth out the motion of the camera, and the simplest form of camera physics is a spring damper system. The following code simulates a critically damped spring damper system.
<syntaxhighlight lang="cs">
Vector3 CameraPosition;
Vector3 CameraVelocity;
Vector3 FollowTarget;
Vector3 FollowOffset = Vector3.Zero;
// FollowRate must be greater than zero.
float FollowRate = 2.0f;

void Update(float dt)
{
// get vector to desired location
var d = FollowTarget + FollowOffset - CameraPosition;
// Calculate the acceleration of the camera. This will be the sum of two terms:
// the spring acceleration which scales with distance from the target
Vector3 AccelerationSpring = (FollowRate * FollowRate / 4) * d;
// the damping acceleration which scales opposite the velocity of the camera
Vector3 AccelerationDamping = -1 * FollowRate * CameraVelocity;
Vector3 CameraAcceleration = AccelerationSpring + AccelerationDamping;
// apply acceleration to velocity
CameraVelocity += CameraAcceleration * dt;
// settle if both velocity and acceleration are near zero
if (CameraVelocity.DistanceSquared() < 1 && CameraAcceleration.DistanceSquared() < 1)
{
CameraVelocity = Vector2.Zero;
CameraPosition = FollowTarget + FollowOffset;
}
// apply velocity to position
else
{
CameraPosition += CameraVelocity * dt;
}
}
</syntaxhighlight>

Note that there is a check for the camera being at a minimum distance from the target which snaps the camera into its equilibrium position.

[[Category:Camera]]

Camera

2024-06-21T01:17:28Z

Winkio: /* Spring Damper */

A camera is an object with functionality that supports viewing the game world from a specific position and orientation. Cameras can be fixed in place or move dynamically, and many games have sophisticated camera systems that include collision and physics.

==Follow==
One of the most common behaviors implemented on dynamic cameras is the ability to follow a target, often the player.

===Rigid Follow===
The simplest implementation to achieve follow behavior is to rigidly lock your camera to the follow target. This was often done with early 2D games, where the camera would keep the player in the center of the screen at all times, unless the camera hit the scroll boundary of the map.

<syntaxhighlight lang="cs">
Vector3 CameraPosition;
Vector3 FollowTarget;
Vector3 FollowOffset = Vector3.Zero;

void Update(float dt)
{
CameraPosition = FollowTarget + FollowOffset;
}
</syntaxhighlight>

===Interpolation===
Sometimes the desired behavior is for the camera to trail behind the follow target. The simplest implementation for this behavior is to use interpolation to move the camera a percentage of the way towards the target each frame.

<syntaxhighlight lang="cs">
Vector3 CameraPosition;
Vector3 FollowTarget;
Vector3 FollowOffset = Vector3.Zero;
// FollowRate must be greater than zero.
float FollowRate = 2.0f;

void Update(float dt)
{
// get vector to desired location
var d = FollowTarget + FollowOffset - CameraPosition;
var dsq = d.LengthSquared();
CameraPosition += dsq > 1 ? d * FollowRate * dt : d;
}
</syntaxhighlight>

Note that there is a check for the camera being at a minimum distance from the target which snaps the camera into its equilibrium position.

===Spring Damper===
Adding camera physics helps to smooth out the motion of the camera, and the simplest form of camera physics is a spring damper system. The following code simulates a critically damped spring damper system.
<syntaxhighlight lang="cs">
Vector3 CameraPosition;
Vector3 CameraVelocity;
Vector3 FollowTarget;
Vector3 FollowOffset = Vector3.Zero;
// FollowRate must be greater than zero.
float FollowRate = 2.0f;

void Update(float dt)
{
// get vector to desired location
var d = FollowTarget + FollowOffset - CameraPosition;
// Calculate the acceleration of the camera. This will be the sum of two terms:
// the spring acceleration which scales with distance from the target
Vector3 AccelerationSpring = (FollowRate * FollowRate / 4) * d;
// the damping acceleration which scales opposite the velocity of the camera
Vector3 AccelerationDamping = -1 * FollowRate * CameraVelocity;
Vector3 CameraAcceleration = AccelerationSpring + AccelerationDamping;
// apply acceleration to velocity
CameraVelocity += CameraAcceleration * dt;
// settle if both velocity and acceleration are near zero
if (CameraVelocity.DistanceSquared() < 1 && CameraAcceleration.DistanceSquared() < 1)
{
CameraVelocity = Vector2.Zero;
CameraPosition = FollowTarget + FollowOffset;
}
// apply velocity to position
else
{
CameraPosition += CameraVelocity * dt;
}
}
</syntaxhighlight>

[[Category:Camera]]

Camera

2024-06-20T19:34:40Z

Winkio:

A camera is an object with functionality that supports viewing the game world from a specific position and orientation. Cameras can be fixed in place or move dynamically, and many games have sophisticated camera systems that include collision and physics.

==Follow==
One of the most common behaviors implemented on dynamic cameras is the ability to follow a target, often the player.

===Rigid Follow===
The simplest implementation to achieve follow behavior is to rigidly lock your camera to the follow target. This was often done with early 2D games, where the camera would keep the player in the center of the screen at all times, unless the camera hit the scroll boundary of the map.

<syntaxhighlight lang="cs">
Vector3 CameraPosition;
Vector3 FollowTarget;
Vector3 FollowOffset = Vector3.Zero;

void Update(float dt)
{
CameraPosition = FollowTarget + FollowOffset;
}
</syntaxhighlight>

===Interpolation===
Sometimes the desired behavior is for the camera to trail behind the follow target. The simplest implementation for this behavior is to use interpolation to move the camera a percentage of the way towards the target each frame.

<syntaxhighlight lang="cs">
Vector3 CameraPosition;
Vector3 FollowTarget;
Vector3 FollowOffset = Vector3.Zero;
// FollowRate must be greater than zero.
float FollowRate = 2.0f;

void Update(float dt)
{
// get vector to desired location
var d = FollowTarget + FollowOffset - CameraPosition;
var dsq = d.LengthSquared();
CameraPosition += dsq > 1 ? d * FollowRate * dt : d;
}
</syntaxhighlight>

Note that there is a check for the camera being at a minimum distance from the target which snaps the camera into its equilibrium position.

===Spring Damper===
Adding camera physics helps to smooth out the motion of the camera, and the simplest form of camera physics is a spring damper system. The following code simulates a critically damped spring damper system.
<syntaxhighlight lang="cs">
Vector3 CameraPosition;
Vector3 CameraVelocity;
Vector3 FollowTarget;
Vector3 FollowOffset = Vector3.Zero;
// FollowRate must be greater than zero.
float FollowRate = 2.0f;

void Update(float dt)
{
// get vector to desired location
var d = FollowTarget + FollowOffset - CameraPosition;
// Calculate the acceleration of the camera. This will be the sum of two terms:
// the spring acceleration which scales with distance from the target
Vector3 AccelerationSpring = (FollowRate * FollowRate / 4) * d;
// the damping acceleration which scales opposite the velocity of the camera
Vector3 AccelerationDamping = -1 * FollowRate * CameraVelocity;
Vector3 CameraAcceleration = AccelerationSpring + AccelerationDamping;
// apply acceleration to velocity
CameraVelocity += CameraAcceleration * dt;
// round velocity to zero if both velocity and acceleration are near zero
if (CameraVelocity.DistanceSquared() < 1 && CameraAcceleration.DistanceSquared() < 1)
CameraVelocity = Vector2.Zero;
// apply velocity to position
CameraPosition += CameraVelocity * dt;
}
</syntaxhighlight>

[[Category:Camera]]

Camera

2024-06-20T14:24:16Z

Winkio: