76 lines
4.4 KiB
HTML
Executable File
76 lines
4.4 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="../css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="../css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="../css/animations/entry_animations.css">
|
|
<link rel="stylesheet" href="../css/animations/animations.css">
|
|
<link rel="stylesheet" href="../css/main.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>HighDef - Home</title>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-inverse navbar-fixed-top">
|
|
<div class="container-fluid">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
|
|
<i class="fa fa-bars" aria-hidden="true" style="color: white;"></i>
|
|
</button>
|
|
<a class="navbar-brand" href="index.html" style="padding-top: 3px;"><img src="../assets/MrUltraBrand.png" style="width: 200px;"></a>
|
|
</div>
|
|
|
|
<div class="collapse navbar-collapse" id="main-navbar">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li><a href="photography.html" style="font-size: 17px;"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i> Back</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="wrapper">
|
|
<div class="nooverflow-bg" style="left: 0px; top: 0px; width: 75vw; height: 50vh;">
|
|
<img src="../assets/cybercircle1.png" style="left: -200px; top: -140px;" class="cybercircle-left">
|
|
</div>
|
|
|
|
<div class="nooverflow-bg" style="bottom: 0px; right: 0px; width: 50vh; height: 49vh;">
|
|
<img src="../assets/cybercircle2.png" style="right: -125px;" class="cybercircle-right">
|
|
</div>
|
|
|
|
|
|
|
|
<div class="nooverflow">
|
|
|
|
<div class="nooverflow">
|
|
<div class="box-center" style="bottom: 0px; margin-bottom: 0px;">
|
|
<h1 class="entry-bottom" style="bottom: 0px;">Reflection</h1>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="box-left entry-left">
|
|
<h2 class="">Planning</h2>
|
|
<p class="">I would like to create an image to be a ingame snapshot of a prerelease version of a fictional video game using augmented reality. Thus, I will go for a futuristic heads up display seen in sci fi genre movies (ex. Iron Man). I will be adding holographic effects and try to make all overlay objects as sci fi as possible. I then include labels similar to that of a stereotypical advertisement that's trying to not give too much away (i.e eye candy with a lot of hints to new features).</p>
|
|
</div>
|
|
|
|
<div class="box-right entry-right">
|
|
<h2 class="">Editing</h2>
|
|
<p class="">While editing, most of it was free style and just using tools that would permit the image to follow a consistent theme of high tech. I wanted to give the feeling of wearing a heads up display that showed what a drone was seeing, or maybe something similar to Iron-Man.</p>
|
|
</div>
|
|
|
|
<div class="box-left entry-left">
|
|
<h2 class="">Results</h2>
|
|
<img src="https://docs.google.com/uc?id=0B-cHXvTzYnfASXI0M01GYXBOUU0" alt="Stereo?" class="auto-size">
|
|
<p>I call this a partial success because near the end, when I added the extra labels, I feel that it broke the emmersion a bit. If I was to make some changes, I would make the labels less intrusive, and also tone down on the motion blur. My original idea was to use the motion blur to remove the destractions around the subject, but this kind of backfired as it made the picture slightly more messy.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
</body>
|
|
</html> |