Motion Designer S.Gan-Erdene | Front-End Developer
MY
PORTFOLIO
I received a lot of help from bokoko33 to create this project. While working on this project, I gained extensive knowledge of Three.js and Blender. The design closely resembles the original website, with a touch of my own added.
Hello, my name is Gan-Erdene. I grew up in
Mongolia and am currently studying at the Indra Cyber
Institute. I am learning Front-End and Full-Stack
development. I have experience with several programming
languages, including C++, JavaScript, Ruby, and Lua.
I also have a keen interest in visual designs, 3D arts and
rendering. I am also currently learning Blender to further enhance
my design capabilities. I hope I can put my skills to good use.
Currently I am still studying, hence I will list some notable course work here. I hope I am able to add more personal projects here in the near future!
A portfolio and my personal introduction.
Cyber Function is a small project, a 3D-style web slider created using HTML and CSS.
Magma Main is a 3D presentation of a building and construction company created using HTML and CSS with a slide effect.
Through this project, I had the opportunity to enhance and refine my skills in CSS and JavaScript. Specifically, I focused on utilizing global variables in CSS to streamline my code and explored the creation of basic CSS animations using keyframes. Moreover, I delved into the realm of object-oriented JavaScript, employing the simpleton design principle for better organization and efficiency.
What made this project truly exciting was the introduction to new concepts such as Three.js and GLSL. Three.js proved to be an exceptional framework for visualizing 3D assets, including those I crafted using Blender. Additionally, I dabbled in GLSL programming, enabling me to create captivating and distinctive animations that could be projected onto the objects within the scene.
Looking ahead, I am eager to further immerse myself in these technologies, honing my skills to produce intricate and mesmerizing patterns and animations. This project drew inspiration from Bokoko33's website design, and with the knowledge gained from its creation, I aspire to craft even more remarkable and awe-inspiring websites in the future.
Feel free to explore my repositories and reach out to me. I'm always looking for opportunities to learn and grow as a developer.
Credits to Bokoko33's website which I drew inspiration from
Also credits to Adrian's youtube tutorial on gsap timelines and three.js