चिराग बंसल LEACB · leacb.com

सिस्टम्स डेवलपर · क्रिएटिव कोडर · 3D/WebGL इंजीनियर

मैं ऐसे टूल बनाता हूँ जो समझदारी का सम्मान करते हैं।I build tools that respect intelligence.

मैं चिराग बंसल हूँ — एक डेवलपर, जो लो-लेवल इंजीनियरिंग और विज़ुअल डिज़ाइन के संगम पर काम करता है। मैं जटिल विचारों को तेज़, अभिव्यक्त और सोच-समझकर बने डिजिटल अनुभवों में बदलता हूँ — GPU से चलने वाले ग्राफ़िक्स और इंटरैक्टिव 3D इंटरफ़ेस से लेकर कलर साइंस टूल्स तक।

I’m Chirag Bansal, a developer working where low-level engineering meets visual design. I turn complex ideas into fast, expressive and thoughtful digital experiences — from GPU-accelerated graphics and interactive 3D interfaces to color-science tools.

चुनिंदा प्रोजेक्ट्स देखें hello@leacb.com
अभी क्या बना रहा हूँ कलर साइंस इंजन — C++ में स्पेक्ट्रम विश्लेषण और मानव-दृष्टि सिमुलेशन
चिराग बंसल का पेंसिल स्केच पोर्ट्रेट
चित्र 01 — चिराग बंसलरंग-पट्टी इसी चित्र से ली गई है
दृश्य स्पेक्ट्रमλ, nm

01 · λ 460 nm

चुनिंदा प्रोजेक्ट्स

सभी प्रोजेक्ट्स →
01 लाइव

LEACB

इंटरैक्टिव 3D पोर्टफोलियो

Three.js और वनीला JavaScript से शुरू से बनाया गया गेम-जैसा पोर्टफोलियो। WebGL ब्लूम, वॉल्यूमेट्रिक पार्टिकल्स, फ्लोटिंग 3D पैनल, कस्टम HUD, मिनी-गेम्स और पूरा स्टैटिक ब्लॉग सिस्टम एक ही अनुभव में।

A game-like portfolio built from scratch with Three.js and vanilla JavaScript. WebGL bloom, volumetric particles, floating 3D panels, a custom HUD, mini-games and a full static blog system come together in one experience.

Three.js · JavaScript · WebGL · GLSL · HTML5 · CSS3

3D अनुभव खोलें →
परिचय प्रोजेक्ट्स ब्लॉग leacb.com/experience v1.0 · LIVE THREE.JS · WEBGL BLOOM · VOLUMETRIC PARTICLES
02 लाइव

Auric Artisan

कलर और एक्सेसिबिलिटी टूल्स

कॉन्ट्रास्ट समस्याएँ खोजने, पैलेट निकालने, कलर विज़न सिमुलेट करने और रंग-सजग ASCII बनाने के लिए तेज़, केंद्रित टूल्स का एक सेट। अब यह एक VS Code एक्सटेंशन के रूप में भी है।

A focused suite for finding contrast and accessibility issues, extracting palettes, simulating color vision, validating color systems and turning images into color-aware ASCII art. Now also a VS Code extension.

Color science · Accessibility · JavaScript · VS Code

auricartisan.com देखें →

कॉन्ट्रास्ट · WCAG 2.2

15.9 : 1AAA
5.1 : 1AA
5.1 : 1AA
3.2 : 1सिर्फ़ बड़ा टेक्स्ट

कलर विज़न · Machado 2009

सामान्य
प्रोटानोपिया
ड्यूटेरानोपिया
ट्रिटानोपिया
03 निर्माणाधीन

कलर साइंस इंजन

कम्प्यूटेशनल कलर के लिए C++ फ्रेमवर्क

स्पेक्ट्रम विश्लेषण, मानव-दृष्टि सिमुलेशन और कम्प्यूटेशनल कलर टूल्स — C++ में, ब्राउज़र के लिए WebAssembly बाइंडिंग्स और रेंडरिंग के लिए Vulkan के साथ।

Spectrum analysis, human-vision simulation and computational color tools — written in C++, with WebAssembly bindings for the browser and Vulkan for rendering.

C++ · WebAssembly · Vulkan · Color science

घोषणा पढ़ें →
CIE 1931 2° स्टैंडर्ड ऑब्ज़र्वर CIE 1931 2° STANDARD OBSERVER निर्माणाधीन z̄ ȳ x̄ 400450500 550600650 700 nm कलर-मैचिंग फ़ंक्शन · एनालिटिक फ़िट, Wyman et al. 2013 Color-matching functions · analytic fit, Wyman et al. 2013

