ilangeerligs.github.io/Aincrad.html at main · IlanGeerligs/ilangeerligs.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>ilangeerligs.github.io | Portfolio </title>
            <meta name="description" content="Check out my projects!">
            <meta name="author" content="Ilan Geerligs">

            <!-- Embed page for social media posts -->
            <meta property="og:description" content="ilangeerligs.github.io description">
            <meta property="og:title" content="Ilan Geerligs | Portfolio">
            <meta property="og:type" content="website">
            <meta property="og:url" content="http://www.ilangeerligs.github.io">
            <meta property="og:image" content="http://www.ilangeerligs.github.io/img/logo.png">
            <meta property="og:site_name" content="ilangeerligs.github.io">

            <!-- Favicon -->
            <link rel="shortcut icon" type="image/png" href="img/favicon.png">

            <!-- Page Style -->
            <link rel="stylesheet" type="text/css" href="style.css?version=1">
    </head>

    <body>

        <!-- Navigation Bar -->
        <div class="topnav" id="myTopnav">
            <a href="index.html" class="rightVerticalLine">Home</a>
            <a href="https://github.com/IlanGeerligs" class="icon leftVerticalLine">GitHub</a>
            <a href="https://www.linkedin.com/in/ilan-geerligs-7375a9282/" class="icon leftVerticalLine">LinkedIn</a>
            <a href="Resume.html" class="icon leftVerticalLine" onclick="myFunction()">Resume</a>
            </a>
        </div>

        <!-- Header with Full-Size Image -->
        <div class="hero-image" style="background-image: url('img/Aincrad/Aincrad_card.png');">
            <div class="coverDivFull">
                <!-- <img class="coverArtFullRAOT" src="img/RAoT/RAOT_Large.png" alt="Cover Image" height="500" width="500"></img> -->
            </div>
        </div>

        <!-- Description Section -->
        <div class="descriptionDivRAOT">

            <!-- Section -->
            <h1>Project Aincrad</h1>
            <p><center>Project Aincrad is an on-going fan project recreation of the game from the show Sword Art Online in VRChat. The world currently features PvP ,PvE, economy, saving system and more. It is made by the team ArgusVRC consisting of contributors from around the world.
            <br>Because the game is build for VRChat it uses the Unity Editor with Udon scripting and networking. We specifically use UdonSharp which transpiles C# to Udon.
            You can check out the world <a href="https://vrchat.com/home/launch?worldId=wrld_c077aa49-4820-472d-ace5-c11368f1e3f4 ">here</a>.</center></p>

        </div>

        <iframe width="1120" height="630" src="https://www.youtube-nocookie.com/embed/bWhYSO4k_78?si=HF2yT51oq9FbUoAK" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

        <!-- Description Section -->
        <div class="descriptionDivRAOT">

            <!-- Section -->
            <h1>What I did</h1>
            <p>I joined the project as a programmer in November of 2022.
            My main focus on the project has been NPCs, doing everything from making a state machine editor with editor scripting to doing the npc networking.
            I also worked on the progression system, which lets you spec into two skill trees that improve your stats and give you new abilities.
            All of which can be easily changed and balanced by designers trough a custom editor.
            Furthermore, I developed a trading system enabling players to exchange items or currency from their inventories with other players.
            </p>
            <br>

            <h1>What I learned</h1>
            <p>Working on this project has been a great learning experience. I have learned a lot about networking and editor scripting.
                And also a lot about optimization techniques required to get a big and complex world running on Mobile VR hardware like the Quest.</p>

        </div>
        <br><br>

        <div class="contact">
            <div class="contact-body">
                <!-- Section -->
                <h2>Contact</h2>
                <p>Click the email address to send a message. I look forward to hearing from you.</p>
                <p><strong><a href="mailto:ilangeerligs.00@gmail.com">ilangeerligs.00@gmail.com</a></strong></p>
            </div>
        </div>

        <!-- Navigation Script -->
        <script>
            function myFunction() {
                var x = document.getElementById("myTopnav");
                if (x.className === "topnav") {
                    x.className += " responsive";
                } else {
                    x.className = "topnav";
                }
            }
        </script>
    </body>
</html>