Osmo’s Post

Today I learnt css grid , grid- template , grid gap, grid row , grid column, animation in css, media queries, z-index.

Lo and Behold! My thesis game design project! This one is closest to my heart as I worked on the story, game art, animation, level design, puzzle designs, and even the voice over is mine (not to blow my own horn) but this was on hell of a thrilling journey to being able to push myself to such multi disciplinary areas and surprising myself! Coming back to this makes me want to work on something similar again. This will be the last post where I reminiscence about past game design projects, I hope to share with you all something new going forward, though it will take time, as good art takes time! Do let me know how you like this one! #gamedesign #gameart #2danimation #storywriting

Hello Everyone 😊 Thrilled ✨to showcase the UI of the Word Studio website, meticulously recreated for practice and skill enhancement. This project was an incredible learning experience, allowing me to delve into the nuances of design replication and hone my attention to detail.💫Let's dive into the world of animation.. #UIDesign #WebDevelopment #LearningJourney

Why Colors Look Different in After Effects Ah, the ever-elusive mystery of consistent color! You meticulously select the perfect shade for your animation, only to be met with a jarring shift when viewed in Adobe After Effects. Fear not, fellow creatives! This chameleon-like behavior of colors has a few explanations, and with the right knowledge, you can tame this beast and achieve color consistency. https://lnkd.in/eUFxWZYm

My First NPM Packages! Today I was working on a Terminal application with JS, and had to make some form of animation in the command line. However, the standard ways to clear worked really glitchy when looped, and the other way using \r only worked for single lines, not the whole cmd. All I needed was a function where I could send a list of printable variables along with length of each frame, and it will flawlessly display the entire animation, but that did not work, nor there were any npm packages. So I decided to make my own, and I made 2 very very simple, but at the same time very tiny and effective npm packages that can do that reliably, so that is a win! Clear Screens reliably -> https://lnkd.in/gBSxrYsm Animate in the terminal -> https://lnkd.in/gxVa7MZC

When working with non-standard or conical compression springs, our software offers two game-changing animation display modes... 1️⃣ Active vs. Inactive Coils: Visualise which coils are engaged and which aren't, helping you optimise performance. 2️⃣ Stress Variation: Track how stress distributes along the spring to pinpoint those crucial "hot spots" that might need design tweaks. Discover more features of Spring Calculator Professional: https://bit.ly/3A55WPz #SpringCalculatorProfessional #Springs #SpringDesign #SpringDesigners #DesignEngineers #SpringTesting #SpringFailure #FailureAnalysis #LoadTesting

Nav 2 Component is ready! Building these is making me realize the importance of component-specific variables. A simple animation like decreasing the nav height when we scroll away from the hero would usually require adjusting the max height of each dropdown type and mobile menu manually. But thanks to css calc & variables, we would only need to animate the --nav--height variable, and everything automatically updates. Design changes like border radius, icon stroke width, or spacing become effortless with variables. https://lnkd.in/eTAX7g8H

"Thrilled to share that I recently created the official game poster for Chhota Bheem and the Curse of Damyaan using Adobe Photoshop! 🎨✨ It was an exciting project that I worked on independently for Green Gold Animation Pvt Ltd., and I'm proud of the result. Bringing this iconic character to life through design has been a rewarding experience! Game Link : https://lnkd.in/gtucbWTQ #Photoshop #GameDesign #ChhotaBheem #GreenGoldAnimation #CreativeDesign"

The rendering pipeline is seriously underrated and neglected. It's the unsung hero making sure every swipe, click, and animation feels crazy smooth. Each step - JS, styling, layout, paint, and compositing - works in sync to squash lag and keep things snappy. Knowing how this pipeline ticks is like unlocking god mode for performance.

🆕 🔥 AniDoc: Animation Creation Made Easier Colorizes a sequence of sketches based on a character design reference with high fidelity, even when the sketches significantly differ in pose and scale. Useful Links to learn more about the project ⬇️ Code: https://lnkd.in/gz2m_XKy Gradio app is live on Hugging Face Spaces! Kudos to Sylvain F. for that 💪 Access the app here: https://lnkd.in/gH-yhCKa Support Gradio on GitHub: Gradio.dev