Shahram Shakiba's repositories
ThreeJS-Portfolio
For this project, the focus is on creating an interactive experience where users can engage by moving an Avatar of my identity within the 3D environment (⚪Three.js).
ScrollBased-Animation-p08
Portfolio ⁞|⁞ Scroll-based animation can truly elevate a website's user experience by adding dynamic elements that engage and delight visitors. ⁞|⁞ ⚪Three.js 🟢GSAP
Shader-Patterns-p17
Shader patterns are techniques used in computer graphics to create visual effects on 3D models. ⁞|⁞ ⚪Three.js 🔵GLSL
Floating-island-3D
Picture this: you have the power to navigate a breathtaking floating island in a mesmerizing 3D environment (⚪Three.js,🔵React.js,🟣Tailwind CSS)
ShahramShakiba
My Profile ⁞|⁞ 3D Frontend Developer, Three.js, WebGL, GLSL, GSAP Animations
ThreeJS-Basic
Analyzing the key features of Three.js and demonstrate its effectiveness in streamlining the creation of "3D Solar System" simulations and other Applications (⚪Three.js).
Blender-Collection
🎨 A vivid showcase of my Blender creations, where each image unfolds a story of unparalleled creativity and mastery! ⁞|⁞ 🔶 Blender
Animated-Galaxy-p19
Curious about crafting the universe? Imagine shaping the cosmos at your fingertips! This project invites you to simulate an awe-inspiring galaxy. ⁞|⁞ ⚪Three.js 🔵GLSL
Coffee-Smoke-p21
Imagine a cozy scene with a steaming cup of coffee, where gentle smoke rises and swirls in the air. ⁞|⁞ ⚪Three.js 🔵GLSL
GalaxyGenerator-p07
Galaxy Generator ⁞|⁞ This project is a Galaxy Generator that leverages the magic of particle manipulation! ⁞|⁞ ⚪Three.js
Modified-Materials-p20
Want to add impressive animations to your 3D models without starting from scratch? This project will show you how to enhance your materials easily and enjoyably. ⁞|⁞ ⚪Three.js 🔵GLSL
3D-Text-p02
3D Text ⁞|⁞ A cool "3D Text" pop right in the center of the scene, with a bunch of donut-shaped "floating objects" all around it ⁞|⁞ ⚪Three.js
Apple-inspired
🚧 Under Maintenance | Design a sleek 3D website with impressive animations and high-quality 3D models to emulate Apple's style (⚪Three.js,🟢GSAP,🔵React.js,🟣Tailwind CSS)
EnvironmentMap-p13
Environment map is a texture that simulates the surrounding environment and is used to create realistic reflections and lighting on 3D objects. ⁞|⁞ ⚪Three.js
GSAP-Crash-Course
It is crucial to grasp that the project serves as a brief demonstration of the power of GSAP (🟢GSAP)
Hamburger-Blender-p12
Custom Hamburger ⁞|⁞ During this stage, I aim to create a personalized hamburger with Blender, export it, and incorporate it into three.js scene. ⁞|⁞ ⚪Three.js 🟠Blender
HauntedHouse-p05
Primitive Objects ⁞|⁞ Enter the mysterious world of a haunted house, where each flickering light reveals the haunting stories of the restless spirits that reside there ⁞|⁞ ⚪Three.js
Hologram_p22
🚧 Under Maintenance ⁞|⁞ ⚪Three.js 🔵GLSL
Lights-p03
Lights ⁞|⁞ If you're curious about how "Light" works in a 3D environment, check out my repo. You'll get to play around in a cool 3D space and learn all about different types of lights ⁞|⁞ ⚪Three.js
Models-p10
Importing Models ⁞|⁞ Models are representations of 3D objects, like complex shapes, characters, vehicles, environments, or any other objects you might want to include in a 3D scene. ⁞|⁞ ⚪Three.js
Particles-p06
Particles ⁞|⁞ Particles are small, individual elements that can be used to create effects like smoke, fire, rain, snow, stars, dust and etc... ⁞|⁞ ⚪Three.js
Physics-p09
Physics ⁞|⁞ Physics simulation offers realistic effects, dynamic environments where objects interact with each other and respond to user actions and more... ⁞|⁞ ⚪Three.js
Raging-Sea-Simulation-p18
This project simulates a raging sea using custom Shaders and Three.js ⁞|⁞ ⚪Three.js 🔵GLSL
Raycaster-p11
Raycasting & Mouse Events ⁞|⁞ It allows you to shoot an invisible ray from a point in space in a certain direction and see what it hits. ⁞|⁞ ⚪Three.js
RealisticRenderer-p14
A realistic renderer refers to a setup or configuration that aims to produce images and animations with a high degree of visual realism. ⁞|⁞ ⚪Three.js
Shader-Flag-p16
A shader is a program written in GLSL that runs on the GPU to determine how 3D objects are rendered on the screen. ⁞|⁞ ⚪Three.js 🔵GLSL
Shadows-p04
Shadows ⁞|⁞ If you're interested in delving into the magic of "Shadows" in a 3D setting, feel free to explore my repository ⁞|⁞ ⚪Three.js
Threejs-Journey-Part01
Starter ⁞|⁞ Embarking on the exciting journey into the world of 3D development to master the art of becoming an expert 3D developer ⁞|⁞ ⚪Three.js
WebGLFox-p15
Object-Oriented Programming ⁞|⁞ The project aims to improve code organization and readability by implementing Object-Oriented Programming through JavaScript classes and modules. ⁞|⁞ ⚪Three.js