DressOrc/Portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

file relocation and minor edits

Browse source
This commit is contained in:
Nye Evans 2021-01-11 19:32:54 +00:00
parent 0fba113d69
commit 4d6515b990
6 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
index.html
View file

@ -31,9 +31,8 @@
<div class = "textBox" style = "margin-bottom: 5vh;"> <div class = "textBox" style = "margin-bottom: 5vh;">
Most of my skills relate to object oriented programming, a big focus of my work is creating intuitive systems that are both developer and user friendly and that work smoothy in all contexts. Most of my skills relate to object oriented programming, a big focus of my work is creating intuitive systems that are both developer and user friendly and that work smoothy in all contexts.
I love creating and working with large libraries and building intricate systems. The feeling of using systems and classes I or a close friend have built in an earlier part of a project is something I love, I love creating and working with large libraries and building intricate systems. The feeling of using systems and classes I or a close friend have built in an earlier part of a project is something I love,
remembering the thought and conversations had around how it works and seeing it interact seemlessly and efficiently with other parts designed separately. I imagine its how it feels to build the house you live within, each part remembering the thought put into and conversations had around how it works and seeing it interact seemlessly and efficiently with other parts designed separately. I imagine its how it feels to build the house
has a story and feels special to you on a personal level. you live within, each part has a story and feels special to you on a personal level.
</div> </div>
<div class = "textBox" id = "galleryHeader"> <div class = "textBox" id = "galleryHeader">
@ -45,8 +44,8 @@
<a href = "pages/gallery/Cat_tower_defense/cat-tower-defense.html" class = "galleryLink"> <a href = "pages/gallery/Cat_tower_defense/cat-tower-defense.html" class = "galleryLink">
<img src = "" class = "galleryImage"> <img src = "" class = "galleryImage">
</a> </a>
<p class = "galleryTitle">Image Title</p> <p class = "galleryTitle"></p>
<p class = "galleryCaption">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p class = "galleryCaption"></p>
<button class = "galleryLeftArrow" onClick = "window.parent.lastSlide();">◄</button> <button class = "galleryLeftArrow" onClick = "window.parent.lastSlide();">◄</button>
<button class = "galleryRightArrow" onClick = "window.parent.nextSlide();">►</button> <button class = "galleryRightArrow" onClick = "window.parent.nextSlide();">►</button>
</div> </div>

12
pages/gallery-index.js
View file

@ -13,22 +13,22 @@ export var slides = [
"A project done for my EPQ, during post-16, where I aimed to create a virtual reality environment where the user could grab and interact with objects in a semi-physics based \ "A project done for my EPQ, during post-16, where I aimed to create a virtual reality environment where the user could grab and interact with objects in a semi-physics based \
environment.<br><br>This system was my introduction to Unreal Engine and mainly used its \"Blueprint\" visual language, however I later used C++ to try and add my own physics \ environment.<br><br>This system was my introduction to Unreal Engine and mainly used its \"Blueprint\" visual language, however I later used C++ to try and add my own physics \
to it.", to it.",
"/pages/gallery/epq-project/projectHeaderImage.png", "./pages/gallery/epq-project/projectHeaderImage.png",
"/pages/gallery/epq-project/epq-project.html" "./pages/gallery/epq-project/epq-project.html"
), ),
new slide( new slide(
"Tower defence game", "Tower defence game",
"A project I created with a friend to help us gain a better understanding of pygame. <br><br> This was a basic tower defence game but featured a fully scalable and customisable \ "A project I created with a friend to help us gain a better understanding of pygame. <br><br> This was a basic tower defence game but featured a fully scalable and customisable \
level system allowing users to add their own levels and towers. One of my earliest projects, this is something I have revisited and improved upon quite a few times.", level system allowing users to add their own levels and towers. One of my earliest projects, this is something I have revisited and improved upon quite a few times.",
"/pages/gallery/cat-tower-defence/projectHeaderImage.png", "./pages/gallery/cat-tower-defence/projectHeaderImage.png",
"/pages/gallery/cat-tower-defence/cat-tower-defence.html" "./pages/gallery/cat-tower-defence/cat-tower-defence.html"
), ),
new slide( new slide(
"House designer", "House designer",
"Originally a task given to do in a school lesson with a text interface, this became a small personal project that I added many other features to.<br><br> It included \ "Originally a task given to do in a school lesson with a text interface, this became a small personal project that I added many other features to.<br><br> It included \
a graphical interface that allowed the user to draw, move and label rooms as well as set the painting and carpeting price which could later be used to calculate \ a graphical interface that allowed the user to draw, move and label rooms as well as set the painting and carpeting price which could later be used to calculate \
full decoration costs.", full decoration costs.",
"/pages/gallery/room-builder/projectHeaderImage.png", "./pages/gallery/room-builder/projectHeaderImage.png",
"/pages/gallery/room-builder/room-builder.html" "./pages/gallery/room-builder/room-builder.html"
) )
]; ];

