summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--index.html23
-rw-r--r--stylesheet/style.css8
2 files changed, 31 insertions, 0 deletions
diff --git a/index.html b/index.html
index 14b2f7c..54b3065 100644
--- a/index.html
+++ b/index.html
@@ -34,6 +34,29 @@ All controls are fully explained in game.</p>
<li>Utilized multiple custom in-house made tools which allowed for more efficient development speed and better code organization(Used MRuby-Raylib and FelECS).</li>
<li>One of 41 submissions in the Raylib 5K Gamejam, our game won first place both by popular vote and judge&#39;s vote.</li>
</ul>
+
+<p>My Contributions:</p>
+
+<ul>
+<li>Level transition animation system</li>
+<li>Level &quot;Scissor&quot;(or Box) pathing system
+
+<ul>
+<li>Multiple paths can be chained together using any arbitrary equation(linear, quadratic, bezier, etc)</li>
+<li>The size of the &quot;Scissor&quot;(or Box) also follows a chain of multiple arbitrary equations(linear, quadratic, bezier, etc)</li>
+<li>Having textures/text appear or disappear after the Scissor has passed over a given location</li>
+</ul></li>
+<li>How a given level is stored in code(before it is loaded)</li>
+<li>Character animation
+
+<ul>
+<li>Character turning around</li>
+<li>Tying running animation speed to character speed</li>
+<li>Character Death Animation</li>
+</ul></li>
+<li>Level design(First Level and Maze (3rd)level)</li>
+<li>Input system and movement mechanics</li>
+</ul>
</article><article class="basis-1/3 bg-gradient-to-r from-slate-800 to-slate-900 rounded-xl mr-12 pl-8 pr-8 pt-5 pb-5 shadow-inset"><h1><a href="https://github.com/realtradam/FelECS">FelECS</a></p>
<div class="subheader">— Engine Agnostic Pure Ruby ECS</div></h1><h2>May 2021 -</h2>
diff --git a/stylesheet/style.css b/stylesheet/style.css
index 5ad62a1..7e3bb7c 100644
--- a/stylesheet/style.css
+++ b/stylesheet/style.css
@@ -881,6 +881,14 @@ Ensure the default browser behavior of the `hidden` attribute.
transition-duration: 150ms;
}
+.transition {
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms;
+}
+
@font-face {
font-family: 'Asul';