02 · λ 500 nm

मैं कैसे काम करता हूँ

“मैं सोचता सिस्टम में हूँ, पर डिज़ाइन भावनाओं में करता हूँ।”
“I think in systems, but I design in feelings.”

मैं जानना चाहता हूँ कि चीज़ें अपनी सबसे गहरी परत पर कैसे काम करती हैं — प्रकाश रंग कैसे बनता है, GPU त्रिभुजों को पिक्सल में कैसे बदलता है, एक सलीक़े से बना इंटरफ़ेस किसी के चेहरे पर मुस्कान कैसे लाता है। फिर मैं बनाता हूँ।

I want to understand how things work at their deepest level — how light becomes color, how a GPU rasterizes triangles, how a well-crafted interface makes someone smile. Then I build.

  1. 01 — समझ गहराई से समझें। बनाने से पहले सतह के नीचे के सिस्टम को जानें।
  2. 02 — डिज़ाइन सोच-समझकर डिज़ाइन करें। हर पिक्सेल, एनीमेशन और इंटरैक्शन अपनी जगह का हकदार हो।
  3. 03 — निर्माण मूल सिद्धांतों से बनाएँ। फैशनेबल विकल्प नहीं, सही एब्स्ट्रैक्शन चुनें।
  4. 04 — खोज खोजते रहें। जिज्ञासा इंजीनियरिंग प्रक्रिया का हिस्सा है।

03 · λ 540 nm

तकनीकी स्किल्स

प्रोग्रामिंग भाषाएँ

  • C
  • C++
  • Python
  • JavaScript
  • TypeScript
  • SQL

वेब और ग्राफ़िक्स

  • Three.js
  • WebGL
  • Vulkan
  • GLSL
  • Node.js
  • HTML5
  • CSS3

टूल्स और प्लेटफ़ॉर्म

  • Git
  • Linux
  • डेटाबेस
  • Cloudflare
  • WebAssembly

04 · λ 580 nm

ब्लॉग

सभी 17 पोस्ट →
LEACB, अब हल्का भारी 3D होम पेज की जगह अब सादा HTML और CSS — कोई लोडिंग स्क्रीन नहीं, जल्दी खुलता है, और अब भी हिंदी और English में। पोर्टफोलियोडिज़ाइन Auric Artisan का नया रूप auricartisan.com का पूरा UI और UX रीडिज़ाइन: रंग के हिसाब से बँटे टूल्स, एक लाइव कॉन्ट्रास्ट ऑडिट और 29 मुफ़्त टूल्स। Auricडिज़ाइनएक्सेसिबिलिटी Auric Artisan लाइव है auricartisan.com रिलीज़ हो गया। रिलीज़, नए VS Code एक्सटेंशन और रास्ते में जो बदला — उस पर एक छोटा नोट। Auricरिलीज़एक्सेसिबिलिटी Auric Artisan — रंग, एक्सेसिबिलिटी और दृष्टि के लिए टूल्स डिज़ाइनर और डेवलपर के लिए एक छोटी टूलकिट: कलर एनालिसिस, एक्सेसिबिलिटी स्कैनिंग, विज़न सिमुलेशन और ASCII आर्ट जनरेटर। Auricकलरएक्सेसिबिलिटी

05 · λ 620 nm

प्लेग्राउंड

इंटरैक्टिव प्रयोग और मिनी-गेम्स, जो सीधे ब्राउज़र में खेले जा सकते हैं।

एनर्जी क्लिकर

एनर्जी कोर पर क्लिक करके पॉइंट्स कमाएँ। माइलस्टोन पार करके मल्टीप्लायर अनलॉक करें।

क्लिक • स्कोर • मल्टीप्लाई

अभी खेलें →

शेप मैच

टाइमर ख़त्म होने से पहले एक जैसी आकृतियों के जोड़े खोजें और मिलाएँ। अपनी याददाश्त परखें।

याददाश्त • 60 सेकंड • 8 जोड़े

अभी खेलें →

टाइपिंग टर्मिनल

टर्मिनल जैसी चुनौती में अपनी टाइपिंग स्पीड परखें। अपना WPM मापें।

स्पीड • 30 सेकंड • WPM

अभी खेलें →

06 · λ 660 nm

आइए कुछ सोच-समझकर बनाएँ।

कोड, क्रिएटिव टेक्नोलॉजी, ग्राफ़िक्स, रंग और मानव-कंप्यूटर इंटरैक्शन के भविष्य पर बातचीत के लिए मैं हमेशा तैयार हूँ।

GitHub LinkedIn X