Design-HTML-Final-Site/modelling.html at main · MasterFoann/Design-HTML-Final-Site · 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html>

<head>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&family=Space+Mono&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
    <title>Silly's 3D</title>
</head>
<header class="head">
    <table>
        <tr>
            <td><img src="night-mode.png" id="theme"></td>
            <td class="spacing"></td>
            <td><a href="modelling.html">
                    <h3 id="navbar">MODELLING</h3>
                </a></td>
            <td class="spacing"></td>
            <td><a href="shading.html">
                    <h3 id="navbar">SHADING</h3>
                </a></td>
            <td class="spacing"></td>
            <td><a href="index.html">
                    <h1 id="name">Silly's 3D</h1>
                </a></td>
            <td class="spacing"></td>
            <td><a href="lighting.html">
                    <h3 id="navbar">LIGHTING</h3>
                </a></td>
            <td class="spacing"></td>
            <td><a href="resources.html">
                    <h3 id="navbar">RESOURCES</h3>
                </a></td>
            <td class="spacing"></td>
            <td><img src="night-mode.png" id="theme"></td>
        </tr>
    </table>
</header>

<body>
    <div class="content">
        <table>
            <tr>
                <td>
                    <h1>Modelling</h1>
                    <br>
                    <ul>
                        <li><a href="#intro">Intro</a></li>
                        <li><a href="#general">General Tips</a></li>
                        <li><a href="#hardsurface">Hard Surface</a></li>
                        <li><a href="#organic">Organic</a></li>
                    </ul>
                </td>
                <td class="spacing"></td>
                <td class="spacing"></td>
                <td>
                        <video width="200" loop autoplay id="headphones">
                            <source src="0001-0100.mp4" type="video/mp4">
                            Your browser does not support HTML video.
                        </video>
                </td>
            </tr>
        </table>
        <br>
        <h3 id="intro">Intro</h3>
        <p>Welcome to Silly's 3D modelling section! Here, we'll discuss the main two types of modelling in blender, hard
            surface and organic modelling,</p>
        <br>
        <h3 id="general">General Tips</h3>
        <p>When modelling, you are manipulating a mesh, which is a 3D representation of a shape using vertices, edges,
            and faces, or <mark>geometry</mark>. Using different operations we can make organic surfaces like characters, or
            hard surfaces like
            boxes and tables.</p>
        <br>
        <table class="infotable">
            <tr>
                <td>Vertices</td>
                <td>A singular point in space, part of a mesh.</td>
            </tr>
            <tr>
                <td>Edges</td>
                <td>A line connecting 2 vertices, part of a mesh.</td>
            </tr>
            <tr>
                <td>Faces</td>
                <td>A flat surface connecting 3 or more vertices, with edges between them.</td>
            </tr>
            <tr>
                <td>Topology</td>
                <td>The organization of geometry on your object.</td>
            </tr>
        </table>
        <br>
        <h3 id="hardsurface">Hard Surface</h3>
        <p>Hard surface modelling is a method of modelling used to create "harder" surfaces, usually flatter, or with
            sharper edges. Examples of Hard surfaces are laptops, robots, and bottles. Hard surfaces appear more
            manufactured, unlike a human face, which would be organic modelling.</p>
        <br>
        <img src="smokestack.png" alt="hard surface mounted gun" class="infoimage">
        <br>
        <h3 id="organic">Organic</h3>
        <p></p>
        <br>
        <table>
            <tr>
                <td><img src="sock.png" alt="sock" id="sock" class="infoimage"></td>
                <td>
                    <p>Organic Modelling is a method of modelling used to create softer surfaces, like skin or cloth,
                        this is primarily used to create characters. Organic modelling has more spread-out topology to
                        allow for proper deformation, allowing a character to bend properly.</p>
                </td>
            </tr>
        </table>
        <br>
    </div>
</body>

</html>