index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="author" content="">
    <link rel="icon" href="img/favicon.jpg">

    <title>Vilvalas.com</title>

    <!-- Bootstrap core CSS -->
    <link href="lib/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="indexStyle.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="container">

    <div class="page-header">
        <h1>Well met!</h1>

        <p class="lead">This Website serves as an index for some of my personal projects.</p>
		<p><u>Disclaimer</u>: Please don't check the code of this website - it's bad since I wrote most of it <b>5 years ago</b>. Eventually I will rewrite it from scratch in React.</p>
        </p>
    </div>

    <h2>Personal Projects</h2>
	
	<h3>TwitchPlayzHS</h3>

    <div class="row">
        <div class="col-lg-3">
            <img src="img/twitchplayzhs.png" class="gameScreenshot">
        </div>
        <div class="col-lg-8">
            <a href="https://www.twitch.tv/twitchplayzhs">TwitchPlayzHS</a> (formerly <a href="https://mixer.com/mixerplayshs">MixerPlaysHS</a>) was an interactive livestream experiment, which allowed viewers on twitch.tv to play Hearthstone together on stream. Mouse input was collected from viewers using the brand new Twitch Extension system. The extension "Screen Controls" was developed by myself and used as stream overlay. Mouse input was send to my Amazon Web Server, which evaluated inputs (sorting out invalid inputs and calculating the user action with the most agreement each time step). The resulting action for each time step was send to my streaming PC, which automatically executed the action. Using Mixer Interactive we also initially had one click buttons for emotes, but moved over to twitch.tv due to insufficient amount of viewers. Unfortunately I didn't save the peak gameplay with over 50 concurrent players. Currently there only exists one gameplay video <a href="https://www.twitch.tv/videos/177470538">here</a>. I might start the bot again, if either Twitch lowers stream delay, or if Mixer makes their FTL protocol more reliable for lower bandwidths.
        </div>
        <div class="col-lg-1">
            <img src="img/html5.png" class="engineLogo">
        </div>
    </div>

    <h3>Accelerator VR</h3>

    <div class="row">
        <div class="col-lg-3">
            <img src="img/acceleratorVr.png" class="gameScreenshot">
        </div>
        <div class="col-lg-8">
            Accelerator VR is a real-time 3D game for the Oculus Rift. It relies solely on headtracking as its primary control scheme. The game has been developed using the Developer Kit 2 (DK2), however it is assumed to also work on the consumer version. <a href="https://drive.google.com/open?id=1s5dHHcSMQRsjphck1GJxgg-5gU09Xorx">Download Link</a>.
        </div>
        <div class="col-lg-1">
            <img src="img/unity.png" class="engineLogo">
        </div>
    </div>

    <h3>I Wanna Be The Bachelor</h3>

    <div class="row">
        <div class="col-lg-3">
            <img src="img/iwbtb.png" class="gameScreenshot">
        </div>
        <div class="col-lg-8">
            I Wanna Be The Bachelor is a <a href="http://fangam.es/">fangame</a> to <a
                href="http://iwbtg.kayin.moe">I Wanna Be The Guy</a>.
            Instead of using one of the several GameMaker Engines provided
            by the community, I made my own little “engine”, building on the Quintus JavaScript HTML5 Game Engine and
            using Tiled Map Editor. It features 30 levels, including 2 original bosses and tons of deaths.
            Initially I used a basic account system and a MySQL-database, so I could store player progress server-side.
			Since Github doesn't provide that functionality it is currently not possible to save your progress (sorry). You can play the game directly in your browser <a href="./games/iwbtb">here</a>, or watch me
            play it in my <a href="https://youtu.be/ojSJBb3fBak">Personal Playthrough</a>. I do not claim any 
			copyright for the songs used in this game, so make sure to check out the 
			<a href="./games/iwbtb/credits.txt">credits</a>.
        </div>
        <div class="col-lg-1">
            <img src="img/html5.png" class="engineLogo">
        </div>
    </div>

    <hr>

    <h2>Team Projects</h2>

    <h3>Lecturattack</h3>

    <div class="row">
        <div class="col-lg-3">
            <img src="img/lecturattack.png" class="gameScreenshot">
        </div>
        <div class="col-lg-8">
            Lecturattack is a satire about the daily life at DHBW Mannheim, where you play as your favorite professors.
            Your goal is to exmatriculate all students, using each professors characteristic abilities. It features
            “realistic” graphics and an original soundtrack. You can check out our
            <a href="https://github.com/Danghor/Lecturattack">GitHub repository</a> or
            <a href="https://drive.google.com/open?id=1EzMh9qxNqy6kW5a05zp5kR88FV1rJkBI">directly download
                the game</a>.
        </div>
        <div class="col-lg-1">
            <img src="img/java.png" class="engineLogo">
        </div>
    </div>

    <h3>Ruby Mines</h3>

    <div class="row">
        <div class="col-lg-3">
            <img src="img/rubyMines.png" class="gameScreenshot">
        </div>
        <div class="col-lg-8">
            Ruby Mines is a remake of the Emerald Mine series. Your goal is to collect all rubies and make it to the
            exit alive, but rocks and evil viruses are blocking your way. You can download the game
            <a href="https://drive.google.com/open?id=1EzMh9qxNqy6kW5a05zp5kR88FV1rJkBI">here</a>.
        </div>
        <div class="col-lg-1">
            <img src="img/java.png" class="engineLogo">
        </div>
    </div>

    <hr>

    <h3>Miscellaneous</h3>

    <div class="row">
        <div class="col-lg-3">
            <a href="./misc/exmatriculator/index.html">
                <img src="img/exmatriculator.png" class="gameScreenshot">
            </a>
        </div>
    </div>

</div>
<!-- /container -->


<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="lib/ie10-viewport-bug-workaround.js"></script>
</body>
</html>