project3/experience.html at main · stephanielam3211/project3 · 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
<!DOCTYPE html>
<html>
    <link rel="stylesheet" type="text/css" href="light.css" id="page_style"></link>
    <script src="functions.js"></script>
    <head>
        <title>Experience</title>
    </head>
    <nav>
        <a href="index.html">Home</strong></a>
        <a href="about.html">About</strong></a>
        <a href="experience.html">Experience</strong></a>
        <a href="contact.html">Contact Me</strong></a>
    </nav>
    <body>
        <h1>Experience</h1>
    </body>
    <div class="Technical">
        <div class="Website">
            <p>Wesite Development</p>
            <div class="project1">
                <p>In this project, I developed a website for enhancing my public image using
                HTML, CSS, and Javascript. I also showcased my ability to toggle between different
                styles applying CSS and Javascript. This project allowed me to get creative with both
                HTML and CSS and also get accustomed to the coding style and how to format the layout
                <a href="http://csszengarden.com/214/">CSS Zen Garden</a></p>
            </div>
        </div>
        <div class="Basic-Paint">
            <p>Basic Paint Program</p>
            <div class="project2">
                <p>In this project, I used OpenGL and C++ to create a basic paint program that could
                change the paintbrush from a square paintbrush into a circular paintbrush. I also
                included the ability to change the color of the paintbrush by using keys 0-7 and also
                the ability to change the color of the background without affecting the drawing itself.
                Additionally, I had implemented a spray-paint brush which allows the user to paint as
                if they are using spray paint.</p>
            </div>
        </div>
        <div class="Rasterization">
            <p>Rasterization Process</p>
            <div class="project3">
                <p>In this project, I worked with OpenGL and C++ to rasterize both triangles and lines
                rendering image spaces. I had explored the usage of rasterization algorithms to
                construct various rendered environments. This project taught me how to render images
                and understand the process of rasterization as well as the math behind it.
                <a href="https://medium.com/@thiagoluiz.nunes/rasterization-algorithms-computer-graphics-b9c3600a7587">
                Rasterization</a></p>
            </div>
        </div>
        <div class="p1_con">
            <img src="p1.PNG" style="width:600px; height:500px; margin-bottom:50px; margin-left:25px;">
            <img src="example.PNG" style="width:500px; height:500px; margin-bottom:50px; margin-left:150px;">
            <div class="text1">
                <p>Snippet of code</p>
            </div>
            <div class="text2">
                <p>An example of the paint project</p>
            </div>
        </div>
    </div>
<html>