2
pages/gallery.js
View file

@ -25,8 +25,6 @@ function updateSlide(){
document.querySelector(".galleryLink").href = slides[currentSlide].link; document.querySelector(".galleryLink").href = slides[currentSlide].link;
document.querySelector(".galleryImage").src = slides[currentSlide].image; document.querySelector(".galleryImage").src = slides[currentSlide].image;
console.log(document.querySelector(".galleryImage").src)
console.log(slides[currentSlide].image)
} }
updateSlide(); updateSlide();

6
pages/gallery/epq-project/epq-project.html
View file

@ -8,12 +8,12 @@
</h1> </h1>
<div class = "textBox"> <div class = "textBox">
<h2>What it is</h2> <h2>What it is</h2>
This project was completed for my Extended Project Equalification (also knows as EPQ). During the EPQ, a student will pick a subject of their choice, research it and then either write a paper or create an piece of media This project was completed for my Extended Project Equalification (also knows as EPQ). During the EPQ, a student will pick a subject of their choice, research it and then either write a paper or create a piece of media
(an "artefact") based on what they have learnt. For my subject I originally chose physics simulation as at the time I lacked confidence in maths and wanted to force myself to relearn and become more comfortable with it. (an "artefact") based on what they have learnt. For my subject I originally chose physics simulation as at the time I lacked confidence in maths and wanted to force myself to relearn and become more comfortable with it.
The idea of combining VR with this later came about in an attempt to make the project more modern so more primary research and testing could be done.<br><br> The idea of combining VR with this later came about in an attempt to make the project more modern so more primary research and testing could be done.<br><br>
The end result was a system that allowed the user to interact with a virtual environment with 6 degrees of freedom, they could pick up, move and throw objects with their fingers, hands and head being fully tracked to the The end result was a system that allowed the user to interact with a virtual environment with 6 degrees of freedom, they could pick up, move and throw objects with their fingers, hands and head being fully tracked to the
real world. Due to time restraints, the physics simulation was released separately and ,although fully capable of location and force calculation, could not take rotation of objects into account. The project over all was real world. Due to time restraints, the physics simulation was released separately and, although fully capable of location and force calculation, could not take rotation of objects into account. The project over all was
graded an <b>A*</b> graded an <b>A*</b>
</div> </div>
<div class = "videoContainer"> <div class = "videoContainer">
@ -24,7 +24,7 @@
<h2>What I did</h2> <h2>What I did</h2>
Over the course of 4-5 months I researched and taught myself a large amount of vector maths, C++, the design of basic physics engines, a large portion of Unreal Engines toolset, a large portion of blenders toolset, Over the course of 4-5 months I researched and taught myself a large amount of vector maths, C++, the design of basic physics engines, a large portion of Unreal Engines toolset, a large portion of blenders toolset,
a small amount of 3D rendering theory and the basics of game design for virtual reality. Using this I created a fully functional VR interaction system with many custom made assets, materials and classes as well as a a small amount of 3D rendering theory and the basics of game design for virtual reality. Using this I created a fully functional VR interaction system with many custom made assets, materials and classes as well as a
very basic physics engine. very basic physics engine running within C++.
</div> </div>

3
pages/gallery/room-builder/room-builder.html
View file

@ -11,6 +11,9 @@
A piece of software that allowed the user to draw rooms and set properties such as names, interior carpet and painting prices before being given a price for full decoration in return. Created over the course of 3-4 days during A piece of software that allowed the user to draw rooms and set properties such as names, interior carpet and painting prices before being given a price for full decoration in return. Created over the course of 3-4 days during
after school hours using pygame. after school hours using pygame.
</div> </div>
<div class = "videoContainer">
<iframe width="560" height="315" src="https://www.youtube.com/embed/zKYgddDE_Mc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class = "textBox"> <div class = "textBox">
<h2>What I did</h2> <h2>What I did</h2>

2
pages/mainpage.css
View file

@ -281,7 +281,7 @@ h1{
grid-column: 1/13; grid-column: 1/13;
grid-row: 8/13; grid-row: 8/13;
font-size: clamp(1rem, 3vw, 5rem); font-size: clamp(1rem, 2vw, 3rem);
border: 5px solid #ffd256; border: 5px solid #ffd256;
border-left: 0; border-left: 0;