<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Brosil Bajracharya</title>
    <description>The latest articles on DEV Community by Brosil Bajracharya (@heybrosil).</description>
    <link>https://dev.to/heybrosil</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3973108%2Fdd871d03-6f25-4f50-9670-1e9582f454ba.png</url>
      <title>DEV Community: Brosil Bajracharya</title>
      <link>https://dev.to/heybrosil</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/heybrosil"/>
    <language>en</language>
    <item>
      <title>How to Draw in the Air With Just Your Webcam</title>
      <dc:creator>Brosil Bajracharya</dc:creator>
      <pubDate>Sun, 07 Jun 2026 22:52:52 +0000</pubDate>
      <link>https://dev.to/heybrosil/how-to-draw-in-the-air-with-just-your-webcam-435l</link>
      <guid>https://dev.to/heybrosil/how-to-draw-in-the-air-with-just-your-webcam-435l</guid>
      <description>&lt;p&gt;No stylus. No drawing tablet. No touchscreen. Just your hand, your webcam, and a browser tab. This is a complete guide to air drawing with &lt;a href="https://getairva.com" rel="noopener noreferrer"&gt;AirVA&lt;/a&gt; — from the very first gesture to a finished timelapse ready to post.&lt;/p&gt;




&lt;h2&gt;
  
  
  What You Need
&lt;/h2&gt;

&lt;p&gt;The full equipment list:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Any device with a webcam. Any modern browser. Your hand. That's everything.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;No download, no installation, no account required. AirVA runs entirely in your browser. Open it, allow camera access, and you're drawing in the air within 10 seconds.&lt;/p&gt;




&lt;h2&gt;
  
  
  What Is Air Drawing?
&lt;/h2&gt;

&lt;p&gt;Air drawing is exactly what it sounds like: drawing strokes in physical space using your hand gestures, captured by your webcam and rendered on a digital canvas in real time. AirVA tracks &lt;strong&gt;21 points on your hand 30 times per second&lt;/strong&gt; using computer vision. When it detects a pinch between your thumb and index finger, it draws. When you open your hand, it stops.&lt;/p&gt;




&lt;h2&gt;
  
  
  Getting Started: Step by Step
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Step 01 — Open AirVA&lt;/strong&gt;&lt;br&gt;
Go to &lt;a href="https://getairva.com/app.html" rel="noopener noreferrer"&gt;getairva.com&lt;/a&gt; and click &lt;strong&gt;Start Drawing Free&lt;/strong&gt;. Allow camera access. You'll see your webcam feed with the canvas overlaid on top.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 02 — Show your hand&lt;/strong&gt;&lt;br&gt;
Hold your hand up in front of the camera, palm facing it, about 30–50cm away. A ring cursor will appear at your fingertip. If it doesn't appear, move to a well-lit area.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 03 — Make your first stroke&lt;/strong&gt;&lt;br&gt;
Pinch your thumb and index finger together — the ring cursor becomes filled. Move your hand while pinching to create a stroke. Open your hand to stop.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 04 — Navigate the infinite canvas&lt;/strong&gt;&lt;br&gt;
The canvas extends infinitely in every direction. To pan, pinch your &lt;strong&gt;thumb, index, and middle fingers&lt;/strong&gt; and move your hand. To zoom, pinch your &lt;strong&gt;thumb and middle finger&lt;/strong&gt; with your index pointing up — hand up zooms in, hand down zooms out.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Step 05 — Switch brushes&lt;/strong&gt;&lt;br&gt;
Click &lt;strong&gt;TOOLS&lt;/strong&gt; at the bottom to open the toolbar. Pick from 6 brush types — Marker, Neon Glow, Velocity Ink, Rainbow Gradient, Mono, and Sparks.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Full Gesture Vocabulary
&lt;/h2&gt;

&lt;p&gt;AirVA understands six distinct gestures. Once you know them, navigating the whole platform becomes second nature. &lt;a href="https://getairva.com/#gestures" rel="noopener noreferrer"&gt;Watch them in action →&lt;/a&gt;&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Gesture&lt;/th&gt;
&lt;th&gt;Action&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Thumb + Index pinch&lt;/td&gt;
&lt;td&gt;Draw. Hold and move to create strokes OR select options in menus/panels&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;3-Finger pinch + move&lt;/td&gt;
&lt;td&gt;Pan across the infinite canvas&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Thumb + Middle, Index up&lt;/td&gt;
&lt;td&gt;Zoom — hand up zooms in, hand down zooms out&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Index finger only&lt;/td&gt;
&lt;td&gt;Star pointer — glowing trail follows your fingertip&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;3-Finger hold (index, middle and ring)&lt;/td&gt;
&lt;td&gt;Open the glass File menu&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;2-Finger hold (index and middle)&lt;/td&gt;
&lt;td&gt;Open the radial brush menu&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h2&gt;
  
  
  Pro Tips for Better Air Drawing
