diff options
| author | realtradam <[email protected]> | 2022-02-26 16:26:49 -0500 |
|---|---|---|
| committer | realtradam <[email protected]> | 2022-02-26 16:26:49 -0500 |
| commit | a14b4958e5daa880bcbf3308483b203e315526e5 (patch) | |
| tree | 96bdbc2820417aa384e7e12f2c57cf06dd31c0da | |
| parent | 936c072b0efbddb0376891f0406d784e780813f0 (diff) | |
| download | portfolio-site-a14b4958e5daa880bcbf3308483b203e315526e5.tar.gz portfolio-site-a14b4958e5daa880bcbf3308483b203e315526e5.zip | |
:)
| -rw-r--r-- | assets/camera-example.mp4 | bin | 0 -> 13664854 bytes | |||
| -rw-r--r-- | assets/ruboid-example.gif | bin | 0 -> 4313771 bytes | |||
| -rw-r--r-- | assets/ruboid-example.mp4 | bin | 0 -> 1211627 bytes | |||
| -rw-r--r-- | index.html | 48 | ||||
| -rw-r--r-- | stylesheet/style.css | 22 |
5 files changed, 61 insertions, 9 deletions
diff --git a/assets/camera-example.mp4 b/assets/camera-example.mp4 Binary files differnew file mode 100644 index 0000000..2733ae9 --- /dev/null +++ b/assets/camera-example.mp4 diff --git a/assets/ruboid-example.gif b/assets/ruboid-example.gif Binary files differnew file mode 100644 index 0000000..a338f8d --- /dev/null +++ b/assets/ruboid-example.gif diff --git a/assets/ruboid-example.mp4 b/assets/ruboid-example.mp4 Binary files differnew file mode 100644 index 0000000..6432b31 --- /dev/null +++ b/assets/ruboid-example.mp4 @@ -1,4 +1,4 @@ -<html><head><meta charset="utf-8"/><title>Portfolio thing</title><link rel="stylesheet" href="./stylesheet/style.css"/><script src="https://cdn.tailwindcss.com"></script><script src="https://unpkg.com/vue@3"></script><script defer src='../assets/fontawesome-free-6.0.0-web/js/all.js'></script></head><div class="flex justify-center"><div class="flex flex-col flex-auto justify-between max-w-5xl"><header class="m-10"><h1 class="text-6xl text-slate-200 w-auto">Portfolio - Tradam.dev</h1></header><body class="bg-gradient-to-b from-thunder-200 to-thunder-300 text-slate-100 font-semiserif"><div id='app' class='flex justify-center pb-12 pr-3 pl-3'><div class="flex flex-auto flex-col justify-between flex-nowrap relative pl-12 pb-12 border-solid border-0 rounded-2xl bg-slate-800 space-y-8 shadow-outset"><div class="sticky top-3 right-0 overflow-visible h-0 float-right"><div class="relative flex justify-end mt-8"><footer><footer class="no-select table text-right p-0.5 text-none border-0 rounded-xl"><div class="rounded-xl m-0 p-0.5 flex flex-col"><a href="https://github.com/realtradam"><i class="fab fa-github-alt icon-img-foot p-1 text-4xl text-thunder-thunder hover:text-white transition-colors"></i></a></div></footer></footer></div></div><h1 class="text-center text-4xl">Email: Contact<at>Tradam.dev</h1><p class="pl-24 pr-24">this is a little blurb about myself</p><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/orc-arena-of-time">Orc: Arena of Time</a></p> +<html><head><meta charset="utf-8"/><title>Portfolio thing</title><link rel="stylesheet" href="./stylesheet/style.css"/><script src="https://cdn.tailwindcss.com"></script><script src="https://unpkg.com/vue@3"></script><script defer src='../assets/fontawesome-free-6.0.0-web/js/all.js'></script></head><div class="flex justify-center"><div class="flex flex-col flex-auto justify-between max-w-5xl"><header class="m-10"><h1 class="text-6xl text-slate-200 w-auto">Portfolio - Tradam.dev</h1></header><body class="bg-gradient-to-b from-thunder-200 to-thunder-300 text-slate-100 font-semiserif"><div id='app' class='flex justify-center pb-12 pr-3 pl-3'><div class="flex flex-auto flex-col justify-between flex-nowrap relative pl-12 pb-12 border-solid border-0 rounded-2xl bg-slate-800 space-y-8 shadow-outset"><div class="sticky top-3 right-0 overflow-visible h-0 float-right"><div class="relative flex justify-end mt-8"><footer><footer class="no-select table text-right p-0.5 text-none border-0 rounded-xl"><div class="rounded-xl m-0 p-0.5 flex flex-col"><a href="https://github.com/realtradam"><i class="fab fa-github-alt icon-img-foot p-1 text-4xl text-thunder-thunder hover:text-white transition-colors"></i></a></div></footer></footer></div></div><h1 class="text-center text-4xl" style="z:99">Email: contact<at>tradam.dev</h1><p class="pl-24 pr-24">this is a little blurb about myself</p><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/orc-arena-of-time">Orc: Arena of Time</a></p> <div class="subheader">— Raylib/MRuby Game</div></h1><h2>January 2022</h2> <p>Short game that won 1st place in the Raylib 5K gamejam.</p> @@ -28,6 +28,8 @@ All controls are fully explained in game.</p> </div> </Transition></p> +<p>Group Project(2 people)</p> + <ul> <li>Effectively cooperated in a team of 2 to build a better game, faster.</li> <li>Went from an idea to complete working prototype under a tight deadline of 8 days.</li> @@ -55,7 +57,8 @@ All controls are fully explained in game.</p> <li>Character Death Animation</li> </ul></li> <li>Level design(First Level and Maze (3rd)level)</li> -<li>Input system and movement mechanics</li> +<li>Input system</li> +<li>Collision resolution</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> @@ -64,6 +67,8 @@ All controls are fully explained in game.</p> <!-- logo --> +<p>Solo Project</p> + <ul> <li>To ensure reliability the test coverage goal is 100% coverage. This target is consistently maintained since the library's initial release in July 2021.</li> <li>To ensure ease of use the documentation coverage goal is 100% coverage. Using Yard documentation coverage is automatically reported as well as automatic generation of documentation.</li> @@ -78,10 +83,13 @@ All controls are fully explained in game.</p> <!-- logo --> +<p>Group Project(2 people)</p> + <ul> <li>Allowed for better understanding of how wrappers and bindings to C libraries are structured and designed.</li> <li>Working on this project gave a better understanding of how a high level language like Ruby works under the hood, as well as how a language like this would interface with C code.</li> <li>Enables the ease and speed of coding with Ruby, while still having access to advanced OpenGl/Raylib C functions.</li> +<li>Working in a group allowed us to cover each others faults and weaknesses resulting in not only faster development time but also better code. When one of us would run into a problem or make a mistake the other person would be quick to assist and keep development going forward.</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/SteelWings">Steelwings</a></p> <div class="subheader">— Raylib/MRuby Game</div></h1><h2>January 2022</h2> @@ -112,26 +120,48 @@ All controls are fully explained in game.</p> </div> </Transition></p> +<p>Group Project(2 people)</p> + <ul> -<li>You need to fill out these bullet points</li> -<li>You need to fill out these bullet points</li> -<li>You need to fill out these bullet points</li> +<li>First gamejam game we made which utilized my custom made tools(FelECS) + +<ul> +<li>Identified issues with the design by both having the tool used by someone else and myself for a larger project.</li> +<li>Was able to use these insights to further develop and improve FelECS.</li> +</ul></li> +</ul> + +<p>My Contributions:</p> + +<ul> +<li>Set up a boid system with FelECS where additional rules could be easily added.</li> +<li>Hitbox detection system</li> +<li>Bullet shooting system</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/ruby2d-camera">Ruby2D Camera</a></p> <div class="subheader">— Fill this out</div></h1><h2>Start date - End date</h2> -<p>Fill this out</p> +<video controls muted autoplay loop class="m-auto mt-4 mb-4 shadow-outset rounded-lg w-[90%]"> +<source type="video/mp4" src="assets/camera-example.mp4"> +</video> + +<p>Solo Project</p> <ul> -<li>You need to fill out these bullet points</li> -<li>You need to fill out these bullet points</li> -<li>You need to fill out these bullet points</li> +<li>Did a lot of math</li> +<li>Did from scratch</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/ruboids">Ruboids</a></p> <div class="subheader">— Fill this out</div></h1><h2>Start date - End date</h2> <p>Fill this out</p> +<video controls muted autoplay loop class="m-auto mt-4 mb-4 shadow-outset rounded-lg w-[90%]"> +<source type="video/mp4" src="assets/ruboid-example.mp4"> +</video> + +<h3>Solo Project</h3> + <ul> <li>You need to fill out these bullet points</li> <li>You need to fill out these bullet points</li> diff --git a/stylesheet/style.css b/stylesheet/style.css index 7e3bb7c..2f0bd69 100644 --- a/stylesheet/style.css +++ b/stylesheet/style.css @@ -547,6 +547,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin: 0px; } +.m-auto { + margin: auto; +} + .mt-8 { margin-top: 2rem; } @@ -571,6 +575,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.75rem; } +.mt-4 { + margin-top: 1rem; +} + +.mb-4 { + margin-bottom: 1rem; +} + .mb-1 { margin-bottom: 0.25rem; } @@ -595,6 +607,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: auto; } +.w-\[90\%\] { + width: 90%; +} + .max-w-5xl { max-width: 64rem; } @@ -947,6 +963,12 @@ article h2 { margin-left: 1rem; } +article h3 { + font-size: 1.5rem; + line-height: 2rem; + margin-top: 0.5rem; +} + article p { font-size: 1.125rem; line-height: 1.75rem; |
