Ameen Abdullah

Built my portfolio with threejs (WebGPU + WebGL). Here is how i built it 👇 @threejs @greensock @bruno_simon #threejs #webgl

@QoreebA The easings of the animations are really nice! You're amazing with after effects

Project section for OR Architecture. The goal of this section is to showcase the projects through bold, story-driven design. Not just any storytelling, but storytelling that goes hand in hand with what the studio does. The main question I kept asking throughout the process was: “What makes this design specific to this studio? What is the distinctive element or concept that sets it apart from a generic solution?” The idea for the whole website is to create an experience that feels true to their work, making the website memorable and difficult to forget. I’d love to know what you think. P.S: I designed it in Figma and I animated it In After Effects.

if you've never felt a website get cinematic, this is the one. A cinematic grass field experience made with @threejs

@ebethefirst @threejs Thanks ebe! I live to make beautiful things

@ameengl @threejs Looks beautiful man!!

@ayaan_is_a_dev @threejs Fr!!

@ameengl @threejs Absolute Cinema✋😁🤚

@jaymidoesit @threejs You definitely do 😼

@ameengl @threejs damn i need this ^^

@JusT_DEDSEC @threejs Yeah yeah 😭

@ameengl @threejs this make somee feel some kinda way

@QoreebA @threejs haii !! arigato qoreeb san :>

@ameengl @threejs Sugoi da ne🤩🪻

@curllmooha @threejs thank u buddy!

@ameengl @threejs seeeshhh good one 🫡

Experience it → above-the-grassland.pages.dev

@kurichans_1996 @threejs Its alright! I didnt notice in github but yeah its a good idea to mention in X, anyway good job recreating it!

@ameengl @threejs I mentioned this on GitHub, but I should have made it clear here on X as well 🙏 I don't think this was a good idea, so I plan to delete this post in a few hours.

@mrdoob @threejs yeah, but the main issue i face is to copy paste these values to code(default params) which is a massive pain so i figured this will solve it :) while working on projects there will be so many iterations of the default values changing and this is really easy for me to edit this!

@PXgvcci @threejs Depending on what you're trying to do, it may be simpler to save the setting in localStorage on change, and then add a reset button.

Adding new features to @threejs inspector GUI that makes developers life easier. - copy button to each GUI folder ( returns folderName = { params } format ) - shortcut to instantly hide/show entire inspector ( ALT/CMD + M ) this is my first time doing opensource. @mrdoob 👀

Another #threejs #tsl exercise ready to be written. Introducing physics using compute. It's the naive approach, but it runs 10000 spheres easily.

@cortiz2894 beautifully executed!

-Music ON- Yesterday I uploaded a new devlog showing the process of working on the name/logo and title screen for Zephyria in a pretty comprehensive way. Check it out if you want to learn how to make cool shit like this Link below ⬇

@thehardikdesign Besttt webgl no code library 🔥

Most designers don’t want to learn shaders by watching hours of tutorials. They want to make something cool first. Then understand it through the process. That insight is exactly why I built The NoCode Shader

🌸 Community Showcase: A portfolio that feels like a place, not a CV. Ameen Abdullah (@PXgvcci) pairs a WebGPU sakura scene with a second WebGL layer that renders mini scenes into textures aligned with the DOM, then quietly stops working when blocks leave the viewport. Subtitles land in Japanese. 🔗 webgpu.com/showcase/ameen… #WebGPU #WebGL #VueJS #GSAP

@webgl_webgpu Thank you for the mention! 🌸

🧪 Community Showcase: The experiment that inspired the final portfolio. The Visual Identity team built a WebGPU experiment in Vue, with Theatre.js running the camera and TSL handling shader transitions, then traded it for a different final cut. Worth poking at while the experiment is still up. 🔗 webgpu.com/showcase/dev-f… CC: @Visual_Identiti, @thehardikdesign, @PXgvcci #WebGPU #TSL #ThreeJS #VueJS #CreativeCoding