&lt;/h2&gt;

&lt;p&gt;💡 &lt;strong&gt;Light from the front.&lt;/strong&gt; A window or softbox in front of you dramatically improves tracking precision.&lt;/p&gt;

&lt;p&gt;🎯 &lt;strong&gt;Start slow, then build speed.&lt;/strong&gt; The Velocity Ink brush responds to hand speed — slow strokes are thick, fast strokes are thin.&lt;/p&gt;

&lt;p&gt;🔍 &lt;strong&gt;Zoom in for fine details.&lt;/strong&gt; The canvas is infinite — zoom all the way in before drawing small elements.&lt;/p&gt;

&lt;p&gt;🎬 &lt;strong&gt;Hit Record before you start.&lt;/strong&gt; If you want a timelapse, start recording before you draw. You can't go back.&lt;/p&gt;

&lt;p&gt;✦ &lt;strong&gt;Use the star pointer on camera.&lt;/strong&gt; For live streams, the star pointer (index finger only) is your most powerful tool.&lt;/p&gt;




&lt;h2&gt;
  
  
  What to Do With Your Air Drawings
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Export as PNG&lt;/strong&gt; — click Photo in the toolbar to save a clean image.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Export as timelapse&lt;/strong&gt; — if you had recording on, export at 2×, 3×, or 5× speed. A 2-minute drawing at 5× speed becomes a 24-second video — perfect for TikTok, Reels, and Shorts.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Use as OBS source&lt;/strong&gt; — add getairva.com as a Browser Source in OBS. Draw in the air live over your camera feed, annotate in real time, or use the star pointer to highlight content.&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Start drawing right now — free at &lt;a href="https://getairva.com" rel="noopener noreferrer"&gt;getairva.com&lt;/a&gt;. No download, no account, no equipment.&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>tutorial</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>showdev</category>
    </item>
    <item>
      <title>What Is Browser-Based Spatial Computing?</title>
      <dc:creator>Brosil Bajracharya</dc:creator>
      <pubDate>Sun, 07 Jun 2026 22:51:57 +0000</pubDate>
      <link>https://dev.to/heybrosil/what-is-browser-based-spatial-computing-1hg9</link>
      <guid>https://dev.to/heybrosil/what-is-browser-based-spatial-computing-1hg9</guid>
      <description>&lt;p&gt;Spatial computing used to mean one thing: a $3,500 device strapped to your face. Apple Vision Pro. Meta Quest. Microsoft HoloLens. The promise was real — interacting with digital content in three-dimensional space using nothing but your hands. The barrier was enormous. &lt;strong&gt;Browser-based spatial computing changes everything.&lt;/strong&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  What Is Spatial Computing?
&lt;/h2&gt;

&lt;p&gt;Spatial computing is any system that allows humans to interact with digital content in physical space — using hands, eyes, and movement rather than keyboards and mice. Instead of clicking a button on a flat screen, you reach out. Instead of typing, you gesture. The interface comes to you, not the other way around.&lt;/p&gt;

&lt;p&gt;The concept has existed in research labs for decades. What's changed is accessibility. Five years ago, experiencing spatial computing required institutional hardware budgets. Today, it requires a browser tab.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Hardware Problem
&lt;/h2&gt;

&lt;p&gt;Every major spatial computing platform until now has been hardware-locked. Apple Vision Pro costs &lt;strong&gt;$3,499&lt;/strong&gt;. Meta Quest 3 costs $499. Microsoft HoloLens can cost $3,500 or more. These are genuinely impressive pieces of engineering. But they share a fundamental limitation: you have to put them on.&lt;/p&gt;

