-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
237 lines (207 loc) · 12.7 KB
/
index.html
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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!DOCTYPE>
<html>
<head>
<title>Engel's Little Corner</title>
<link rel="stylesheet" href="home.css" type="text/css"/>
<link rel="icon" href="favicon.ico" type="image/ico"/>
</head>
<body>
<div id="main">
<div id="title">
<div class="prof-left"><a href="http://blog.engelsanchez.net" target="_blank"><img src="img/Blogger.png" width="32" alt="Blogger"/></a></div>
<div class="prof-left"><a target="_blank" href="http://www.youtube.com/user/engelsanchez?feature=creators_cornier-%2F%2Fs.ytimg.com%2Fyt%2Fimg%2Fcreators_corner%2FYouTube%2Fyoutube_32x32.png"><img src="//s.ytimg.com/yt/img/creators_corner/YouTube/youtube_32x32.png" alt="Subscribe to me on YouTube"/></a><img src="//www.youtube-nocookie.com/gen_204?feature=creators_cornier-//s.ytimg.com/yt/img/creators_corner/YouTube/youtube_32x32.png" style="display: none"/></div>
<div class="prof-right">
<a href="http://www.twitter.com/#!/gameengel" rel="nofollow" target="_blank"><img src="img/Twitter.png" width="32" alt="Twitter" /></a>
</div>
<div class="prof-right">
<a href="http://www.linkedin.com/in/engelsanchez" rel="nofollow" target="_blank"><img src="img/LinkedIn.jpg" width="32" alt="LinkedIn" /></a>
</div>
<div class="prof-right">
<a href="https://github.com/engelsanchez" rel="nofollow" target="_blank"><img src="img/Github.png" width="32" alt="Github" /></a>
</div>
<h1>
Engel's Little Corner
<img src='img/Engel.png' width='32' alt="Engel" style="vertical-align:text-top;margin-right:5px"/>
</h1>
</div>
<div id="header">
<div class="btn" id="home-btn">
<img class="btnbg" src="img/buttonnormal.png"/>
<div class="btn-content">Home</div>
</div>
<div class="btn" id="resume-btn">
<img class="btnbg" src="img/buttonnormal.png"/>
<div class="btn-content">Resume</div>
</div>
<div class="btn" id="projects-btn">
<img class="btnbg" src="img/buttonnormal.png"/>
<div class="btn-content">Projects</div>
</div>
<div class="btn" id="blender-btn">
<img class="btnbg" src="img/buttonnormal.png"/>
<div class="btn-content">Blender</div>
</div>
<div class="btn" id="music-btn">
<img class="btnbg" src="img/buttonnormal.png"/>
<div class="btn-content">Music</div>
</div>
<div class="btn" id="salsa-btn">
<img class="btnbg" src="img/buttonnormal.png"/>
<div class="btn-content">Salsa</div>
</div>
<div class="btn" id="reading-btn">
<img class="btnbg" src="img/buttonnormal.png"/>
<div class="btn-content">Reading</div>
</div>
</div>
<div id="main-top"></div>
<div id="main-content">
<div class="section" id="home">
<div class="p">
Welcome to my little corner of the web. My name is Engel Sanchez. I am a software engineer living in the green and beautiful neighborhood of
<a href="http://en.wikipedia.org/wiki/Jamaica_Plain,_Boston">Jamaica Plain</a>
in Boston, Massachusetts, with my wife and two young daughters. I write code for a living and love doing it.
You get to attack all sorts of problems in many different fields with it. Currently I'm involved in the exciting world of distributed systems and large data processing and storage at <a href="http://basho.com">Basho Technologies</a>. I can not imagine doing anything else.
However, there are quite a good number of other things that interest me, so I take turns obsessing about them. If I could just split myself into 5 people...
</div>
<div id="what-i-love">
<div class="love-item" id="love-coding"><div class="love-label">Coding</div></div>
<div class="love-item" id="love-graphics"><div class="love-label">Computer Graphics</div></div>
<div class="love-item" id="love-game-ai"><div class="love-label">Game AI</div></div>
<div class="love-item" id="love-3d-modeling"><div class="love-label">3D Modeling</div></div>
<div class="love-item" id="love-animation"><div class="love-label">Animation</div></div>
<div class="love-item" id="love-audio"><div class="love-label">Audio Processing</div></div>
<div class="love-item" id="love-salsa"><div class="love-label">Salsa Dancing</div></div>
<div class="love-item" id="love-piano"><div class="love-label">Piano</div></div>
<div class="love-item" id="love-guitar"><div class="love-label">Guitar</div></div>
<div class="love-item" id="love-chess"><div class="love-label">Chess</div></div>
<div class="love-item" id="love-math"><div class="love-label">Math & Science</div></div>
<div class="love-item" id="love-french"><div class="love-label">French</div></div>
<div class="love-item" id="love-portuguese"><div class="love-label">Portuguese</div></div>
</div>
<div class="p">
Unfortunately there is only so much time during the day and I do not have that <a href="http://www.usnews.com/science/articles/2009/08/14/scientists-find-rare-gene-behind-short-sleepers">short sleeper's gene</a>. I haven't read a book in French or Portuguese in ages, my beautiful guitar has not been touched in months, adrenaline pumping chess matches happen perhaps once a week and Salsa Fridays only every few weeks.
One has to prioritize and have clear goals to experience the satisfaction of achieving them. This year my goals are to become an expert modeler and animator in <a href="http://blender.org">Blender</a>, profficient at programming games with the <a href="http://unity3d.com">Unity Game Engine</a>, learn all the functional programming languages I can and digest a few other Math books. That is the list <b>after</b> prioritizing</b>. I am going to need a lot of coffee...
</div>
</div>
<div class="section" id="resume">
</div>
<div class="section" id="projects">
<div class="p">
These are my main active projects. I have more little experiments and prototypes buried somewhere in the many hard drives at home. I really should dig them up soon...
</div>
<div class="project">
<div class="project-title">Turn based network games</div>
<div class="project-pic"><img src="img/4inline.png" alt="4-in-line"/></div>
<div class="project-body">
My current experiment involves turn based online games with an Erlang back end and HTML5 and Unity web player front ends. The first one is a 4-in-inline mobile optimized game that should be public shortly. Everything is open sourced and available from my <a href="https://github.com/engelsanchez">Github page</a>.
</div>
<div class="project-links">
<span class="link-heading">Website</span>
<a href="http://4inline.engelsanchez.net">4inline.engelsanchez.net</a>
- <span class="link-heading">Source Code</span>
<a href="https://github.com/engelsanchez/4inline-erl">4inline-erl</a>
<a href="https://github.com/engelsanchez/4inline-web">4inline-web</a>
</div>
</div>
<div class="project">
<div class="project-title">Alien Party</div>
<div class="project-pic"><img src="img/AlienParty.png" alt="Alien Party Game" /></div>
<div class="project-body">
A children's game inspired by my daughter's favorite game and characters of her own design. It's designed to be easy enough to be played by very small children (3year+) without help, without menus or text. I will publish it as a payed iOS game later this year, but you will always be able to play the <a href="alienpartygame.com">Unity web player version</a> for free.
</div>
<div class="project-links">
<span class="link-heading">Website</span>
<a href="http://alienpartygame.com">alienpartygame.com</a>
</div>
</div>
<div class="project">
<div class="project-title">Hunter</div>
<div class="project-pic"><img src="img/HunterSmall.png" alt="Hunter Game" /></div>
<div class="project-body">
A little demo I wrote back in 2009 when I quit my job
and decided to bring game programming back into my life after a decade of neglect.
I am dying to go back into it and turn it into a proper game in Unity. C++, <a href="http://www.ogre3d.org/">Ogre3D</a>, <a href="http://www.fmod.org/">FMOD</a>.
</div>
<div class="project-links">
<span class="link-heading">Website</span>
<a href="http://hunter.sf.net">hunter.sf.net</a>
</div>
</div>
<div class="project">
<div class='project-title'>RowStreams</div>
<div class='project-body'>
A modern C++ library for processing of streams of row data based on ideas from a Java data processing framework I built at a previous job.
Right now it's not much more than a sample, but I will get back to it soon to add support for the new C++11 goodies.
</div>
<div class="project-links">
<span class="link-heading">Website</span>
<a href="http://rowstreams.sf.net">rowstreams.sf.net</a>
</div>
</div>
</div>
<div class="section" id="blender">
<div class="p">
<a href="http://blender.org">Blender</a> is quite possibly the most amazing open source software package out there. You can
create 3D models, texture paint them, animate them, render stills and short films, add post-processing effects, edit video and audio and even create entire games with it. Below are a couple of my Blender tutorials. You can find more on my <a href="http://www.youtube.com/user/engelsanchez" target="_blank">Youtube page</a>. I'm currently the organizer of the <a href="http://www.bostonblender.com/">Boston Blender User Group</a>.
</div>
<div class="p">
Here's a little tutorial in which I quickly demonstrate how to create a simple 3D model, texture paint it and animate it in about 12 minutes.
</div>
<div style="margin:0 auto; width:560px;">
<iframe style="border:1px solid black" width="560" height="349" src="http://www.youtube.com/embed/ZlbDwSpHHyA" frameborder="0" allowfullscreen></iframe>
</div>
<div class="p">
The next one is similar, but here we go all the way and show you how to use an animated character in Unity.
</div>
<div style="margin:0 auto; width:560px;">
<iframe style="border:1px solid black" width="560" height="349" src="http://www.youtube.com/embed/GYZkwbg2T2s" frameborder="0" allowfullscreen></iframe>
</div>
<div class="p">
A more in depth workshop on rigging. That is, the process of preparing a 3D model for animations. The first part:
</div>
<div style="margin:0 auto; width:560px;">
<iframe style="border:1px solid black" width="560" height="349" src="http://www.youtube.com/embed/3RPS-jf-Yx8?list=UUIvWe_d4BRWArSMt2gncl_g" frameborder="0" allowfullscreen></iframe>
</div>
<div class="p">
And the second part:
</div>
<div style="margin:0 auto; width:560px;">
<iframe style="border:1px solid black" width="560" height="349" src="http://www.youtube.com/embed/4am0FG4TG7k?list=UUIvWe_d4BRWArSMt2gncl_g" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="section" id="music">
<div class='p'>
Learning to make music has been an obsession of mine for many, many years. I have absolutely no natural talent
in this area. But I love it way too much to ever quit. For as long as I have fingers, my digital piano, guitar, ukulele
and melodica will get more punishment than they deserve. I am mostly self taught, which means I have
many more bad habits than good. Luckily my friend Evan, who has been my daughter's Kindermusik teacher for
years, gave me proper guitar playing lessons for a good year or two and was able to rectify a lot of
my self inflicted problems.
</div>
<div class='p'>
The biggest Aha! moment I experience in my long music learning journey came from reading the
book <a href="http://www.amazon.com/gp/product/0385142633/ref=as_li_ss_tl?ie=UTF8&tag=engslitcor-20&linkCode=as2&camp=217153&creative=399349&creativeASIN=0385142633">How to Play Piano Despite Years of Lessons: What Music Is and How to Make It at Home</a>.
It's quite an old book, but it helped me greatly. It really shows you the essence of music
theory and encourages you to mess around with music without giving too
much thought to the "right" way of doing things. Get a solid understanding of the basics first, then
the rest is just to practice, practice, practice. But practicing without understanding is wasted time.
</div>
</div>
<div class="section" id="salsa">
<div class="p">Below is a sampler of different Salsa dancers and styles. Some dancers
like acrobatics and fancy knots, some are smoother, some are just a lot of fun to watch. It is very easy to
get addicted this style of dancing. It's sizzling hot, and it can be highly technical. Dancing with a partner
and keeping your leads fun and interesting is a complex problem that can be very appealing to geeks like me. And yes,
I am planning to write some software to tackle this problem :).
</div>
<div style="margin:0 auto;width:300px"><iframe width="300" height="255" src="http://www.youtube.com/embed/4aCxU3KkpoE" frameborder="0" allowfullscreen></iframe></div>
</div>
<div class="section" id="reading"></div>
</div>
<div id="main-bottom"></div>
<script type="text/javascript" src="raphael.js"></script>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="home.js"></script>
</body>
</html>