Maxlo24.github.io/projet_Tree_generator_EN.html at master · Maxlo24/Maxlo24.github.io · 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE HTML>
<!--
	Massively by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->

<html>
	<head>
		<title>Tree Generator</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-157529848-1"></script>
		<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());

		gtag('config', 'UA-157529848-1');
		</script>
		<script
		src="https://code.jquery.com/jquery-3.3.1.js"
		integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
		crossorigin="anonymous">
		</script>
		<script>
		$(function(){
			$("#contact_info").load("contact_info.html")
		});</script>
	</head>
	<body class="is-preload">

		<!-- Wrapper -->
		<div id="wrapper" class="fade-in">

			<!-- Header -->
			<header id="header">
				<a href="index.html" class="logo">portfolio</a>
			</header>

			<!-- Nav -->
			<nav id="nav">
				<ul class="links">
                    <li style="background-color: rgba(39, 39, 39, 0.5);"><a href="projet_Tree_generator_FR.html">FR/EN</a></li>
                    <li><a href="index.html">My projects</a></li>
                    <li><a href="aboutme.html">About me</a></li>
                    <li><a href="services_EN.html">Services</a></li>
				</ul>
				<ul class="icons">
					<li><a href="https://www.linkedin.com/in/maxime-gillot-6b0920179/" class="icon brands fa-linkedin"><span class="label">Instagram</span></a></li>
					<li><a href="https://github.com/Maxlo24" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
					<li><a href="https://www.instagram.com/maxime_gt69" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
					<li><a href="https://www.youtube.com/@maximeg3178/videos" class="icon brands alt fa-youtube"><span class="label">youtube</span></a></li>
				</ul>
			</nav>

			<div id="BtnHautPage">
				<a href="#main" class="button icon solid solo fa-arrow-up scrolly">Continue</a>
			</div>

				<!-- Main -->
					<div id="main">

						<!-- Post -->
							<section class="post">

                                <!-- Introduction  -->

								<header class="major">
									<span class="date">May 2021</span>
									<h1>Procedural tree<br> Generator</h1>
									<p style="text-align: justify;">
										During my engineering studies I had to realise a <b>C++</b> project.
										Game development is becoming more and more accessible for indie creators.
										With my group we decided to <b>create a software</b> that could help creators
										to easealy <b>generate procedural tree</b> they could use in their game.
									</p>
                                </header>

								<div class="image main"><img src="images/Tree_Generator/Tree_generation.jpg" alt="All results"></div>

								<p style="text-align: justify;">
									This software can be used to generate different kind of vegetation, from flower, to bush, to tree.
									An ".obj" file of the vegetation can be built and used in all 3D software like Blender or Maya.

								</p>

								<header class="major">
									<h3>Software</h3>
								</header>
								<p style="text-align: justify;">
									The software is made of two parts.
									On the left a pre-visualisation of the
									tree generated by the parameters on the right.
								</p>

                                <div class="image main"><img src="images/Tree_Generator/tree_software.jpg" alt="logo freelance"></div>
								<p style="text-align: justify;">
									The parameters gives complete freedom to the user. The L-system rules can be modified as well as the
									rotation parameters. Randomness can be added to create a unique tree.
									For even more customization a palette of colors is available.
								</p>

								<p style="text-align: justify;">
									Once the user is happy with the parameters, he can generate a 3D model of the tree and its textures.
									Here is the generation result in Blender 3D of the parameters used above rendered :
								</p>

                                <div class="image main"><img src="images/Tree_Generator/blender_result.jpg" alt="Logo bde"></div>

								<p>
									The code can be found on my GitHub as <a href="https://github.com/Maxlo24/Projet_Majeure_Arbre_3D"><b class="Hlink">Projet_Majeure_Arbre_3D</b></a>.
                                </p>

							</section>
					</div>

				<!-- Footer -->
				<div id="contact_info"></div>

				<!-- Copyright -->
					<div id="copyright">
						<ul><li>&copy; Maxime GILLOT</li><li>CSS & JS: <a href="https://html5up.net">HTML5 UP</a></li></ul>
					</div>
			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>

	</body>
</html>