&lt;p&gt;That requirement has kept spatial computing out of reach for most of the world. The student annotating notes. The teacher drawing diagrams mid-lecture. The content creator who wants to sketch ideas on camera. None of them have $3,499.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"Their moat is hardware. Our moat is the gesture language and the software layer — and it runs on the camera already sitting inside every laptop ever made."&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  How AirVA Solves It
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Browser-based spatial computing&lt;/strong&gt; removes the hardware requirement entirely. &lt;a href="https://getairva.com" rel="noopener noreferrer"&gt;AirVA&lt;/a&gt; uses your built-in webcam and computer vision — specifically Google's MediaPipe library, tracking 21 points on your hand 30 times per second — to translate physical gestures into digital interactions in real time.&lt;/p&gt;

&lt;p&gt;Open getairva.com in any browser. Allow camera access. You're inside a spatial computing experience in under 10 seconds. No download, no installation, no device strapped to your face.&lt;/p&gt;




&lt;h2&gt;
  
  
  What You Can Do Today
&lt;/h2&gt;

&lt;p&gt;AirVA's current release gives you a gesture-controlled infinite canvas:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Pinch to draw&lt;/strong&gt; — thumb and index finger together starts a stroke&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Pan the infinite canvas&lt;/strong&gt; — three-finger pinch scrolls through unlimited space&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Zoom in and out&lt;/strong&gt; — thumb and middle finger control scale&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;6 brush types&lt;/strong&gt; — Marker, Neon Glow, Velocity Ink, Rainbow Gradient, Mono, and Sparks&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Export as PNG or timelapse video&lt;/strong&gt; — record and export at 2×, 3×, or 5× speed&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Spatial menus and panel navigation&lt;/strong&gt; — every menu and mode switch is gesture-controlled&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That last point matters. The gesture system doesn't just control drawing — it opens menus, switches modes, navigates panels, and confirms choices. That's the interaction model of an operating system.&lt;/p&gt;




&lt;h2&gt;
  
  
  Where This Is Going: AirVa OS
&lt;/h2&gt;

&lt;p&gt;Drawing is the first layer of a five-phase roadmap building toward &lt;strong&gt;AirVa OS&lt;/strong&gt; — a full spatial operating system in your browser.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Phase 1&lt;/strong&gt; — Canvas OS (live today)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Phase 2&lt;/strong&gt; — Spatial Sketchpad: sticky notes, shapes, text&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Phase 3&lt;/strong&gt; — Multi-window layer: floating panels in space&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Phase 4&lt;/strong&gt; — App ecosystem: music, files, tools — all gesture-controlled&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Phase 5&lt;/strong&gt; — AirVa OS: complete, persistent spatial operating system&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The gesture vocabulary you're learning today is the same one you'll use to operate the entire OS.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why This Matters
&lt;/h2&gt;

&lt;p&gt;Apple and Meta build from hardware up. AirVA builds from software down — starting with the gesture language and interaction layer, then expanding upward into the full OS experience.&lt;/p&gt;

&lt;p&gt;The hardware will get cheaper over time. The gesture language — how humans interact with spatial interfaces — is the hard problem. And that's what browser-based spatial computing is solving, on the camera you already own.&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Try it free at &lt;a href="https://getairva.com" rel="noopener noreferrer"&gt;getairva.com&lt;/a&gt; — no download, no account, no hardware.&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>ux</category>
      <category>javascript</category>
      <category>showdev</category>
    </item>
    <item>
      <title>Air Drawing for Content Creators: Make Viral Videos Without a Tablet</title>
      <dc:creator>Brosil Bajracharya</dc:creator>
      <pubDate>Sun, 07 Jun 2026 22:49:13 +0000</pubDate>
      <link>https://dev.to/heybrosil/air-drawing-for-content-creators-make-viral-videos-without-a-tablet-451h</link>
      <guid>https://dev.to/heybrosil/air-drawing-for-content-creators-make-viral-videos-without-a-tablet-451h</guid>
      <description>&lt;p&gt;The creators winning on TikTok and YouTube right now aren't the ones with the most expensive gear. They're the ones with the most &lt;strong&gt;unexpected formats&lt;/strong&gt;. Air drawing is one of the most arresting visual concepts an audience can encounter — watching someone paint in the air with their bare hands, a glowing trail chasing their fingertip across the screen, looks like magic.&lt;/p&gt;

&lt;p&gt;It is magic. And it runs on the webcam you already have.&lt;/p&gt;




&lt;h2&gt;
  
  
  Why Air Drawing Content Stops the Scroll
&lt;/h2&gt;

&lt;p&gt;Every platform runs on the same currency: the first two seconds. Air drawing earns it every time.&lt;/p&gt;

&lt;p&gt;The visual of a human hand moving through empty space, leaving a glowing trail behind it, triggers an involuntary "wait — how?" in any viewer who sees it for the first time. That reaction is &lt;strong&gt;curiosity as engagement&lt;/strong&gt; — the most powerful hook in content creation. Not shock. Not controversy. Just something genuinely novel that the viewer's brain needs to resolve.&lt;/p&gt;

&lt;p&gt;They watch to the end. That completion rate feeds every algorithm on every platform.&lt;/p&gt;




&lt;h2&gt;
  
  
  The Timelapse Strategy — Your Biggest Asset
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://getairva.com" rel="noopener noreferrer"&gt;AirVA&lt;/a&gt; has a built-in recording engine. Every session can be exported as a timelapse at 2×, 3×, or 5× speed. This is your most powerful content creation tool.&lt;/p&gt;

&lt;p&gt;The math: a &lt;strong&gt;2-minute drawing session at 5× speed becomes a 24-second video&lt;/strong&gt;. That's the engagement sweet spot for Reels and Shorts. Long enough to show the full creation, short enough to hold attention end-to-end.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"Record first, draw second. Always. You can't go back and capture a session that's already happened."&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The format works for any niche: draw a diagram, sketch a portrait, write text in glowing neon, illustrate a story beat. The medium is the message — the fact that it's drawn in the air elevates whatever the content is.&lt;/p&gt;




&lt;h2&gt;
  
  
  Platform by Platform
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;TikTok&lt;/strong&gt;&lt;br&gt;
Export at 5× as a 15–30 second video. Add a trending audio track in-app. The first frame showing your hand in position builds anticipation.&lt;br&gt;
&lt;em&gt;Best brush: Neon Glow or Sparks&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Reels &amp;amp; Shorts&lt;/strong&gt;&lt;br&gt;
Use the 2× timelapse for longer pieces (60–90 seconds). Portrait mode (9:16) maps perfectly to the canvas aspect ratio.&lt;br&gt;
&lt;em&gt;Best brush: Velocity Ink or Rainbow&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;YouTube&lt;/strong&gt;&lt;br&gt;
Real-time air drawing as an intro, transition, or thumbnail element. Export still images mid-drawing as PNG. A glowing air-drawn circle around your face in a thumbnail outperforms any stock graphic.&lt;br&gt;
&lt;em&gt;Best brush: Marker + Neon combo&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Live Streams (OBS)&lt;/strong&gt;&lt;br&gt;
Add getairva.com as a Browser Source in OBS at 1920×1080. Place it above your webcam layer. Now AirVA's canvas overlays your live feed in real time. Draw directly over your camera, annotate, write viewer names. The &lt;strong&gt;star pointer&lt;/strong&gt; (index finger only extended) is a presentation tool unlike anything else available.&lt;/p&gt;




&lt;h2&gt;
  
  
  Your Creator Setup
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Light from the front&lt;/strong&gt; — a window or softbox in front of you dramatically improves hand tracking precision. Avoid backlit setups.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;40–60cm from the camera&lt;/strong&gt; — find your sweet spot, mark it with tape, always start there.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Hit record before you draw anything&lt;/strong&gt; — the Record button is in the toolbar. Click it first, then draw.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Use Neon Glow on dark backgrounds&lt;/strong&gt; — the glowing edge effect reads with extraordinary visual clarity in compressed social video.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Draw slow, export fast&lt;/strong&gt; — deliberate unhurried strokes look skilled and render cleanly. At 5× they still feel dynamic.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  The Real Advantage
&lt;/h2&gt;

&lt;p&gt;Every creator on your platform has access to the same editing software, the same filters, the same trending audio. The tools have been commoditized.&lt;/p&gt;

&lt;p&gt;What can't be commoditized is a genuinely new visual format that your audience hasn't seen before. Air drawing is that format right now. &lt;strong&gt;The window when something is novel enough to stop a scroll but not yet ubiquitous enough to be expected — that's the window you're in today.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Your hand. Your camera. Your canvas. The air in front of you is already a studio.&lt;/p&gt;




&lt;p&gt;&lt;strong&gt;Start creating at &lt;a href="https://getairva.com" rel="noopener noreferrer"&gt;getairva.com&lt;/a&gt; — no download, no account, no equipment.&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>showdev</category>
      <category>ux</category>
      <category>tutorial</category>
    </item>
  </channel>
</rss>
