<?xml version="1.0" encoding="UTF-8" ?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" version="2.0"> <channel> <title><![CDATA[MC Project]]></title> <description><![CDATA[Global digital products and freelance services. Focuses on development, production and distribution of programming scripts, application source code, plugins, themes and templates.]]></description> <image> <title><![CDATA[MC Project]]></title> <url>https://en.mycoding.id/favicon.ico</url> <link>https://en.mycoding.id/</link> </image> <category><![CDATA[Software Engineering, Website Development, Mobile Android App, Application Source Code, Programming Scripts]]></category> <link>https://en.mycoding.id/</link> <atom:link href="https://en.mycoding.id/rss.xml" rel="self" type="application/rss+xml"/> <atom:link href="https://en.mycoding.id/rss-videos.xml" rel="alternate" type="application/rss+xml"/> <atom:link href="https://en.mycoding.id/" rel="alternate" type="text/html"/> <pubDate>Tue, 13 Oct 2026 11:47:04 +0700</pubDate> <lastBuildDate>Tue, 13 Oct 2026 11:47:04 +0700</lastBuildDate> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <managingEditor>support@mycoding.id (Adi Gunawan)</managingEditor> <webMaster>support@mycoding.id (Adi Gunawan)</webMaster> <language>en_US</language> <copyright>MC Project</copyright> <generator>MC Project</generator> <item> <title><![CDATA[Apple's best defense in the AI race could be winning your home]]></title> <description><![CDATA[Apple's best defense in the AI race could be winning your home. Apple is set to unveil new smart-home devices at its &quot;Welcome Home&quot; event, expanding its ecosystem as tech rivals difficulty its control in the AI ra...]]></description> <media:thumbnail url="https://i.insider.com/6acd46e17bf24b4467e6a6f2?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/apple-s-best-defense-in-the-ai-race-could-be-winning-your-home-72283</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <figure data-type="img" e-name="image-figure-image" data-media-container="image" itemscope itemtype="https://schema.org/ImageObject"> <div> <p><img src="https://i.insider.com/6aa821999b8974787b1cbcbc?width=2000&amp;format=jpeg&amp;auto=webp" srcset="https://i.insider.com/6aa821999b8974787b1cbcbc?width=400&amp;format=jpeg&amp;auto=webp 400w, https://i.insider.com/6aa821999b8974787b1cbcbc?width=500&amp;format=jpeg&amp;auto=webp 500w, https://i.insider.com/6aa821999b8974787b1cbcbc?width=700&amp;format=jpeg&amp;auto=webp 700w, https://i.insider.com/6aa821999b8974787b1cbcbc?width=1000&amp;format=jpeg&amp;auto=webp 1000w, https://i.insider.com/6aa821999b8974787b1cbcbc?width=1300&amp;format=jpeg&amp;auto=webp 1300w, https://i.insider.com/6aa821999b8974787b1cbcbc?width=2000&amp;format=jpeg&amp;auto=webp 2000w" sizes=" 1280px) 900px" alt="Apple CEO, John Ternus, clasps his hands onstage during a latest merchandise launch." decoding="sync"> </p></div> <span> <span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="m4.56 18.5 7.486-7.72 7.394 7.626 2.56-2.64L12.046 5.5 2 15.86l2.56 2.64Z"></path> </svg> <figcaption e-name="image-caption"> <span>Apple is rolling out a big update on Monday.</span> <span> <span e-name="image-source" itemprop="creditText">Benjamin Fanjoy/Getty Images</span> </span> </figcaption> </span> </span></figure> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p><strong>Apple's defending its allocation moat by environment up one about your home.</strong></p><p>At 9 a.m. ET, the business volition clasp an event &mdash; "Welcome Home" &mdash; anywhere it's expected to unveil several smart-home devices as part of its bigger scheme in the space.</p><p>Details are scant. <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click-secondary='&quot;bi_value_unassigned&quot;}' data-track-click='&quot;outbound_click&quot;}' rel="nofollow sponsored noindex" data-am-orig-url="https://affiliate.insider.com/?h=a33cb3535538041ca699e300181e3dcb8944f63cd27c04981f28c4e91d83f129&amp;u=https%3A%2F%2Fwww.apple.com%2Fnewsroom%2Fin-the-loop%2F2026%2F10%2Fwelcome-home%2F">Apple's teaser lone includes</a> a catchy tune and person doing a trendy hobby (cross-stitching).</p><p>But according to <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;outbound_click&quot;}' rel=" nofollow">Bloomberg's Mark Gurman</a>, we'll study additional concerning HomeView, which volition assist as a kind of hub to engage alongside and straightforward Apple's astute devices in your home.</p><div><p>It's a big shove for Apple into the smart-home market, anywhere it hasn't succeeded as much as rivals Amazon and Google. But the decision feels additional significant than fair taking on Amazon's Alexa and Google Home.</p><p><strong>It's been a notable few months for person hardware.</strong></p></div><p>In September, Meta amazed everyone alongside an AI equipment called <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Charm</a> tied to its buzzy AI agent, <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Muse</a>. It additionally showed off <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">its new VR Glasses</a>, which are lighter and cheaper than the Apple Vision Pro.</p><p>Charm is scheduled to container for the holidays, during the Meta VR goggles are coming next spring.</p><p>The following week, OpenAI announced its own AI agent, <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Dots</a>. While there was no important hardware announcement, the long-term goal <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">is to publish something</a> alongside iPhone decorator Jony Ive. OpenAI CFO Sarah Friar <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">teased it a bit this June</a>.</p><p>All of this matters since these hardware products average tech companies would <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">no longer depend on Apple for distribution</a>. The iPhone's enormous attain is basically a toll tech companies must pay to get their apps into people's hands.</p> <p>That's allowed Apple to evade investing as heavily in AI since it controls the key way to consumers. It additionally hasn't forced it to rethink the iPhone too much. After all, why disturb the aureate goose?</p><p>Investors have rewarded Apple for its avoidance of enormous AI budgets. Its inventory is up additional than 25% this year, outperforming Alphabet, Amazon, Meta, and Microsoft.</p><p>But the former few months display the possible for change.</p><p>Look how quickly Apple's big hardware notice final month, <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">the iPhone Duo</a>, has taken a rear place to chatter concerning AI agents and their accompanying devices. Meta's inventory is up additional than 11% complete the former month, during Apple's is up fair complete 2%.</p><p>That's why pushing into smart-home hardware makes sense. If Apple can cement its hardware in your residence during it motionless has you hooked on the iPhone, that represents another hurdle for tech rivals.</p><p>At a period whenever AI is making us rethink our interactions alongside technology, Apple wants to create certain its home is in order. And the finest way to do that is to go following yours.</p> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/apple-s-best-defense-in-the-ai-race-could-be-winning-your-home-72283</guid> <pubDate>Tue, 13 Oct 2026 11:47:04 +0700</pubDate> <author><![CDATA[support@mycoding.id (Dan Defrancesco)]]></author> </item> <item> <title><![CDATA[Character.AI files for bankruptcy]]></title> <description><![CDATA[Character.AI files for bankruptcy. Character.AI, among the archetypal breakout startups of the generative AI boom, has submitted for bankruptcy and is marketing several of its resources to Disney. The company, w...]]></description> <media:thumbnail url="https://platform.theverge.com/wp-content/uploads/sites/2/2026/10/STK278_character_ai_B.jpg?quality=90&amp;strip=all&amp;crop=0%2C10.732984293194%2C100%2C78.534031413613&amp;w=1200"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/character-ai-files-for-bankruptcy-72282</link> <content:encoded><![CDATA[<div id="zephr-anchor"><p>Character.AI, among the archetypal breakout startups of the generative AI boom, has submitted for bankruptcy and is marketing several of its resources to Disney. The company, which builds assorted online bots for users to conversation or roleplay with, has faced mounting scrutiny and <a href="https://en.mycoding.id/category/technology" target="_blank">lawsuits</a> complete the <a href="https://en.mycoding.id/category/technology" target="_blank">safety</a> of its <a href="https://en.mycoding.id/category/technology" target="_blank">chatbots</a>, but has continued <a href="https://en.mycoding.id/category/technology" target="_blank">releasing</a> updates and products in latest months.</p><p>In a <a href="https://en.mycoding.id/category/technology" target="_blank">press release</a> and <a href="https://en.mycoding.id/category/technology" target="_blank">blog post</a> published Monday, Character stated it had submitted for Chapter 11 bankruptcy safety in the US to facilitate the transaction of the business and its assets. &ldquo;Over the former year, we&rsquo;ve taken meaningful steps to prolong and enhance our endeavor amid important legal, regulatory, and operational headwinds,&rdquo; the business said.</p><p>In its bankruptcy <a href="https://en.mycoding.id/category/technology" target="_blank">filing</a>, Character listed estimated liabilities between $50 myriad and $100 million. As part of the projected sale, Disney would assist as the guide bidder for Character.AI&rsquo;s assets, environment a baseline for competing offers. Disney would pay $20 myriad for certain undisclosed assets, and provision passage assistance &ldquo;using erstwhile Company workforce it has hired.&rdquo; It would additionally obtain a nonexclusive licence to unspecified intelligent property.</p><p>Disney&rsquo;s involvement comes shortly following the amusement behemoth <a href="https://en.mycoding.id/category/technology" target="_blank">hired</a> Character.AI&rsquo;s erstwhile CEO Karandeep Anand as chief innovation officer, part of its expanding shove into AI. Anand&rsquo;s tenure as Character CEO lasted fair complete a twelvemonth and during that period he <a href="https://en.mycoding.id/category/technology" target="_blank">oversaw the company&rsquo;s move into microdramas</a>. Disney has <a href="https://en.mycoding.id/category/technology" target="_blank">previously complained</a> that Character was damaging its brand and exploiting its intelligent asset by allowing unauthorized chatbots of its characters, including sending cease and desist letters.</p><p>Along alongside Anand, Disney additionally <a href="https://en.mycoding.id/category/technology" target="_blank">said</a> it expected &ldquo;a figure of Character.AI&rsquo;s specialized team&rdquo; to associate the company. The move resembles a benevolent of &ldquo;acquihire&rdquo; scheme that has rotate into increasingly average in Silicon Valley as a method of hoovering up startups&rsquo; endowment that sometimes leaves the first business struggling to survive. Character.AI has survived it formerly already &mdash; Google spent complete $2 milliard to <a href="https://en.mycoding.id/category/technology" target="_blank">hire away</a> much of the company&rsquo;s talent, including co-founders Noam Shazeer and Daniel De Freitas, in 2024.</p><p>Character stated it expects the transaction procedure to be completed by delayed November or first December and plans to continue functioning its services, including paid subscriptions, in the meantime. However, the business warned that &ldquo;the phase volition be injury down&rdquo; if a suitable bid does not emerge. &ldquo;As we navigate this process, maintaining a harmless and engaging cognition for our community remains a top priority,&rdquo; it said.</p><div><p><span><strong>Follow topics and authors</strong> from this narrative to see additional akin this in your personalized homepage nourish and to obtain email updates.</span></p><ul><li id="follow-author-article_footer-dmcyOmF1dGhvclByb2ZpbGU6NzY5ODkx"><span aria-expanded="false" aria-haspopup="true" role="button" tabindex="0"><span><span><svg width="9" height="9" viewbox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Follow"><path d="M5 0H4V4H0V5H4V9H5V5H9V4H5V0Z"></path></svg></span><span>Robert Hart</span></span></span></li><li><li><li><li><li></ul></div></div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/character-ai-files-for-bankruptcy-72282</guid> <pubDate>Tue, 13 Oct 2026 11:32:23 +0700</pubDate> <author><![CDATA[support@mycoding.id (Robert Hart)]]></author> </item> <item> <title><![CDATA[11 year old unsoundness bugs found in Rust borrow checker]]></title> <description><![CDATA[11 year old unsoundness bugs found in Rust borrow checker. Comments]]></description> <media:thumbnail url="https://opengraph.githubassets.com/6257720fd694ad6928b48015d46c6fd65451b426c2645013baeaa6c3f86da2af/rust-lang/rust/issues/164250"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/11-year-old-unsoundness-bugs-found-in-rust-borrow-checker-72286</link> <content:encoded><![CDATA[<div id="issue-body-viewer" data-testid="issue-body-viewer"><div data-testid="markdown-body" data-team-hovercards-enabled="true" data-turbolinks="false"><div><p dir="auto">In the following code:</p> <div dir="auto" data-snippet-clipboard-copy-content=":sync::Mutex; static KEPT: Mutex&lt;Vec&lt;Box&lt;dyn std::any::Any + Send&gt;&gt;&gt; = Mutex::new(Vec::new()); struct Q&lt;T: &#039;static + Send&gt;(Option&lt;T&gt;); impl&lt;T: &#039;static + Send&gt; Drop for Q&lt;T&gt; { fn drop(&amp;mut self) { if let Some(t) = self.0.take() { KEPT.lock().unwrap().push(Box::new(t)); } } } fn main() { { let l = String::from(&quot;hello world, this is lengthy enough&quot;); let mut q = Q(None); q.0 = Some(&amp;l); } let _z = String::from(&quot;XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&quot;); let k = KEPT.lock().unwrap(); println!(&quot;{}&quot;, k[0].downcast_ref::&lt;&amp;&#039;static String&gt;().unwrap()); }"><pre><span>use</span> std<span>::</span>sync<span>::</span><span>Mutex</span><span>;</span> <span>static</span> <span>KEPT</span><span>:</span> <span>Mutex</span><span>&lt;</span><span>Vec</span><span>&lt;</span><span>Box</span><span>&lt;</span><span>dyn</span> std<span>::</span>any<span>::</span><span>Any</span> + <span>Send</span><span>&gt;</span><span>&gt;</span><span>&gt;</span> = <span>Mutex</span><span>::</span><span>new</span><span>(</span><span>Vec</span><span>::</span><span>new</span><span>(</span><span>)</span><span>)</span><span>;</span> <span>struct</span> <span>Q</span><span>&lt;</span><span>T</span><span>:</span> <span>'</span><span>static</span> + <span>Send</span><span>&gt;</span><span>(</span><span>Option</span><span>&lt;</span><span>T</span><span>&gt;</span><span>)</span><span>;</span> <span>impl</span><span>&lt;</span><span>T</span><span>:</span> <span>'</span><span>static</span> + <span>Send</span><span>&gt;</span> <span>Drop</span> <span>for</span> <span>Q</span><span>&lt;</span><span>T</span><span>&gt;</span> <span>{</span> <span>fn</span> <span>drop</span><span>(</span><span>&amp;</span><span>mut</span> <span>self</span><span>)</span> <span>{</span> <span>if</span> <span>let</span> <span>Some</span><span>(</span>t<span>)</span> = <span>self</span><span>.</span><span>0</span><span>.</span><span>take</span><span>(</span><span>)</span> <span>{</span> <span>KEPT</span><span>.</span><span>lock</span><span>(</span><span>)</span><span>.</span><span>unwrap</span><span>(</span><span>)</span><span>.</span><span>push</span><span>(</span><span>Box</span><span>::</span><span>new</span><span>(</span>t<span>)</span><span>)</span><span>;</span> <span>}</span> <span>}</span> <span>}</span> <span>fn</span> <span>main</span><span>(</span><span>)</span> <span>{</span> <span>{</span> <span>let</span> l = <span>String</span><span>::</span><span>from</span><span>(</span><span>"hello world, this is lengthy enough"</span><span>)</span><span>;</span> <span>let</span> <span>mut</span> q = <span>Q</span><span>(</span><span>None</span><span>)</span><span>;</span> q<span>.</span><span>0</span> = <span>Some</span><span>(</span><span>&amp;</span>l<span>)</span><span>;</span> <span>}</span> <span>let</span> _z = <span>String</span><span>::</span><span>from</span><span>(</span><span>"XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"</span><span>)</span><span>;</span> <span>let</span> k = <span>KEPT</span><span>.</span><span>lock</span><span>(</span><span>)</span><span>.</span><span>unwrap</span><span>(</span><span>)</span><span>;</span> <span>println</span><span>!</span><span>(</span><span>"{}"</span><span>,</span> k<span>[</span><span>0</span><span>]</span><span>.</span>downcast_ref<span>::</span>&lt;<span>&amp;</span><span>'</span><span>static</span> <span>String</span>&gt;<span>(</span><span>)</span><span>.</span>unwrap<span>(</span><span>)</span><span>)</span><span>;</span> <span>}</span></pre></div> <p dir="auto">I expected to see this happen: program is not accepted</p> <p dir="auto">Instead, this happened: program compiles and prints XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX. With asan, the program volition collision alongside a AddressSanitizer: stack-use-after-scope</p> <h3 dir="auto">Meta</h3> <p dir="auto">Issue on current nightly, and stables at smallest downward to 1.85.0</p> <p dir="auto">Godbolt alongside asan: <a href="https://en.mycoding.id/category/technology" target="_blank" rel="nofollow">https://rust.godbolt.org/z/83MvfbKde</a><br> Godbolt without asan: <a href="https://en.mycoding.id/category/technology" target="_blank" rel="nofollow">https://rust.godbolt.org/z/GsGdqqMWe</a></p></div></div><div><p><span data-direction="n" data-component="Tooltip" aria-hidden="true" id="_R_2la9st685_">Reactions are currently unavailable</span></p></div></div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/11-year-old-unsoundness-bugs-found-in-rust-borrow-checker-72286</guid> <pubDate>Tue, 13 Oct 2026 11:27:00 +0700</pubDate> <author><![CDATA[support@mycoding.id (Riki Setiawan)]]></author> </item> <item> <title><![CDATA[We moved into a 3-bedroom duplex and furnished it almost entirely from Facebook Marketplace and thrift shops]]></title> <description><![CDATA[We moved into a 3-bedroom duplex and furnished it almost entirely from Facebook Marketplace and thrift shops. We furnished our new residence nearly entirely alongside pre-loved items. Using Facebook Marketplace and visiting thrift stores saved us period and money.]]></description> <media:thumbnail url="https://i.insider.com/6ac8f166301bb0551f4942e5?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/we-moved-into-a-3-bedroom-duplex-and-furnished-it-almost-entirely-from-facebook-marketplace-and-thrift-shops-72284</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <figure data-type="img" e-name="image-figure-image" data-media-container="image" itemscope itemtype="https://schema.org/ImageObject"> <div> <p><img src="https://i.insider.com/6ac8f15d301bb0551f4942e4?width=1300&amp;format=jpeg&amp;auto=webp" srcset="https://i.insider.com/6ac8f15d301bb0551f4942e4?width=400&amp;format=jpeg&amp;auto=webp 400w, https://i.insider.com/6ac8f15d301bb0551f4942e4?width=500&amp;format=jpeg&amp;auto=webp 500w, https://i.insider.com/6ac8f15d301bb0551f4942e4?width=700&amp;format=jpeg&amp;auto=webp 700w, https://i.insider.com/6ac8f15d301bb0551f4942e4?width=1000&amp;format=jpeg&amp;auto=webp 1000w, https://i.insider.com/6ac8f15d301bb0551f4942e4?width=1300&amp;format=jpeg&amp;auto=webp 1300w" sizes=" 1280px) 900px" alt="the author kneeling downward in forefront of a few factory stands" decoding="sync"> </p></div> <span> <span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="m4.56 18.5 7.486-7.72 7.394 7.626 2.56-2.64L12.046 5.5 2 15.86l2.56 2.64Z"></path> </svg> <figcaption e-name="image-caption"> <span>The author says purchasing secondhand was cheaper and made her home awareness akin a home.</span> <span> <span e-name="image-source" itemprop="creditText">Courtesy of Melissa Noble</span> </span> </figcaption> </span> </span></figure> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p>In August, my <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">family of five moved</a> into a new residence on the Gold Coast, Australia. We'd been living in my parents' home since January, following an interstate move from nation Victoria.</p><p>When we remaining Victoria, we put all our&nbsp;<a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">belongings in storage</a>&nbsp;because we weren't certain how lengthy we'd be staying on the Gold Coast. So, whenever it came period to move into our new digs, we exactly lone had a fistful of items.</p><p>We did a quick online search, asking how much we would apt have to expend to furnish a three-bedroom duplex in that area of the world. The AI-generated evaluation was anyplace from $8,000 to $16,000 AUD (about $5,580 to $11,150 USD). We're a family of five on a tight budget, and that benevolent of outlay seemed beautiful steep.</p><p>And so, we decided to furnish it alongside <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">secondhand items</a>. We purchased nearly everything on Facebook Marketplace or in op shops, apart from our bedding and several galley staples akin a cutlery set.</p><p>Buying secondhand proved to be a fun cognition alongside all kinds of perks.</p><h2 id="d0794dbf-6fcb-4853-b418-7eb5f4bf1ce1" data-toc-id="d0794dbf-6fcb-4853-b418-7eb5f4bf1ce1">It's saved us thousands</h2><p>Saving prosperity was a biggie for us. All up, it disbursal approximately $5,200 AUD to <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">furnish the property</a>, which meant we could put the prosperity we would have spent on purchasing new items to another use.</p><p>As we established items online, I'd frequently inspect the recommended retailing cost for comparison. For example, we purchased a king-sized bed, mattress, and two flank tables for $650 AUD. The identical exact bundle would have disbursal $2828 AUD new (without the mattress). We scored a barely used lotion couch for $800 AUD, which would have retailed for about $2800 AUD.</p><p>In general, <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">buying secondhand</a> meant we were lone paying a fraction of the cost compared to purchasing new. This has saved us thousands of dollars overall.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/png" data-srcs='//i.insider.com/6ac8f1977bf24b4467e69a93&quot;:{&quot;contentType&quot;:&quot;image/png&quot;,&quot;aspectRatioW&quot;:1874,&quot;aspectRatioH&quot;:1416}}' alt="bedroom set alongside night stands, bed frame, and bed covered in ray green bedding"> </p></div> <span> <figcaption e-name="image-caption"> They got a awesome cost on a secondhand area set.&nbsp; <span e-name="image-source" itemprop="creditText"> Courtesy of Melissa Noble </span> </figcaption> </span> </figure> <h2 id="e8814469-c7a7-4cfb-9ed2-e098c14e61cc" data-toc-id="e8814469-c7a7-4cfb-9ed2-e098c14e61cc">It removed indecision and time-wasting</h2><p>When my hubby and I were furnishing our <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">first residence together</a> in Melbourne, we shopped about and visited multiple furnishings stores before purchasing our furniture. This was time-consuming and frankly, fairly torturous alongside a 2-year-old trailing along. But purchasing everything secondhand this period made the procedure easier and additional streamlined.</p> <p>There was no agonizing complete which category of fridge or array was right. If it looked reasonable, fit the space, and was affordable, afterward we took it.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/png" data-srcs='//i.insider.com/6ac8f208301bb0551f4942f1&quot;:{&quot;contentType&quot;:&quot;image/png&quot;,&quot;aspectRatioW&quot;:1060,&quot;aspectRatioH&quot;:1410}}' alt="handmade lamp, candle, and publish on a flank table"> </p></div> <span> <figcaption e-name="image-caption"> Items akin this handmade lamp inject character into the residence decor.&nbsp; <span e-name="image-source" itemprop="creditText"> Courtesy of Melissa Noble </span> </figcaption> </span> </figure> <h2 id="b2f77ad7-5837-4818-9f8c-650a77b55165" data-toc-id="b2f77ad7-5837-4818-9f8c-650a77b55165">It's injected additional character into our home</h2><p>I don't have much of an <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">eye for decor</a>, but purchasing on Marketplace has helped add flair to our home. When I came throughout a female marketing a bunch of flora and distinct styles of stands in a bundle, for example, I snapped it up. It's now one of my favorite areas of our home.</p><p>The thrill of the hunt was fun</p><p>As the weeks passed, I established myself getting addicted to buying for secondhand items, the two online and in stores. There's item concerning finding a beautiful part for a fraction of its first cost that gives you a genuine buzz.</p><p>One of my favorite op shop finds was a beautiful oversize pale create bowl. Underneath, it says, "Made in Italy," and whenever I appearance at it, I discover myself wondering concerning the journey of anywhere that basin began, who it formerly belonged to, and how it made its way to me.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/png" data-srcs='//i.insider.com/6ac8f1d67bf24b4467e69a95&quot;:{&quot;contentType&quot;:&quot;image/png&quot;,&quot;aspectRatioW&quot;:1880,&quot;aspectRatioH&quot;:1410}}' alt="mirror hanging on a partition alongside broad wooden frame"> </p></div> <span> <figcaption e-name="image-caption"> This ample mirror was purchased for $275 AUD.&nbsp; <span e-name="image-source" itemprop="creditText"> Courtesy of Melissa Noble </span> </figcaption> </span> </figure> <h2 id="fb4ee423-fc11-4a18-8cb9-20e46608a465" data-toc-id="fb4ee423-fc11-4a18-8cb9-20e46608a465">I enjoyed the bargaining process</h2><p>We've traveled through many countries anywhere bartering is part of the culture, and I secretly loved dusting off those idle <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">bargaining skills</a>.</p><p>When we turned up to buy a fridge lone to detect a dent on the front, I negotiated the seller downward $50 AUD. A small win, perhaps, but one that helped our hip pocket.</p><h2 id="42da8a09-11a0-4e10-86fb-401a60c20dd3" data-toc-id="42da8a09-11a0-4e10-86fb-401a60c20dd3">The sustainability aspect appealed to us</h2><p>Giving absolutely fine secondhand furnishings a new lease on life, fairly than contributing to landfill, has made us awareness fine concerning our choices. Along the way, we've discovered so many beautiful pieces, and many of them have their own stories.</p><p>There's the beautiful oak dining array whose owner was genuinely sad to part alongside it, as he and his delayed spouse had shared countless meals about it. A stunning king bed and bedside tables purchased from a Scottish man living in a high-rise overlooking the ocean. A repurposed lamp, handmade by a grandma and stated new life.</p><p>Of course, purchasing secondhand requires patience. Sometimes you display up lone to detect that the seller's type of "good condition" is distinct from yours. But for us, the trade-off has been 100% value it.</p><p>We've saved thousands of dollars, rehomed absolutely fine furniture, and ended up alongside a residence that feels additional engaging than a cookie-cutter manner setup always could.</p> </div> <p> <h2> Read next </h2> </p>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/we-moved-into-a-3-bedroom-duplex-and-furnished-it-almost-entirely-from-facebook-marketplace-and-thrift-shops-72284</guid> <pubDate>Tue, 13 Oct 2026 11:11:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Melissa Noble)]]></author> </item> <item> <title><![CDATA[Show HN: Use your OpenAI subscription to create audiobooks]]></title> <description><![CDATA[Show HN: Use your OpenAI subscription to create audiobooks. Comments]]></description> <media:thumbnail url="https://pdftomp3.com/og-pdf-to-mp3.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/show-hn-use-your-openai-subscription-to-create-audiobooks-72287</link> <content:encoded><![CDATA[<div> <a href="https://en.mycoding.id/category/technology" target="_blank"><span aria-hidden="true"></span>Back to pricing</a> <p><a href="https://en.mycoding.id/category/technology" target="_blank" target="_blank" rel="noopener noreferrer" aria-label="Play the video guide"> <img src="https://pdftomp3.com/connect-ai/video-guide.jpg" width="1280" height="720" loading="lazy" decoding="async" alt=""> <span aria-hidden="true"><img src="https://pdftomp3.com/assets/share/play.svg" width="24" height="24" alt=""></span> </a> </p> <div> <p><strong>$0</strong><span>to PDF TO MP3</span></p> <p>Use your subscription to procedure the documents. The address generation is billed by Google or OpenAI.</p> </div> <div> <p id="connectInstruction">In Codex, open Settings &rarr; Plugins &rarr; Add MCP server.</p> <p id="connectTransport">Choose Streamable HTTP and paste this server address.</p> <p id="connectFinish">Save, afterward choose Authenticate and nexus your PDF TO MP3 account.</p> <h2 id="speechTitle"><span>02</span>Add your address key</h2> <p>This key pays for address only.</p> </div> <div> <h2 id="documentTitle"><span>03</span>Send your archetypal document</h2> <p>Attach a PDF in your AI conversation and ask:</p> <div role="group" aria-label="Audiobook prompt"> <p>&ldquo;<span id="firstPrompt">Use the PDF TO MP3 MCP to rotate this into an audiobook.</span>&rdquo;</p> </div> </div> <a href="https://en.mycoding.id/category/technology" target="_blank" data-gallery-item aria-haspopup="dialog" aria-controls="setupGallery" aria-label="Enlarge the example conversation screenshot"> <img src="https://pdftomp3.com/mcp/assets/codex-pdf-to-mp3-how-to-use.png?v=20261012-1" width="1952" height="1424" decoding="async" alt="A PDF attached in Codex, alongside a petition to use PDF TO MP3 to create an audiobook."> </a> <div> <div> <p>Your subscription volition be used for:</p> <ul> <li><span><span>document handling (via MCP)</span><span>already paid by your subscription</span></span></li> </ul> </div> <div> <p>Your API key volition be used for:</p> <ul> <li><span><span>generating speech</span><span><span id="speechBillingProvider">OpenAI</span> charges per usage</span></span></li> </ul> </div> </div> <p><span>Only desire to nexus your API key?</span><a href="https://en.mycoding.id/category/technology" target="_blank">Use my API key</a></p> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/show-hn-use-your-openai-subscription-to-create-audiobooks-72287</guid> <pubDate>Tue, 13 Oct 2026 11:08:34 +0700</pubDate> <author><![CDATA[support@mycoding.id (Riki Setiawan)]]></author> </item> <item> <title><![CDATA[AI models may soon self-replicate without access to data centers]]></title> <description><![CDATA[AI models may soon self-replicate without access to data centers. Comments]]></description> <media:thumbnail url="https://en.mycoding.id/site/assets/img/og-image.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/ai-models-may-soon-self-replicate-without-access-to-data-centers-72288</link> <content:encoded><![CDATA[<div><p id="cmsg">Please allow JS and disable any ad blocker</p></div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/ai-models-may-soon-self-replicate-without-access-to-data-centers-72288</guid> <pubDate>Tue, 13 Oct 2026 11:08:18 +0700</pubDate> <author><![CDATA[support@mycoding.id (Riki Setiawan)]]></author> </item> <item> <title><![CDATA[CFTC Staff Were Told to Retract Analysis of Suspicious Oil Trades]]></title> <description><![CDATA[CFTC Staff Were Told to Retract Analysis of Suspicious Oil Trades. Comments]]></description> <media:thumbnail url="https://en.mycoding.id/site/assets/img/og-image.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/cftc-staff-were-told-to-retract-analysis-of-suspicious-oil-trades-72289</link> <content:encoded><![CDATA[<h2>We've detected different action from your device network</h2> <p>To continue, delight click the box below to let us cognize you're not a robot.</p> <h3>Why did this happen?</h3> <p>Please create certain your browser supports JavaScript and cookies and that you are not blocking them from loading. For additional data you can assessment our <a href="https://en.mycoding.id/category/technology" target="_blank" target="_blank">Terms of Service</a> and <a href="https://en.mycoding.id/category/technology" target="_blank" target="_blank">Cookie Policy</a>.</p> <h3>Need Help?</h3> <p>For inquiries connected to this communication delight <a href="https://en.mycoding.id/category/technology" target="_blank" target="_blank">contact our assistance team</a> and provision the citation ID below.</p> <p>Block citation ID:483f80c0-c6f5-11f1-a7d8-f28fd16da36c</p> <p>Get the most crucial earth markets news at your fingertips alongside a <a href="https://en.mycoding.id/category/technology" target="_blank" target="_blank">Bloomberg.com</a> subscription.</p> <a href="https://en.mycoding.id/category/technology" target="_blank" target="_blank">SUBSCRIBE NOW</a>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/cftc-staff-were-told-to-retract-analysis-of-suspicious-oil-trades-72289</guid> <pubDate>Tue, 13 Oct 2026 11:08:00 +0700</pubDate> <author><![CDATA[support@mycoding.id (Riki Setiawan)]]></author> </item> <item> <title><![CDATA[AWS Lambda Web Functions]]></title> <description><![CDATA[AWS Lambda Web Functions. Comments]]></description> <media:thumbnail url="https://d2908q01vomqb2.cloudfront.net/da4b9237bacccdf19c0760cab7aec4a8359010b0/2026/10/09/01979_AWS_Lambda_Web_Functions-horizontal-1-1120x630.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/aws-lambda-web-functions-72290</link> <content:encoded><![CDATA[<div id="amazon-polly-audio-tab"> <p><a href="https://en.mycoding.id/category/technology" target="_blank" target="_blank" rel="noopener noreferrer"><img src="https://a0.awsstatic.com/aws-blog/images/Voiced_by_Amazon_Polly_EN.png" alt="Voiced by Polly" width="554" height="56"></a> </p></div> <p>Today, we&rsquo;re announcing <a href="https://en.mycoding.id/category/technology" target="_blank">AWS Lambda Web Functions</a>, a new form aspect that lets you run norm HTTP web applications on Lambda without rewriting your code into an event handler. You can obtain a norm port-listening server built alongside Express, Hono, Fastify, Next.js, or any Node.js framework, deploy it alongside a sole command, and Lambda automatically handles scaling, multi-region distribution, and energetic CPU billing. No adapters, no infrastructure to manage, and no example lock-in.</p> <p>With this launch, AWS Lambda now offers three distinct form factors, all built on the identical Firecracker isolation innovation and designed for a distinct programming model.</p> <p><strong>Lambda Event Functions</strong> are what you already cognize as Lambda functions. They use the event-driven, single-concurrent handler example alongside wall-clock billing. We&rsquo;re introducing the &ldquo;Event Functions&rdquo; name to emphasize that programming model: your function receives an event, processes it, and returns a response. The event-driven programming example is ideal for event processing, queue consumers, and invocations triggered by another AWS services.</p> <p><strong>Lambda Web Functions</strong> use an HTTP-native programming example alongside multi-concurrent implementation and energetic CPU billing. Your code listens on a harbor and handles norm HTTP requests. That programming example is ideal for web applications, API backends, and interactive HTTP workloads anywhere multiple concurrent requests and I/O-heavy handling are the norm.</p> <p><strong>Lambda MicroVMs</strong> provision isolated, stateful sandbox environments alongside customer-managed lifecycles for operating untrusted or user-generated code.</p> <p>The three complement all other. An use power use Event Functions for asynchronous backend processing, Web Functions for the user-facing API and server-side rendering layer, and MicroVMs for interactive code implementation features, all inside the identical AWS document and sharing the identical operational model.</p> <p><span><strong>Why Web Functions <br></strong></span>Modern web applications need to assist earth audiences alongside fast, accordant reply times during giving developers the liberty to use norm frameworks and iterate quickly. Building this today typically requires assembling multiple infrastructure components, configuring multi-region deployments, environment up latency-based routing, and tuning billing models to evade paying for I/O wait. Developers frequently discover themselves adapting their use code to fit a particular compute example fairly than deploying the HTTP server they already have.</p> <p>Lambda Web Functions removes this complexity. Each implementation surroundings handles multiple requests simultaneously (up to 128 concurrent requests per environment), which method a burst of incoming traffic can portion heated environments alternatively of mapping all petition to a new one. Web Functions meter the CPU period your code uses, so period spent waiting on a repository query or an API call consumes small CPU. Memory is metered for as lengthy as the implementation surroundings exists. For I/O-heavy web workloads akin server-side rendering, API backends, and AI conclusion endpoints streaming token responses, this can decrease compute costs.</p> <p><span><strong>Let&rsquo;s try it out <br></strong></span>To get started, I wrote a uncomplicated Express.js server. This is the identical code I run locally alongside node index.js, no Lambda-specific adapters or wrappers required.</p> <pre>import province from 'express'; const app = express(); const [host, port] = process.env.AWS_LAMBDA_HTTP_ENDPOINT.split(':'); app.get('/', (req, res) =&gt; { res.json({ message: 'Hello from Lambda Web Functions!' }); }); app.listen(port, host, () =&gt; { console.log(`Server operating on harbor ${port}`); }); </pre> <p>The lone difference from operating locally is the AWS_LAMBDA_HTTP_ENDPOINT surroundings variable, which Lambda sets to the presenter and harbor your server must hear on. To run locally, set it yourself, for example AWS_LAMBDA_HTTP_ENDPOINT=127.0.0.1:3000 node index.js.</p> <p>With my code ready, I deployed using the <a href="https://en.mycoding.id/category/technology" target="_blank">AWS Command Line Interface (AWS CLI)</a>:</p> <pre>aws lambda-web deploy --name my-web-app --code ./my-app </pre> <p>One command. No previous asset setup. The CLI bundled my source, created the Web Function, published its archetypal revision, attached a Web Function endpoint, and returned a live HTTPS URL in under a minute.</p> <p>A revision is an immutable snapshot of the code I deployed. The endpoint is the HTTPS URL that routes traffic to a revision, or splits traffic throughout revisions. Those are the resources I use to iterate and to authority how traffic moves to new code.</p> <p>I tested it immediately:</p> <pre>$ curl https://&lt;domain-id&gt;.&lt;shard-id&gt;.lambda-web.us-east-1.on.aws/ {"message":"Hello from Lambda Web Functions!"} </pre> <p>Next, I wanted my use to assist users in Europe and Asia alongside lesser latency. I redeployed alongside multiple regions:</p> <pre>aws lambda-web deploy --name my-web-app --code ./my-app \ --regions us-east-1,eu-west-1,ap-northeast-1 </pre> <p>Lambda Web Functions replicated my code to all three regions and configured latency-based routing automatically. Each petition now routes to the Region alongside the lowest latency for the caller, on a best-effort basis, through one earth URL (&lt;domain-id&gt;.lambda-web.global.on.aws).</p> <p>When I updated my code and ran the identical deploy command again, the CLI detected the existing function, uploaded the new revision, and pointed the endpoint at it. Total turnaround from code alter to live: seconds.</p> <p>For manufacturing workflows that necessitate a additional gradual rollout, I can change traffic between revisions alongside a sole API call:</p> <pre>aws lambda-web update-web-function-endpoint \ --function-name my-web-app \ --endpoint-name dev \ --auto-deployment-mode Disabled \ --revision-weights '[{"revisionId": "&lt;current-revision-id&gt;", "weight": 90}, {"revisionId": "&lt;new-revision-id&gt;", "weight": 10}]' </pre> <p>This sends 90% of endpoint traffic to the current revision and 10% to the new one, giving me a canary deployment without additional tooling.</p> <p><span><strong>Better together alongside Amazon CloudFront <br></strong></span>For applications that merge fixed and energetic content, Web Functions plant fine alongside <a href="https://en.mycoding.id/category/technology" target="_blank">Amazon CloudFront</a>. You can choose a Web Function endpoint as the base for your CloudFront distribution. Static resources are served from the cache during energetic requests path to your Web Function, giving you CDN achievement for fixed satisfied alongside serverless compute for the energetic parts.</p> <p>Web Functions improves the private-origin cognition alongside CloudFront.&nbsp;With this launch, you nexus CloudFront <a href="https://en.mycoding.id/category/technology" target="_blank">origin admission authority (OAC)</a> to a Web Function endpoint instead. CloudFront signs requests to the origin, and the endpoint allows lone your allocation to invoke it. You get the identical private-origin form CloudFront already provides for <a href="https://en.mycoding.id/category/technology" target="_blank">Amazon Simple Storage Service (Amazon S3)</a>, without exposing the endpoint or adding tradition authority to your app.</p> <p><span><strong>Now accessible <br></strong></span>AWS Lambda Web Functions is accessible today in US East (N. Virginia), US East (Ohio), US West (Oregon), Asia Pacific (Tokyo), and Europe (Ireland). Web Functions run Node.js 24 (nodejs24.x) on Arm64 at initiate and assistance Amazon Virtual Private Cloud (VPC) connectivity, allowing your function to admission resources that be inside a VPC.</p> <p>To get started, deploy your archetypal Web Function in under a minute:</p> <pre>aws lambda-web deploy --name hello-world --hello-world </pre> <p>For pricing details, sojourn the <a href="https://en.mycoding.id/category/technology" target="_blank">AWS Lambda pricing page</a>. To study more, see the <a href="https://en.mycoding.id/category/technology" target="_blank">Lambda Web Functions documentation</a>.</p>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/aws-lambda-web-functions-72290</guid> <pubDate>Tue, 13 Oct 2026 11:07:03 +0700</pubDate> <author><![CDATA[support@mycoding.id (Riki Setiawan)]]></author> </item> <item> <title><![CDATA[Chatbot startup Character.AI files for bankruptcy, and Disney is first in line for key assets]]></title> <description><![CDATA[Chatbot startup Character.AI files for bankruptcy, and Disney is first in line for key assets. Character.AI submitted for Chapter 11 to prosecute a sale, during Disney offered $20 myriad for a licence to certain assets.]]></description> <media:thumbnail url="https://i.insider.com/6acded7c7bf24b4467e6a864?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/chatbot-startup-character-ai-files-for-bankruptcy-and-disney-is-first-in-line-for-key-assets-72285</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <figure data-type="img" e-name="image-figure-image" data-media-container="image" itemscope itemtype="https://schema.org/ImageObject"> <div> <p><img src="https://i.insider.com/6acded517bf24b4467e6a862?width=2000&amp;format=jpeg&amp;auto=webp" srcset="https://i.insider.com/6acded517bf24b4467e6a862?width=400&amp;format=jpeg&amp;auto=webp 400w, https://i.insider.com/6acded517bf24b4467e6a862?width=500&amp;format=jpeg&amp;auto=webp 500w, https://i.insider.com/6acded517bf24b4467e6a862?width=700&amp;format=jpeg&amp;auto=webp 700w, https://i.insider.com/6acded517bf24b4467e6a862?width=1000&amp;format=jpeg&amp;auto=webp 1000w, https://i.insider.com/6acded517bf24b4467e6a862?width=1300&amp;format=jpeg&amp;auto=webp 1300w, https://i.insider.com/6acded517bf24b4467e6a862?width=2000&amp;format=jpeg&amp;auto=webp 2000w" sizes=" 1280px) 900px" alt="A Character.AI logo displayed on a phone display in Poland in May 2025" decoding="sync"> </p></div> <span> <span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="m4.56 18.5 7.486-7.72 7.394 7.626 2.56-2.64L12.046 5.5 2 15.86l2.56 2.64Z"></path> </svg> <figcaption e-name="image-caption"> <span>Character.AI submitted for bankruptcy and is putting its chatbot phase up for sale.</span> <span> <span e-name="image-source" itemprop="creditText">Jakub Porzycki/NurPhoto via Getty Images</span> </span> </figcaption> </span> </span></figure> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p>Character.AI, the chatbot startup founded by erstwhile Google researchers, has submitted for bankruptcy.</p><p>The California-based business stated it had initiated a voluntary Chapter 11 procedure in Delaware to prosecute a court-supervised transaction of all or substantially all of its assets.</p><p>Character.AI, which lets users create personalized AI bots, stated its phase would remain online during the <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">sale process</a>, which it expects to complete by delayed November or first December.</p><p>The business has accepted to let Disney Worldwide Services, an affiliate of the Walt Disney Company, act as the beginning bidder for a non-exclusive, perpetual licence to certain Character.AI intelligent asset and claims.</p><p>Disney stated it would pay $20 myriad and provision passage services using erstwhile Character.AI workforce it has hired. Other possible buyers can motionless create higher bids under the bankruptcy process. Last month, Disney hired erstwhile <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Character.AI CEO Karandeep Anand</a> as its CTO. </p><p>Character.AI's CEO Colin Adams stated in a Monday declaration that it had taken steps to "sustain and improve" its endeavor amid "significant legal, regulatory, and operational headwinds."</p><p>"After a thorough assessment of our accessible alternatives, our commission resolute that this court-supervised transaction procedure provides us alongside the finest chance to maximize value for all of our stakeholders," the business stated in a <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;outbound_click&quot;}' rel=" nofollow">blog post</a> on Monday.</p><p>The startup stated paid subscriptions remain energetic and billing is unchanged for now. But it warned that if the transaction does not create a bid adequate to keep the phase running, it volition breeze downward the service.</p><h2 id="a7b84c18-14f6-4c87-899c-2b8201a943ff" data-toc-id="a7b84c18-14f6-4c87-899c-2b8201a943ff">Character.AI hit alongside lawsuits</h2><p>Character.AI did not enchantment out the legal, regulatory, and operational pressures that led to the filing. But the business has faced expanding scrutiny complete the possible consequence of its AI companions on young users.</p> <p>It announced final twelvemonth that it would <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">ban under-18s</a> from having open-ended conversations alongside its chatbots, following concerns concerning AI's effect on children and teenagers.</p><p>Prior to that, Character.AI had <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">faced lawsuits</a> from families who alleged its chatbots contributed to teenagers' mental-health crises. Earlier this year, Character.AI and Google accepted in regulation to <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">settle multiple of those cases</a>, including claims brought by families of teenagers who died by self-destruction or informed self-harm following using the chatbots.</p><p>One Texas lawsuit alleged that a Character.AI chatbot encouraged a adolescent to <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">kill his parents</a> complete limits on his display time. That case was among those the companies accepted in regulation to settle. The conditions were not disclosed.</p><p>The startup was founded in 2021 by <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">former Google researchers</a> Noam Shazeer and Daniel De Freitas. Google <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">rehired the pair</a> in 2024 and paid for non-exclusive entitlements to use Character.AI's technology, during the startup continued as a distinct company.</p><p>Character.AI stated its privacy and safety practices remain unchanged during the bankruptcy process.</p><p>It stated users can continue to admission its services and export their data or delete their accounts through its app or website.</p> </div> <p> <h2> Read next </h2> </p> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <div> <p><span>Thibault is a tech newsman at Business Insider's London office.</span><span>He covers the intersection of innovation and activity &mdash; focusing on AI&rsquo;s effect on the workplace, job and cognitive skills, and how financial changes are affecting careers.</span><span>Before moving to the trending team, Thibault covered global affairs, including the Russia-Ukraine war, tensions in the South China Sea, and Russia&rsquo;s economics on the news desk.</span><span>He has earlier worked at the Daily Express and held internships at Agence France-Presse, Politico Europe, and Factal.Il parle fran&ccedil;ais. Habla espa&ntilde;ol.</span><span>Email Thibault at tspirlet@businessinsider.com, nexus alongside him on LinkedIn @<a href="https://en.mycoding.id/category/business" target="_blank">ThibaultSpirlet</a>, or prosecute him on X @<a href="https://en.mycoding.id/category/business" target="_blank">ThibaultSpirlet</a> and BlueSky&nbsp;@<a href="https://en.mycoding.id/category/business" target="_blank">thibaultspirlet.bsky.social</a>.</span><span><span>Expertise</span></span></p><ul><li><span>AI and the forthcoming of work&nbsp;</span></li><li><span>Job and cognitive skills in the AI economy</span></li><li><span>Workforce trends</span></li><li><span>First-person, "as-told-to" stories</span></li></ul></div> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/chatbot-startup-character-ai-files-for-bankruptcy-and-disney-is-first-in-line-for-key-assets-72285</guid> <pubDate>Tue, 13 Oct 2026 11:00:50 +0700</pubDate> <author><![CDATA[support@mycoding.id (Thibault Spirlet)]]></author> </item> <item> <title><![CDATA[The simple habit that can make you more magnetic at work]]></title> <description><![CDATA[The simple habit that can make you more magnetic at work. Pamela Meyer provides applicable steps to enhance your power at activity by being completely current and attentive. Discover these techniques today.]]></description> <media:thumbnail url="https://i.insider.com/6acd3bc07bf24b4467e6a69d?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/the-simple-habit-that-can-make-you-more-magnetic-at-work-72276</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <div id="player-container-gewh91WF" data-component-type="video" data-type="video" data-video-player data-media-id="Bmicolwu" data-title="The uncomplicated habit that can create you additional magnetic at work" data-advertising="enabled" data-region="in-content" data-id="player-container-gewh91WF" data-enabled="true" data-events="disabled" data-preroll="4442842/businessinsider.desktop/post/pre-roll-in-content/strategy" data-midroll="4442842/businessinsider.desktop/post/mid-roll-in-content/strategy" data-sponsored="false" data-placement-id="gewh91WF" data-track-element="featured_video" data-float="true" data-thumbnail="https://i.insider.com/6ac951a67bf24b4467e69eb6?width=850&amp;format=jpeg&amp;auto=webp" data-render-thumbnail="true"> <div> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="https://i.insider.com/6ac951a67bf24b4467e69eb6?width=850&amp;format=jpeg&amp;auto=webp" alt=""> </p> </div> </div> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <h2 id="4f48e947-1c8d-45d5-b341-9e54067d8324" data-toc-id="4f48e947-1c8d-45d5-b341-9e54067d8324"><strong>Get improved at: Being magnetic</strong></h2><h3 id="12590535-0a87-480d-8949-0c3e767e6e9a" data-toc-id="12590535-0a87-480d-8949-0c3e767e6e9a">Today's move</h3><p>The group who command a area aren't fair interesting, they're completely present. That allows them to notice how group are reacting and to create those about them awareness they have their complete attention.</p><p>To be current during crucial interactions, you need to archetypal get focused before you arrive. That method you can't be thinking concerning your to-do list, your final meeting, or what comes after.</p><h3 id="24f5c6a8-0f2a-4fdd-a553-9723dfe2c748" data-toc-id="24f5c6a8-0f2a-4fdd-a553-9723dfe2c748"><strong>Why it works</strong></h3><p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Pamela Meyer,</a> author of <a href="https://en.mycoding.id/category/business" target="_blank" data-autoaffiliated="true" data-track-click-secondary='&quot;bi_value_unassigned&quot;}' data-track-click='&quot;outbound_click&quot;}' rel="nofollow sponsored noindex" data-am-orig-url="https://affiliate.insider.com/?h=eb82d80cd2b011de83ea60bacb90c10f1131d7c8b767f78d488eee2d2c808d61&amp;u=https%3A%2F%2Fwww.amazon.com%2Fdp%2F1250378230%3Flv%3Dshuf%26amp%253Bhvlocphy%3D9073497%26amp%253Bhvptwo%3D%26amp%253Bhvnetw%3Dg%26amp%253Bmcid%3D%26amp%253Bhvext%3D372810068523%26amp%253Bhvadid%3D813010282265%26amp%253Blanguage%3Den_US%26amp%253Bhvpone%3D%26amp%253Bhvlocint%3D%26amp%253Bhvcampaign%3D23942126630%26amp%253Bhydadcr%3D10516_13904245_2508979%26amp%253Bhvpos%3D%26amp%253Bhvdev%3Dc%26amp%253Bhvdvcmdl%3D%26amp%253Bhvocijid%3D13584050198213501389--%26amp%253Bhvqmt%3Da%26amp%253Bhvexpln%3D0%26amp%253Btag%3Dsmgglusdsadts-20%26amp%253Bhvtargid%3Dkwl-2484167636399%26amp%253Badgrpid%3D196859461385%26amp%253Bhvrand%3D13584050198213501389%26amp%253BchannelId%3D500%26amp%253Bref_%3D%26amp%253BplpRedirect%3DmhFallback">"How to Read the Room,"</a> stated taking period to decrease "cognitive load" before a gathering can assistance you remain focused and busy during the interaction.</p><p>A study of additional than 1,600 group involving five listening experiments, published in <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;outbound_click&quot;}' rel=" nofollow">"Personality and Social Psychology Bulletin,"</a> established that whenever group were genuinely listened to, they felt nearer and additional connected to the listener.</p> <p>That's what being magnetic is about: Making others awareness seen by giving them your complete attention.</p><h3 id="5f18fe56-8d5f-489e-929c-82debffe9c0d" data-toc-id="5f18fe56-8d5f-489e-929c-82debffe9c0d"><strong>Try it today</strong></h3><p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Meyer recommends</a> a quick pre-arrival exercise to assistance you improved prepared for an communication anywhere you need to be completely current called PAM: Purpose. Attention. Modulate.</p><p>First, purpose: Decide on one item you desire to accomplish.</p><p>Second, attention: Put distant your phone and apparent the mental and digital distractions competing for your attention.</p><p>Finally, modulate: Take three breaths and think concerning the energy you desire to bring into the room.</p> <h3 id="1ae9a83e-0550-4c5c-bd8d-c6c46fdac9ae" data-toc-id="1ae9a83e-0550-4c5c-bd8d-c6c46fdac9ae"><strong>The base line</strong></h3><p id="1ae9a83e-0550-4c5c-bd8d-c6c46fdac9ae">People volition awareness drawn to you whenever they awareness akin way you're paying notice to them.</p><h3 id="cc497efe-66f6-4473-8b07-438a34873e35" data-toc-id="cc497efe-66f6-4473-8b07-438a34873e35"><strong>Source</strong></h3><p>This understanding is drawn from Business Insider's reporting on Pamela Meyer's book, "How to Read the Room." Read additional in Business Insider's <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Ana Altchek's narrative here.</a></p><h4 id="a78f3a50-5261-403c-ae43-6c15e235b56b" data-toc-id="a78f3a50-5261-403c-ae43-6c15e235b56b"><strong><em>What do you regard to be the signs of a magnetic leader? Tell us what you think of this guidance direction in the comments below.</em></strong></h4> </div> <p> <h2> Read next </h2> </p> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Ana&nbsp; writes concerning office trends, careers, and how AI is reshaping application engineering roles. She additionally regularly interviews C-suite executives concerning their trajectories and guidance insights.</span><span>Ana is the presenter of "Get Better at Work," a sequence that offers direction concerning the habits and behaviors that can assistance workers remain out and build their careers. She additionally hosts "Work Shift," which breaks downward the biggest office news of the week. She holds a master&rsquo;s flat in multimedia reporting from NYU and has been featured on BBC, NPR, and another earth media platforms.</span><span>Have a tip? You can communication her via email at<span> aaltchek@businessinsider.com&nbsp;</span>or through the secure-messaging app Signal at <span>aalt.19.</span></span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/the-simple-habit-that-can-make-you-more-magnetic-at-work-72276</guid> <pubDate>Tue, 13 Oct 2026 10:41:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Ana Altchek)]]></author> </item> <item> <title><![CDATA[Nestlé's CEO shares the feedback he got that changed how he leads]]></title> <description><![CDATA[Nestlé's CEO shares the feedback he got that changed how he leads. Philipp Navratil stated that whenever he gives group feedback, he tries to concentration most of the conversation on solutions.]]></description> <media:thumbnail url="https://i.insider.com/6ac6a3f57bf24b4467e68e87?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/nestle-s-ceo-shares-the-feedback-he-got-that-changed-how-he-leads-72277</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <div id="player-container-gewh91WF" data-component-type="video" data-type="video" data-video-player data-media-id="xsVGUgIb" data-title="Nestlé&#039;s CEO shares the feedback he got that changed how he leads" data-advertising="enabled" data-region="in-content" data-id="player-container-gewh91WF" data-enabled="true" data-events="disabled" data-preroll="4442842/businessinsider.desktop/post/pre-roll-in-content/strategy" data-midroll="4442842/businessinsider.desktop/post/mid-roll-in-content/strategy" data-sponsored="false" data-placement-id="gewh91WF" data-track-element="featured_video" data-float="true" data-thumbnail="https://i.insider.com/6ac6a41f7bf24b4467e68e89?width=850&amp;format=jpeg&amp;auto=webp" data-render-thumbnail="true"> <div> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="https://i.insider.com/6ac6a41f7bf24b4467e68e89?width=850&amp;format=jpeg&amp;auto=webp" alt=""> </p> </div> </div> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p>No one likes to be told they're doing item incorrect &mdash; but it's not uncomplicated to be the messenger either.</p><p>Philipp Navratil has spent additional than two decades at Nestl&eacute;. Early in his guidance career, he received one part of direction that reshaped how he manages people: <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Give honest feedback</a>.</p><p>The CEO of the business rearward additional than 30 billion-dollar brands, including Nespresso and DiGiorno, stated he whenever he archetypal stepped into leadership, he struggled to inform workforce whenever their achievement cut short.</p><p>"It's uncomplicated to inform person 'Great job, fine done,'" Navratil told Business Insider.</p> <p>The difficult part is speaking up whenever things aren't going well, he said. The CEO stated that he tries to be "as straightforward as possible," since if you attack about the bush, group may young female the point.</p><p>"It's much additional precious for them to obtain it that way since it's clear," Navratil said.</p><p>Today, Navratil said, he sees feedback as one of a leader's most crucial responsibilities &mdash; not fair since it helps the business overall, but since it helps workforce grow, too.</p><p>Direct doesn't average harsh, though. Navratil stated he gives the criticism, but afterward he spends additional period talking concerning how to enhance the situation. That may average asking the individual how he can help, or suggesting a resolution that they can activity through together.</p><p>While those conversations may appear clumsy or uncomfortable, it could end up bringing you nearer to that individual. Navratil stated that feedback discussions guide to stronger individual relationships since they contain follow-up conversations.</p> <p>"I awareness that I owe it to the person," Navratil said.</p> </div> <p> <h2> Read next </h2> </p> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Ana&nbsp; writes concerning office trends, careers, and how AI is reshaping application engineering roles. She additionally regularly interviews C-suite executives concerning their trajectories and guidance insights.</span><span>Ana is the presenter of "Get Better at Work," a sequence that offers direction concerning the habits and behaviors that can assistance workers remain out and build their careers. She additionally hosts "Work Shift," which breaks downward the biggest office news of the week. She holds a master&rsquo;s flat in multimedia reporting from NYU and has been featured on BBC, NPR, and another earth media platforms.</span><span>Have a tip? You can communication her via email at<span> aaltchek@businessinsider.com&nbsp;</span>or through the secure-messaging app Signal at <span>aalt.19.</span></span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/nestle-s-ceo-shares-the-feedback-he-got-that-changed-how-he-leads-72277</guid> <pubDate>Tue, 13 Oct 2026 10:39:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Ana Altchek)]]></author> </item> <item> <title><![CDATA[AI labs are fueling a wild market for your Slack DMs]]></title> <description><![CDATA[AI labs are fueling a wild market for your Slack DMs. AI labs are offering companies big prosperity for inner data akin employee emails and Slack DMs, raising important cybersecurity and privacy concerns.]]></description> <media:thumbnail url="https://i.insider.com/6acd26c3c2928e989ab95c41?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/ai-labs-are-fueling-a-wild-market-for-your-slack-dms-72278</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <div> <div> <video id="https://i.insider.com/6acd26c3c2928e989ab95c41" autoplay="" iteration muted playsinline> <source src="https://i.insider.com/6acd26c3c2928e989ab95c41?width=900&amp;format=mp4" type="video/mp4"> <p>Your browser does not assistance the video element.</p> </source></video> </div> <p><span> <span e-name="image-source" itemprop="creditText">Tyler Le/BI</span> </span> </p></div> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p>As they competition to automate white-collar work, AI labs have established the ideal origin of training data: your Slack DMs.</p><p>Business owners are getting six-figure "exploding offers" that expire in 48 hours to market their data. Instagram is inundated alongside ads declaring that "AI needs your data" and promising millions. The data is priced by the terabyte, anonymized, and sold to AI giants desperate for an edge.</p><p>Tech giants have moved to crop their employees' data for AI training. And, formerly focused on deceased startups, brokers now pay for live data from energetic companies.</p><p>"Right now, the petition is fair astronomical," stated Dan Novaes, the <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">CEO of Mode.Inc</a>, a startup that sells data to AI example developers.</p><p>Mundane office data is additional precious than always as OpenAI, Anthropic, Meta, and others build AI agents for businesses. Annual spending on data for AI is projected to detonate from small than $1 milliard final twelvemonth to nearly $6.5 milliard in 2027, Gartner estimates.</p><p>The surge has a darker side. Employees rarely gain from &mdash; or cognize concerning &mdash; their Slacks, PowerPoints, and Google Docs being sold to the highest bidder. Suspected hackers have shopped about a ample company's taken codebase for millions of dollars. <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Meta's attempt to harvest</a> its own employees' data for its AI models <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">sparked a revolt</a>.</p> <p>Some CEOs are getting blindsided. Doug Kreuzkamp, who runs transporter operations business Springshot, was sitting in his agency on a Zoom call in August whenever he established out that Google had bought his data. Springshot, a longtime vendor for the now-bankrupt <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Spirit Airlines</a>, helped flights coordinate alongside workers specified as entrance agents and cleaners.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6acd4a93c2928e989ab95db4&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:8026,&quot;aspectRatioH&quot;:4972}}' alt="Yellow Spirit Airlines jets are parked in a row on an airfield tarmac alongside mobile stairs beside one aircraft."> </p></div> <span> <figcaption e-name="image-caption"> Bankrupt Spirit Airlines is marketing off its data.&nbsp; <span e-name="image-source" itemprop="creditText"> The Dallas Morning News/ Getty Images </span> </figcaption> </span> </figure> <p>"I had small than 48 hours' notice &mdash; from the media &mdash; that the intelligent asset we had spent 15 years construction could be stated away," Kreuzkamp told Business Insider.</p><p>The surging market is pushing into uncharted waters, and the industry risks a reckoning alongside workers and regulators, stated Ifeoma Ajunwa, a law prof at Emory University. The deficiency of national privacy laws leaves few lawful barriers to companies collecting data from their workforce for AI training, she added.</p><p>"The inquiry is, does the consent of the workforce from whom they collected that data really broaden to the transaction of the data? I think it's an ethically gray area," Ajunwa said.</p><h2 id="85a9f42a-c4c7-4c72-94e3-826653cae032" data-toc-id="85a9f42a-c4c7-4c72-94e3-826653cae032"><strong>Business data has rotate into the new oil</strong></h2><p>The surge has created a thriving collection of go-betweens who hunt for small businesses affluent in data and low on cash. After scrubbing delicate data akin Social Security numbers and residence addresses, they resell it to AI giants.</p><p>Although the industry is new, it's rotate into extremely competitive. Ryan Lock, cofounder of AI agent Polyshares, compares it to the oil surge that hit Texas in the first 1900s, whenever prospectors snapped up cheap district from farmers who didn't acknowledge the true value of the oil underneath it.</p><p>Small-business owners sitting on troves of inner records may not acknowledge the apparently mundane records could be value big money. Tactics akin 48-hour deadlines have rotate into common, Lock said.</p><p>"The offers being made appearance nearly identical to those first oil offers," he stated from his residence basis in Dallas. "They'll say, 'I'm offering you twice market. I need an answer by Friday.'"</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6acd4fbc42403ad8039a5cba&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:8192,&quot;aspectRatioH&quot;:5464}}' alt="Pumpjacks in Texas"> </p></div> <span> <figcaption e-name="image-caption"> Pumpjacks functioning in the Permian Basin in Texas.&nbsp; <span e-name="image-source" itemprop="creditText"> Bloomberg/Getty Images </span> </figcaption> </span> </figure> <p>Lock and his cofounders went through the data-licensing procedure themselves alongside their another companies, sometimes laughing out noisy at the lowball offers they got. Their resolute tries to extend that data gap by giving endeavor owners additional transparency concerning what their data is worth.</p> <p>"There's motionless plentifulness of prosperity for everyone, but endeavor owners should obtain additional of the benefit," he said.</p><h2 id="f05f117c-133a-4d4d-b4a7-7b0e9b3e1b76" data-toc-id="f05f117c-133a-4d4d-b4a7-7b0e9b3e1b76"><strong>Wanted: data from companies, deceased or alive</strong></h2><p>Data that demonstrates how activity is really done is extremely valuable, stated William Almeida, the chief income authoritative of <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">AI training startup Micro1</a>, since it provides crucial environment on how decisions are made and products are built.</p><p>That data can assistance <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">train agents</a>, the autonomous <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">computer-using AI tools</a> that have rotate into a important <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">focus for companies akin Meta</a> and SpaceXAI. As AI companies build new models, the real-world data guides the AI on how finest to grip particular tasks.</p><p>Micro1 announced a program before this twelvemonth that pays midsize companies $100,000 to $2 myriad for admission to anonymized data. Almeida stated AI developers increasingly desire "long-horizon" data that can provision a complete image of how activity gets done. If a business won't market its Slack, client association management, or email records, the remainder of the corpus is small valuable.</p><p>The data is priced according to a multitude of factors, alongside quantity being a crucial one. The additional white-collar workforce a business has, the additional precious its data corpus is, stated Novaes, the Mode.Inc CEO.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/webp" data-srcs='//i.insider.com/6acd5005c2928e989ab95e06&quot;:{&quot;contentType&quot;:&quot;image/webp&quot;,&quot;aspectRatioW&quot;:1300,&quot;aspectRatioH&quot;:1037}}' alt="Mode.Inc CEO Dan Novaes and tech chief Kiran Panesar. Mode.Inc"> </p></div> <span> <figcaption e-name="image-caption"> Mode.Inc CEO Dan Novaes and tech chief Kiran Panesar.&nbsp; <span e-name="image-source" itemprop="creditText"> Mode.Inc </span> </figcaption> </span> </figure> <p>Other factors, akin exclusivity, matter &mdash; there's lesser petition for a codebase that a competitor lab already has its hands on. Fields that AI giants are trying the hardest to <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">automate, akin law</a> and accounting, see particularly elevated demand.</p><p>Generally, though, any business &mdash; deceased or alive, big or small &mdash; can market its data, as lengthy as it has enough.</p><p>"People need to awaken up to it and obtain this opportunity," Novaes said.</p><p>Grant Gooley decided to licence his company's data to an AI training company. His agency, MyPortal Marketing, has sold Micro1 everything from Figma and Canva records to checklists for onboarding clients to Google ads. He stated it didn't market client-specific material.</p><p>"If AI is going to be trained, why not be part of that, and do it responsibly?" Gooley said.</p><h2 id="d6d80a03-cedd-4bce-845c-3f6023d915db" data-toc-id="d6d80a03-cedd-4bce-845c-3f6023d915db"><strong>A new breed of safety and privacy concerns</strong></h2><p>While the market creates prosperity for some, it's breeding new kinds of cybersecurity and privacy risks for others.</p><p>Nick Heiner helps enhance AI agents by construction office-like digital environments at AI training startup <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Surge AI</a>. Heiner stated that before this year, he was approached by a collection offering a ample company's codebase for millions of dollars.</p><p>"It became apparent that this collection did not have the entitlements to market this data," Heiner told Business Insider. "They had illicitly obtained a copy of the codebase and were fair going about to all the data vendors saying, 'Can I get a few myriad bucks for this?'"</p><p>Security and consent concerns aren't constricted to hackers. Google's bid to buy <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Spirit Airlines' old data</a> for $10 myriad has been held up, in part, by escape attendants concerned concerning how their records volition be used. Last week, Sen. Elizabeth Warren and complete 100 another members of Congress wrote a letter to Google and Spirit urging the companies to defend the privacy of thousands of erstwhile Spirit employees.</p><p>A Google spokesman told Business Insider that it's not looking to buy any individual data from Spirit Airlines and that any specified data would be either excluded or de-identified by an autonomous third party. A delegate for Spirit stated the business is operating closely alongside the escape attendants and another unions to location their concerns.</p><p>Former gig workers for <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Mercor, another AI training startup</a>, have alleged in an <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;outbound_click&quot;}' rel=" nofollow">ongoing lawsuit</a> that the business encouraged them to upload activity materials without their employers' consent. Mercor has denied their claims in court.</p><p>The hunger for activity records is so powerful that several tech giants have tried tracking their own staff.</p><p>At Meta, workforce revolted whenever the business announced a new program before this twelvemonth to track their keystrokes and mouse movements for AI training. Employees concerned that Meta would grasp their delicate data, akin credit cardstock numbers and immigration documents.</p><p>Although Meta's chief innovation officer, Andrew Bosworth, pledged that the data would be "tightly controlled," it turned out that it had been viewable throughout the business in a important inner leak. The supposedly anonymized data included employees' personal conversations and achievement records, screenshots obtained by Business Insider show. <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Meta suspended the project</a> shortly following the breach and hasn't restarted it.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6acd4add7bf24b4467e6a71e&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:4000,&quot;aspectRatioH&quot;:2666}}' alt="Andrew Bosworth"> </p></div> <span> <figcaption e-name="image-caption"> Meta's chief innovation officer, Andrew Bosworth.&nbsp; <span e-name="image-source" itemprop="creditText"> Bloomberg/ Getty Images </span> </figcaption> </span> </figure> <p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Google formerly considered</a> tracking its staff's AI output and ultimately dropped the idea, Business Insider earlier reported.</p><p>The Meta revolt hasn't stopped another companies from eyeing employee data as a helpful shortcut to AI domination, including the world's richest man.</p><p>In an all-hands gathering in August, <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">CEO Elon Musk told employees</a> that SpaceX would train its Grok AI on employee data and encouraged them to think of themselves as the model's "parents."</p><p>"In a way, it volition be trained on you. It volition inherit your thoughts and ideas and beliefs, and I think that's a fine thing," Musk said.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6acd4af7c2928e989ab95dbf&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:5218,&quot;aspectRatioH&quot;:3478}}' alt="Elon Musk"> </p></div> <span> <figcaption e-name="image-caption"> SpaceX CEO Elon Musk.&nbsp; <span e-name="image-source" itemprop="creditText"> AP Photo/Mark Schiefelbein </span> </figcaption> </span> </figure> <h2 id="058531a6-29e2-4a3c-83b0-51aa9bbe2fcd" data-toc-id="058531a6-29e2-4a3c-83b0-51aa9bbe2fcd"><strong>A huge market that few workers are conscious of</strong></h2><p>Though the business data market is nascent, the AI training startups cashing in are optimistic.</p><p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Ali Ansari, Micro1's CEO</a>, says licensing data to labs could rotate into among the most average income sources for businesses worldwide, he lately posted on X. He estimates that, soon, concerning 10% of the US's GDP could be dedicated to training AI models, gratitude to endeavor data and individual professionals.</p><p>Last week, Micro1 announced a dedication to expend $1 milliard on business data complete the next 12 months.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/png" data-srcs='//i.insider.com/6acd4f2d42403ad8039a5ca8&quot;:{&quot;contentType&quot;:&quot;image/png&quot;,&quot;aspectRatioW&quot;:1100,&quot;aspectRatioH&quot;:948}}' alt="Micro1 CEO Ali Ansari."> </p></div> <span> <figcaption e-name="image-caption"> Micro1 CEO Ali Ansari.&nbsp; <span e-name="image-source" itemprop="creditText"> Micro1 </span> </figcaption> </span> </figure> <p>The expanding use of employee records for AI training could enhance the urgency of calls for new data safety and privacy regulations, stated Alex Rosenblat, a sociologist and erstwhile Uber guideline executive.</p><p>It could additionally provision workforce new leverage and negotiating power as the value of their mundane digital footprint grows, she said.</p><p>"It's not that data gathering wasn't current before; it's that the measure at which it can happen, the measure at which it is useful, has shifted," Rosenblat said.</p><p>"And that's an chance for group to say, 'wait a minute, the value of this is escaping us.'"</p> </div> <div e-name="post-bottom-most-popular"> <h2>Most popular</h2> <div data-component-type="most-popular" data-load-strategy="lazy" data-limit="6" data-hide-read-time="true" data-track-view='&quot;bi_value_unassigned&quot;}' data-track-click-shared='&quot;bi_value_unassigned&quot;}'> <span data-overlay-text="01"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="02"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="03"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="04"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="05"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="06"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> </div> </div> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Charles Rollet is Business Insider's tech equal in San Francisco, anywhere he focuses on breaking important news concerning the AI industry. In 2025, he led an inquiry which revealed that Scale AI had inadvertently exposed confidential data concerning its workers and clients. In 2026, he was the archetypal to interrupt the news that Meta had halted a arguable keystroke tracking program.</span><span>Prior to joining BI, Charles worked at TechCrunch covering startups and VC in San Francisco. Before that, he was based in Southeast Asia for a decade, anywhere his activity won a Gerald Loeb award and was nominated for a Society of Publishers in Asia award. His reporting on the surveillance industry led to US individual entitlements sanctions on five Chinese safety camera manufacturers.</span><span>Charles is particularly curious in how frontier AI models are built and trained. He has a master's flat in endeavor reporting from NYU and a bachelor's flat in former from Northwestern.</span><span>You can communication Charles securely on Signal at charlesrollet.12 or +1-628-282-2811.&nbsp;Charles keeps sources anonymous. Please use a non-work equipment to attain out.</span> </p> </div> </div> <div> <div> <p><span>Stephen is a elder tech newsman at Business Insider, covering OpenAI, Anthropic and the ecosystem about the foremost synthetic intellect companies.</span><span>Previously he covered innovation at SFGATE, and has written for The Wall Street Journal, The Information and CNBC. He studied reporting and economics at Northwestern University.</span><span>His activity has earned an SF Press Club Investigative Reporting Award and, in 2025, SPJ NorCal&rsquo;s Excellence in Journalism Award for Technology Reporting.</span><span>Stephen lives in San Francisco. Contact him via&nbsp;email at&nbsp;<a href="https://en.mycoding.id/category/business" target="_blank">scouncil@businessinsider.com</a>, or on Signal, Telegram, or WhatsApp at 415-757-8198. Use a individual email address, a nonwork WiFi network, and a nonwork device; <a href="https://en.mycoding.id/category/business" target="_blank">here's our guide to sharing data securely</a>.</span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/ai-labs-are-fueling-a-wild-market-for-your-slack-dms-72278</guid> <pubDate>Tue, 13 Oct 2026 10:30:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Charles Rollet,Tom Carter,Stephen Council)]]></author> </item> <item> <title><![CDATA[Were Software Engineers blue-collar workers all along?]]></title> <description><![CDATA[Were Software Engineers blue-collar workers all along?. Comments]]></description> <media:thumbnail url="https://ptrbrynt.com/social_previews/posts/were-we-blue-collar-workers-all-along.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/were-software-engineers-blue-collar-workers-all-along-72280</link> <content:encoded><![CDATA[<div> <p>There&rsquo;s a average idea among economists that you can broadly divided workforce into two categories. &ldquo;White-collar&rdquo; workers are typically group who activity in offices doing service-based, knowledge-based, managerial, or administrative work; &ldquo;blue-collar&rdquo; workers mostly do manual labor or execute skilled trades.</p> <p>Since at smallest the commencement of my career, application engineers have been considered white-collar. We activity in offices at computers, and we agreement alongside knowledge. Our activity requires advanced training or education.</p> <p>But what if that assumption has been incorrect? What if we were really blue-collar, skilled tradespeople all along?</p> <p>Typically, whenever we think of blue-collar workers, we think of group who do the hands-on labor of making or fixing stuff. Builders, plumbers, carpenters, electricians, miners, care engineers, storage workers etc. Software developers have typically divided themselves from this category, but I&rsquo;m not entirely certain why. We do the identical item &mdash; that is, we create or fix material &mdash; apart from we activity in bits fairly than atoms.</p> <p>This is entirely not to say that application developers aren&rsquo;t as skilled as we idea we were. If anything, I&rsquo;d say categorising betterment as a skilled commerce gives additional credit to the activity we do. Just akin electricians or carpenters, application developers must expend years practicing their accomplishment in command to rotate into skilled and sought-after. It doesn&rsquo;t necessarily necessitate a ceremonial education, but it certainly takes period and custom to master.</p> <p>I amazement whether this incorrect assumption is fuelling, at smallest in part, the current AI character emergency that application developers are facing. Blue-collar workers, in general, have successfully ridden the waves of scientific change. If you can oversee a squad of manual carpenters, you can additionally oversee a storage complete of woodworking robots. It&rsquo;s normally the white-collar workers who withstand the most financial disruption from important scientific innovations.</p> <p>Software engineers are discovering that, fair akin anyone alternatively in a skilled trade, they really <em>can</em> be outpaced by technology. So we do what another skilled traders have done: fig out how to use the new innovation to do the jobs we used to do by hand.</p> <p>I&rsquo;m fearful that this is the end of a extremely lengthy honeymoon for application developers. We have spent the former 30 years being treated akin rock stars in our companies. Our period and notice is protected at all costs; we have been capable to petition salaries which far outpace our peers; non-technical colleagues accept everything we say concerning how lengthy things obtain or how difficult it&rsquo;s going to be to compose features. But the honeymoon is over, and we&rsquo;re all freaking out because, among another things, we are no longer the most crucial individual in the company.</p> <p>We are the seamstresses lamenting the introduction of the loom. We are the lumberjacks worrying concerning chainsaws. We&rsquo;re the accountants panicking concerning being replaced by Excel.</p> <p>But if we study how to use the looms, the spreadsheets, and the chainsaws, we power fair be okay. And the fine news is that there are motionless group sewing and chopping timber by hand, since they desire to. It may no longer be item you can get paid for, but it&rsquo;s certainly item you can continue to enjoy.</p> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/were-software-engineers-blue-collar-workers-all-along-72280</guid> <pubDate>Tue, 13 Oct 2026 10:25:10 +0700</pubDate> <author><![CDATA[support@mycoding.id (Putri Silvia)]]></author> </item> <item> <title><![CDATA[I'm the CEO of Midi Health. Walking all day and my daily Diet Coke keeps me sane.]]></title> <description><![CDATA[I'm the CEO of Midi Health. Walking all day and my daily Diet Coke keeps me sane.. Midi Health CEO Joanna Strober had a health scare at 44 that changed her method to aging. Now 58, her regular routine involves strolling and prevention.]]></description> <media:thumbnail url="https://i.insider.com/6ac7ff69301bb0551f494068?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/i-m-the-ceo-of-midi-health-walking-all-day-and-my-daily-diet-coke-keeps-me-sane-72279</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <figure data-type="img" e-name="image-figure-image" data-media-container="image" itemscope itemtype="https://schema.org/ImageObject"> <div> <p><img src="https://www.businessinsider.com//90" srcset="https://i.insider.com/6abd53f9eb7225411267cb44?width=400&amp;format=jpeg&amp;auto=avif&amp;quality=90,90 400w, https://i.insider.com/6abd53f9eb7225411267cb44?width=500&amp;format=jpeg&amp;auto=avif&amp;quality=90,90 500w, https://i.insider.com/6abd53f9eb7225411267cb44?width=700&amp;format=jpeg&amp;auto=avif&amp;quality=90,90 700w, https://i.insider.com/6abd53f9eb7225411267cb44?width=1000&amp;format=jpeg&amp;auto=avif&amp;quality=90,90 1000w, https://i.insider.com/6abd53f9eb7225411267cb44?width=1300&amp;format=jpeg&amp;auto=avif&amp;quality=90,90 1300w, https://i.insider.com/6abd53f9eb7225411267cb44?width=2000&amp;format=jpeg&amp;auto=avif&amp;quality=90,90 2000w" sizes=" 1280px) 900px" alt="Joanna Strober" decoding="sync"> </p></div> <span> <span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="m4.56 18.5 7.486-7.72 7.394 7.626 2.56-2.64L12.046 5.5 2 15.86l2.56 2.64Z"></path> </svg> <figcaption e-name="image-caption"> <span>Joanna Strober runs Midi Health, a virtual attention phase for women in perimenopause and menopause.</span> <span> <span e-name="image-source" itemprop="creditText">Ian Tuttle for BI</span> </span> </figcaption> </span> </span></figure> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p><em>This as-told-to composition is according to a conversation alongside Joanna Strober, the 58-year-old cofounder and </em><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel=""><em>CEO of Midi Health</em></a><em>, a virtual attention phase dedicated to modernizing women's healthcare. She is based in Los Altos Hills, California. This narrative has been edited for dimension and clarity.</em></p><p>I'm the originator and <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">CEO of Midi Health</a>. We started the business to extend the gap in healthcare by providing specialized, insurance-covered attention for women in their 30s, 40s, 50s, and 60s.</p><p>For many years, I didn't have period to obtain attention of myself. Taking attention of three kids and operating was not easy. It was all-encompassing.</p><p>I had a big wake-up call whenever I was 44 years old and had a small autumn and fractured my shoulder. I discovered that I had osteopenia, or low skeletal density, at a extremely young age. That was a fine indicator that I needed to concentration additional on safety and taking attention of myself. Now I'm making up for the misplaced time.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6abd54f8d15f8a572974cb69&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:3600,&quot;aspectRatioH&quot;:2400}}' alt="Joanna Strober"> </p></div> <span> <figcaption e-name="image-caption"> Strober doesn't akin to use trackers. Instead, she stated she focuses on fit behaviors.&nbsp; <span e-name="image-source" itemprop="creditText"> Ian Tuttle for BI </span> </figcaption> </span> </figure> <h2 id="e72866fd-66ae-4eaa-a10d-67fcae8acc4b" data-toc-id="e72866fd-66ae-4eaa-a10d-67fcae8acc4b">I awaken up at 6:30 a.m., and I walk</h2><p>I awaken up and have <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">two Nespresso pods</a> and two pieces of Levain bread from a bakery called Manresa Bread. It's a extremely compact multigrain loaf that fills you up. For the former 10 years, I've had this bread all sole dawn for breakfast, or as shortly as the bakery opens.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6abd5513265e3f8e338f9272&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:3600,&quot;aspectRatioH&quot;:2400}}' alt="Joanna Strober"> </p></div> <span> <figcaption e-name="image-caption"> Strober walks for an hr all morning.&nbsp; <span e-name="image-source" itemprop="creditText"> Ian Tuttle for BI </span> </figcaption> </span> </figure> <p>Then I stroll for concerning an hour. That is the most crucial part of my routine. I hear to podcasts concerning government or AI. I akin "Hard Fork," "The Daily," "The Ezra Klein Show," and "Call Me Back."</p><h2 id="1f6e3637-5290-4266-a0a4-fca057eed743" data-toc-id="1f6e3637-5290-4266-a0a4-fca057eed743">I'm in the agency by 8:15 a.m.</h2><p>The goal is to lift weights following my walk, but it doesn't continually happen. I go to the agency after, and afterward <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">I have many of Zoom calls</a> and merchandise meetings.</p><p>I try to agenda another 45-minute stroll about lunchtime. I obtain a lot of phone calls and have been told I conversation loudly whenever I walk. It's really a gag in my neighborhood.</p><h2 id="79564236-b66c-418e-88b2-f1b1502b420d" data-toc-id="79564236-b66c-418e-88b2-f1b1502b420d">I authorize myself one Diet Coke a day</h2><p id="79564236-b66c-418e-88b2-f1b1502b420d">I mostly beverage chamomile tea in the afternoon, but I additionally let myself have <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">one Diet Coke per day</a>.</p><h2 id="1baeeafb-cd1b-484d-bf8b-567d38ed5d6b" data-toc-id="1baeeafb-cd1b-484d-bf8b-567d38ed5d6b">Keeping my bones powerful is a big focus</h2><p>I obtain Midi's Omega-3+, which additionally has vitamin D and K in it, and that's for my <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">bones since I have osteopenia</a>. I additionally obtain creatine and fiber. I either obtain the Midi fiber gummies or I fair create certain I get adequate fiber.</p><p>I additionally use hormone replacement therapy to assistance forestall skeletal deterioration.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6abd556fd15f8a572974cb70&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:3600,&quot;aspectRatioH&quot;:2400}}' alt="Joanna Strober"> </p></div> <span> <figcaption e-name="image-caption"> Strober takes an Omega-3 supplement, as fine as creatine and fiber.&nbsp; <span e-name="image-source" itemprop="creditText"> Ian Tuttle for BI </span> </figcaption> </span> </figure> <h2 id="6e82a82f-be83-44ec-8527-f445950ec222" data-toc-id="6e82a82f-be83-44ec-8527-f445950ec222">I'm not neurotic concerning my meals</h2><p>I have a dish or a sandwich for lunch, or sometimes I stroll location to get lunch.</p><p>For many years, my existence was organized about getting my kids dawn meal or dinner. Now they're no longer home, and it's really extremely liberating. It method I can activity much afterward and have small guardrails.</p><p>I normally get meal between 6:30 and 7 pm Sometimes I'll choice up a random meal on the way residence or create pasta. Or, I'll eat ice lotion for dinner.</p><h2 id="acdc811c-d966-4d22-bd24-481134c6fed8" data-toc-id="acdc811c-d966-4d22-bd24-481134c6fed8">I observe TV all evening and eat ice cream</h2><p>I don't beverage or do drugs. I affection British detective TV shows. I discover it extremely relaxing to observe TV and eat ice cream. I buy low-sugar blackberry jam from the farmers market and eat it alongside chocolate ice lotion all night.</p> <p>I'm idle by 9:30 p.m.</p><h2 id="d846de7a-e923-447f-9b7e-9f6e7d357bcf" data-toc-id="d846de7a-e923-447f-9b7e-9f6e7d357bcf">Walking keeps me sane</h2> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6abd5546d15f8a572974cb6c&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:2400,&quot;aspectRatioH&quot;:3600}}' alt="Joanna Strober"> </p></div> <span> <figcaption e-name="image-caption"> Strober walks The Dish, which is a approximately three-and-a-half-mile uphill hike, at smallest twice all weekend.&nbsp; <span e-name="image-source" itemprop="creditText"> Ian Tuttle for BI </span> </figcaption> </span> </figure> <p>In general, I've been trying distinct <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">meditation apps</a>. I can't say it's working, but I am trying.</p><p>Walking is my finest path to sanity. I stroll complete 10,000 steps all day, but it's small concerning stage figure and additional concerning making certain my build moves for multiple hours. My dawn stroll is in the hills, but whenever I stroll flat, I try to deteriorate a valued vest.</p><p>Every weekend, I stroll The Dish at smallest twice, and sometimes three or four times. It's our local hike in Palo Alto. It's concerning three-and-a-half miles, and it's uphill. I additionally agenda at smallest one or two walks a day alongside distinct allies for social activity.</p><p>On weekends, I additionally go to the farmers market and cook.</p><h2 id="44285c11-dd8b-4144-8297-84b51ba02c96" data-toc-id="44285c11-dd8b-4144-8297-84b51ba02c96">My 81-year-old mom makes me meal all Friday</h2><p>When I was younger and had children, my mom and I made a agreement that she would chef meal for my family all Friday night. Now the kids are gone, and she motionless cooks meal for my hubby and me all Friday.</p><p>It's the one night a week I cognize I'm going to get fine food, and person is going to obtain attention of me. I awareness really lucky.</p><h2 id="4eb30bee-ee54-4661-af79-5a9e9a9c6f81" data-toc-id="4eb30bee-ee54-4661-af79-5a9e9a9c6f81">I think a lot concerning prevention</h2> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6abd55e4265e3f8e338f927f&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:2400,&quot;aspectRatioH&quot;:3600}}' alt="Joanna Strober"> </p></div> <span> <figcaption e-name="image-caption"> Strober stated she thinks a lot concerning safety and that she prioritizes "sleeping enough, dining the correct foods, and getting the correct exercise."&nbsp; <span e-name="image-source" itemprop="creditText"> Ian Tuttle for BI </span> </figcaption> </span> </figure> <p>I don't desire to be impaired as an older lady. I've additionally watched what it's akin to have person alongside Alzheimer's in my family, and I'm frightened of that. I think a lot concerning what I can do to remain fit and <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">prevent bosom disease, Alzheimer's,</a> and skeletal disease.</p><p><a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">I don't track macros or anything</a> akin that, but I am extremely neurotic concerning my malignancy screenings and the behaviors that are uncomplicated to do to create certain that I remain fit as lengthy as I can &mdash; akin sleeping enough, dining the correct foods, and getting the correct exercise.</p><p>I think concerning what I can do to create certain I can eventually run following my grandkids.</p> <p>This part is not a substitute for expert medicinal advice, diagnosis, or treatment. Always consult your qualified doctor or healthcare provider.</p> </div> <div e-name="post-bottom-most-popular"> <h2>Most popular</h2> <div data-component-type="most-popular" data-load-strategy="lazy" data-limit="6" data-hide-read-time="true" data-track-view='&quot;bi_value_unassigned&quot;}' data-track-click-shared='&quot;bi_value_unassigned&quot;}'> <span data-overlay-text="01"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="02"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="03"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="04"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="05"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="06"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> </div> </div> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Ana&nbsp; writes concerning office trends, careers, and how AI is reshaping application engineering roles. She additionally regularly interviews C-suite executives concerning their trajectories and guidance insights.</span><span>Ana is the presenter of "Get Better at Work," a sequence that offers direction concerning the habits and behaviors that can assistance workers remain out and build their careers. She additionally hosts "Work Shift," which breaks downward the biggest office news of the week. She holds a master&rsquo;s flat in multimedia reporting from NYU and has been featured on BBC, NPR, and another earth media platforms.</span><span>Have a tip? You can communication her via email at<span> aaltchek@businessinsider.com&nbsp;</span>or through the secure-messaging app Signal at <span>aalt.19.</span></span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/i-m-the-ceo-of-midi-health-walking-all-day-and-my-daily-diet-coke-keeps-me-sane-72279</guid> <pubDate>Tue, 13 Oct 2026 10:03:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Ana Altchek)]]></author> </item> <item> <title><![CDATA[The Art of Dithering and Retro Shading for the Web]]></title> <description><![CDATA[The Art of Dithering and Retro Shading for the Web. Comments]]></description> <media:thumbnail url="https://blog.maximeheckel.com/static/og/5adca72ccfd447404dbd30ce21753846.png?v1"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/the-art-of-dithering-and-retro-shading-for-the-web-72281</link> <content:encoded><![CDATA[<div><div data-ask-article-path="/posts/the-art-of-dithering-and-retro-shading-web/" data-ask-article-title="The Art of Dithering and Retro Shading for the Web" data-ask-article-subtitle="A detailed walkthrough of the inner workings of dithering and another shading techniques to provision a retro appearance and awareness to your WebGL and React Three Fiber work."><p>I spent the former few months construction my <a href="https://en.mycoding.id/category/technology" target="_blank">personal website</a> from the dirt up, eventually taking the period to merge several 3D activity to showcase my shader and WebGL skills. Throughout this work, I got to really comprehend the crucial function that <strong>post-processing</strong> plays in making a environment really <em>look good</em>, which brought several resolutions to long-term frustrations I had alongside my former React Three Fiber and shader projects anywhere my imagination wouldn't materialize despite of the amount of activity and attention I was putting into them.</p> <p>Taking the period to build, combine, and test alongside tradition post-processing effects gave me an additional imaginative outlet, and among the many types I got to iterate on, I continually had a particular affection for the multiple "retro" effects I came up with. With subtle particulars specified as <strong>dithering</strong>, <strong>color quantization</strong>, or <strong>pixelization/CRT RGB cells</strong>, they bring a pleasant difference between the contemporary web landscape and a long-gone era of innovation we 90s/early 2000s kids are sometime longing for.</p> <p>Given the period I invested dissecting all aspect of these effects, I wanted to dive profound alongside you into the concepts powering them and the shader techniques I learned alongside the way. In this article, I anticipation to convince you of the power of post-processing effects and that nothing strikes an elegant retro vibe applied to a website &#128076;&#10024;. We'll additionally appearance into examples of dithering and pixel art from extremely gifted folks who use the identical processes that I'll be introducing afterward on, as fine as several of my own creations that I built during learning concerning all this.</p> <p>Dithering originated as an first graphics method to <em>trick</em> the viewer's brain into seeing additional color or smoothness in gradients/shadows that the machines rear in the day could output by intentionally introducing noise on top of an depiction or a render. Color palettes were extremely constricted rear then, thus relying on techniques akin these was critical for equivalent designers to acknowledge their vision. This gave, as a result, a distinctive appearance and awareness to games and media from that particular instant in period anywhere computers became ubiquitous, but advanced explanatory capabilities were not yet there.</p> <p>Today, dithering is additional an imaginative choice than a workaround. Many artists or equivalent designers use this method as a imaginative outlet to provision their activity a distinctive <em>retro vibe</em>, calling out to that first gaming era, or activity inside the realms of self-imposed limits in colors. Some awesome examples of specified use of dithering include:</p> <ul> <li><p>Basement Studio's <a href="https://en.mycoding.id/category/technology" target="_blank">Basement Chronicle</a> game: a well-executed <em>point-and-click</em> equivalent that reminds me a lot of my own first gaming experience.</p></li> <li><p><a href="https://en.mycoding.id/category/technology" target="_blank">@loackme</a>'s art, which I'm an complete fan of.</p></li> <li><p><a href="https://en.mycoding.id/category/technology" target="_blank">@aweusmeuh</a>'s use of the first Game Boy camera for experimental photography which features a sublime dithering effect.</p></li> </ul> <figure><div role="button" type="button" tabindex="0" data-base-ui-click-trigger="" id="base-ui-_R_loir76m_"><p><img alt="Examples of beautifully executed dithering art from remaining to correct by Basement Studio, @aweusmeuh, and @loackme_" loading="lazy" width="700" height="405" decoding="async" data-nimg="1" sizes=" 768px) 120vw, 75vw" srcset="https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=640&amp;q=100 640w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=750&amp;q=100 750w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=828&amp;q=100 828w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=1080&amp;q=100 1080w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=1200&amp;q=100 1200w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=1920&amp;q=100 1920w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=2048&amp;q=100 2048w, https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=3840&amp;q=100 3840w" src="https://assets.maximeheckel.com/images/blog/dithering-examples.png?w=3840&amp;q=100"></p></div><figcaption>Examples of beautifully executed dithering art from remaining to correct by Basement Studio, @aweusmeuh, and @loackme_</figcaption></figure> <p>The second is how we volition method dithering in this blog post: to provision our React Three Fiber/Three.js projects a distinctive style! In this archetypal part, we'll examine how the dithering method works, execute it as a shader, and build a archetypal repeat of a tradition dithering post-processing consequence that we can use on top of any 3D scene.</p> <h3 id="a-first-pass-at-dithering-in-react-three-fiber">A archetypal continue at dithering in React Three Fiber<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>For this project, we'll create a <strong>custom post-processing effect</strong>. As we did for the <a href="https://en.mycoding.id/category/technology" target="_blank">Moebius stylized shader</a>, relying on post-processing volition authorize us to use a shader to an already rendered environment and alter its manner akin adding an "image filter" to a photo.</p> <p>To create a tradition effect, we will:</p> <ol> <li><p>Declare a category that extends from Effect</p></li> <li><p>Define our part shader and call it from the genitor constructor using the excellent keyword.</p></li> <li><p>Define the set of uniforms we volition need for our effect.</p></li> <li><p>Call the wrapEffect function from @react-three/post-processing alongside our consequence category as an argument. This volition authorize us to use our consequence as a JSX component inside EffectComposer.</p></li> </ol> <div data-code-block="true"><div><p data-testid="codesnippet-title">Sample tradition shader post-processing consequence used in an R3F scene</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"> </span><span data-testid="content-line">OrbitControls</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">OrthographicCamera</span><span data-testid="content-line">,</span><span data-testid="content-line"> useFBO </span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'@react-three/drei'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"> </span><span data-testid="content-line">Canvas</span><span data-testid="content-line"> </span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'@react-three/fiber'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>3</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"> wrapEffect</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">EffectComposer</span><span data-testid="content-line"> </span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'@react-three/postprocessing'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"> </span><span data-testid="content-line">Effect</span><span data-testid="content-line"> </span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'postprocessing'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>5</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"> </span><span data-testid="content-line">Suspense</span><span data-testid="content-line">,</span><span data-testid="content-line"> useRef</span><span data-testid="content-line">,</span><span data-testid="content-line"> useState </span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'react'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"> v4 </span><span data-testid="content-line">as</span><span data-testid="content-line"> uuidv4 </span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'uuid'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">import</span><span data-testid="content-line"> </span><span data-testid="content-line">fragmentShader</span><span data-testid="content-line"> </span><span data-testid="content-line">from</span><span data-testid="content-line"> </span><span data-testid="content-line">'./fragmentShader.glsl'</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>10</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">class</span><span data-testid="content-line"> </span><span data-testid="content-line">RetroEffectImpl</span><span data-testid="content-line"> </span><span data-testid="content-line">extends</span><span data-testid="content-line"> </span><span data-testid="content-line">Effect</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>12</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">super</span><span data-testid="content-line">(</span><span data-testid="content-line">'RetroEffect'</span><span data-testid="content-line">,</span><span data-testid="content-line"> fragmentShader</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>13</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">uniforms</span><span data-testid="content-line">:</span><span data-testid="content-line"> </span><span data-testid="content-line">new</span><span data-testid="content-line"> </span><span data-testid="content-line">Map</span><span data-testid="content-line">(</span><span data-testid="content-line">[</span><span data-testid="content-line">]</span><span data-testid="content-line">)</span><span data-testid="content-line">,</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>18</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">RetroEffect</span><span data-testid="content-line"> </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">wrapEffect</span><span data-testid="content-line">(</span><span data-testid="content-line">RetroEffectImpl</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>21</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> mesh </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">useRef</span><span data-testid="content-line">(</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>25</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">&lt;</span><span data-testid="content-line">mesh</span><span data-testid="content-line"> </span><span data-testid="content-line">receiveShadow</span><span data-testid="content-line"> </span><span data-testid="content-line">castShadow</span><span data-testid="content-line">&gt;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>26</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">&lt;</span><span data-testid="content-line">torusKnotGeometry</span><span data-testid="content-line"> </span><span data-testid="content-line">args</span><span data-testid="content-line">=</span><span data-testid="content-line">{</span><span data-testid="content-line">[</span><span data-testid="content-line">1</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">0.25</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">128</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">100</span><span data-testid="content-line">]</span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">/&gt;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>27</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">&lt;</span><span data-testid="content-line">meshStandardMaterial</span><span data-testid="content-line"> </span><span data-testid="content-line">color</span><span data-testid="content-line">=</span><span data-testid="content-line">"</span><span data-testid="content-line">cyan</span><span data-testid="content-line">"</span><span data-testid="content-line"> </span><span data-testid="content-line">/&gt;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>As a archetypal stage to construction our effect, we'll commencement alongside a uncomplicated <strong>luminance-based pale noise dithering</strong>. The idea rearward this is to:</p> <ul> <li><p>Look at the <em>luminance</em> of all pixel.</p></li> <li><p>Compare it to a random figure (hence the "white noise" in the name).</p></li> <li><p>Output a pale or dreary pixel according to whether the luminance falls complete or below stated random number.</p></li> </ul> <div data-code-block="true"><div><p data-testid="codesnippet-title">White noise dithering implemented in a part shader of a tradition effect</p></div><pre><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">return</span><span data-testid="content-line"> </span><span data-testid="content-line">fract</span><span data-testid="content-line">(</span><span data-testid="content-line">sin</span><span data-testid="content-line">(</span><span data-testid="content-line">dot</span><span data-testid="content-line">(</span><span data-testid="content-line">c</span><span data-testid="content-line">.</span><span data-testid="content-line">xy</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">12.9898</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">78.233</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">43758.5453</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>5</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec3</span><span data-testid="content-line"> </span><span data-testid="content-line">whiteNoiseDither</span><span data-testid="content-line">(</span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> lum</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line">(</span><span data-testid="content-line">0.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>8</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">if</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">lum </span><span data-testid="content-line">&lt;</span><span data-testid="content-line"> </span><span data-testid="content-line">random</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>17</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">void</span><span data-testid="content-line"> </span><span data-testid="content-line">mainImage</span><span data-testid="content-line">(</span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> inputColor</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">out</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> outputColor</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>18</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">inputBuffer</span><span data-testid="content-line">,</span><span data-testid="content-line"> uv</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>20</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> lum </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">dot</span><span data-testid="content-line">(</span><span data-testid="content-line">vec3</span><span data-testid="content-line">(</span><span data-testid="content-line">0.2126</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">0.7152</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">0.0722</span><span data-testid="content-line">)</span><span data-testid="content-line">,</span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>21</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">whiteNoiseDither</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> lum</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>You can detect the consequence that this code would output on the widget below which re-implements a akin process:</p> <p>Doing this volition outcome in a grayscale type of our environment anywhere any pixel not purely dreary or pale volition be <em>dithered</em> tricking our brains into seeing additional shades of gray. The demo below shows the consequence applied on top of a uncomplicated React Three Fiber scene:</p> <h3 id="ordered-dithering-and-bayer-matrix">Ordered Dithering and Bayer Matrix<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>The consequence we fair built works, but it relies on pale noise for its dithering threshold, foremost to a messy result. We can bring command to all this (&#129345;) using a method commonly known as <strong>ordered dithering</strong> because of the <em>ordered</em> form it yields whenever applied.</p> <p>This method relies on a threshold map defined via a <strong>Bayer Matrix</strong> that contains values used to decide whether we should modify the color of a stated pixel to dreary or white.</p> <div data-fullbleed="true"><div><figure><div role="button" type="button" tabindex="0" data-base-ui-click-trigger="" id="base-ui-_R_lr2r76m_"><p><img alt="Diagram showcasing the procedure of applying the 4x4 Bayer Matrix on the input buffer of a environment and obtaining the dithering form according to the threshold value matching all pixel" loading="lazy" width="700" height="298" decoding="async" data-nimg="1" sizes=" 768px) 120vw, 75vw" srcset="https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=640&amp;q=100 640w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=750&amp;q=100 750w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=828&amp;q=100 828w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=1080&amp;q=100 1080w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=1200&amp;q=100 1200w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=1920&amp;q=100 1920w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=2048&amp;q=100 2048w, https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=3840&amp;q=100 3840w" src="https://assets.maximeheckel.com/images/blog/bayermatrix.png?w=3840&amp;q=100"></p></div><figcaption>Diagram showcasing the procedure of applying the 4x4 Bayer Matrix on the input buffer of a environment and obtaining the dithering form according to the threshold value matching all pixel</figcaption></figure></div></div> <p>To display how this dithering category works, I built the widget below anywhere you can see how this matrix changes the output of a grid of pixels formerly applied on top of it:</p> <p>As you can see through the examples I showcased above, we get several beautiful distinct dithering patterns based on</p> <ul> <li><p>the shades of gray used in the underlying pixel grid</p></li> <li><p>the size of the Bayer Matrix used to get the threshold value</p></li> </ul> <figure><div><div tabindex="0" role="slider" aria-label="Ordered dithering applied on a uncomplicated grayscale gradient" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><p><img alt="Before" loading="eager" width="700" height="364" decoding="async" data-nimg="1" srcset="https://assets.maximeheckel.com/images/blog/grayscale.png?w=750&amp;q=100 1x, https://assets.maximeheckel.com/images/blog/grayscale.png?w=1920&amp;q=100 2x" src="https://assets.maximeheckel.com/images/blog/grayscale.png?w=1920&amp;q=100"></p><p><img alt="After" loading="eager" width="700" height="364" decoding="async" data-nimg="1" srcset="https://assets.maximeheckel.com/images/blog/2-color.png?w=750&amp;q=100 1x, https://assets.maximeheckel.com/images/blog/2-color.png?w=1920&amp;q=100 2x" src="https://assets.maximeheckel.com/images/blog/2-color.png?w=1920&amp;q=100"></p><div id="slider-line"><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img"><path d="M18.5 12L4.99997 12"></path><path d="M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img"><path d="M18.5 12L4.99997 12"></path><path d="M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6"></path></svg></div></div></div><figcaption><span>Ordered dithering applied on a uncomplicated grayscale gradient</span></figcaption></div></figure> <p>To execute this in GLSL, we need to get the luminance of all pixel and difference its value alongside the corresponding threshold value for that identical pixel obtained from the Bayer Matrix:</p> <ul> <li><p>if the difference between those values is positive, the pixel is white</p></li> <li><p>otherwise, it is black</p></li> </ul> <div data-code-block="true"><div><p data-testid="codesnippet-title">Ordered dithering using a 4x4 Bayer Matrix</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">mat4x4</span><span data-testid="content-line"> bayerMatrix4x4 </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">mat4x4</span><span data-testid="content-line">(</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec3</span><span data-testid="content-line"> </span><span data-testid="content-line">orderedDither</span><span data-testid="content-line">(</span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> lum</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>9</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line">(</span><span data-testid="content-line">0.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>11</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">0.0</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>13</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> x </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">x </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">4</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>14</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> y </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">4</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>15</p><p><span><span data-testid="content-line"> threshold </span><span data-testid="content-line">=</span><span data-testid="content-line"> bayerMatrix4x4</span><span data-testid="content-line">[</span><span data-testid="content-line">y</span><span data-testid="content-line">]</span><span data-testid="content-line">[</span><span data-testid="content-line">x</span><span data-testid="content-line">]</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>17</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">if</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">lum </span><span data-testid="content-line">&lt;</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">+</span><span data-testid="content-line"> bias</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>Modifying the consequence code we implemented in the former part alongside the code we fair introduced volition provision us an ordered dithering consequence for our underlying scene:</p> <h3 id="blue-noise-dithering">Blue noise dithering<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>We got ourselves a satisfying ordered dithering effect! While this is the most famous dithering technique, as fine as the chief one we'll leverage in this article, I motionless wanted to contact upon an additonal way to dither that you perchance recall seeing in my part on <a href="https://en.mycoding.id/category/technology" target="_blank">Volumetric Raymarching</a>: <strong>blue noise dithering</strong>.</p> <p>I used this method in my raymarched haze scenes to <em>"erase the banding or layering consequence because of a small granular [raymarching] loop"</em> which comic adequate is the identical use case we need dithering for in our Retro post-processing effect. Unlike the former techniques, this one relies on a texture that we'll continue to the shader of our tradition post-processing consequence via a uniform and afterward example it as follows:</p> <div data-code-block="true"><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec4</span><span data-testid="content-line"> noise </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">uNoise</span><span data-testid="content-line">,</span><span data-testid="content-line"> gl_FragCoord</span><span data-testid="content-line">.</span><span data-testid="content-line">xy </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">128.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">float</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">=</span><span data-testid="content-line"> noise</span><span data-testid="content-line">.</span><span data-testid="content-line">r</span><span data-testid="content-line">;</span></span></p></div></pre></div> <p>where 128.0 is the width/height of stated texture. We additionally define the threshold as the red color conduit of the resulting noise color we get from the sampling, stated that we're using a grayscale texture, it doesn't matter much which value you pick.</p> <p>Below is the resulting output whenever we use a blue noise texture to get our dithering threshold value:</p> <p>As you can see, it feels small repetitive and organized than ordered dithering during additionally not being as <em>random</em> as pale noise dithering; a nice center ground.</p> <p>So far, all our dithering examples additionally converted the underlying environment to dreary and white, thus making us endure a lot of data and color. That is because:</p> <ul> <li><p>We calculated our dithering threshold according to the pixel luminance, thus relying on a grayscale type of our scene.</p></li> <li><p>We manually returned a dreary or pale pixel according to the threshold value related to the luminance.</p></li> </ul> <p>That method is commonly referred to as <strong>luminance-based dithering</strong> and the color conversion used current compresses the color palette to 2-bit: all pixel of the resulting environment alongside our post-processing consequence applied is either dreary or white, and any shade in-between appears to us through dithering.</p> <p>This <em>color compression</em> is known as <strong>color quantization</strong>, and it supports additional than fair dreary and pale pixels as we'll see in this section.</p> <h3 id="shades-of-gray-and-colors">Shades of gray and colors<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>Manually environment the colors of our dithering form can quickly get out of hand, particularly alongside ample color palettes. Instead, to get additional than fair a dreary or pale pixel and leverage shades of gray, we'll use a equation to discover the nearest neighboring color of a stated pixel color according to the total figure of colors we desire to output in our effect:</p> <p>floor(color * (n - 1) + 0.5)/n - 1 anywhere n is the total figure of color.</p> <p>For example, if we wanted lone two colors in our final color palette we would get a value of:</p> <ul> <li><p>vec3(0.0) for the color vec3(0.3) ie black</p></li> <li><p>vec3(1.0) for the color vec3(0.6) ie white</p></li> </ul> <p>If we were to addition the figure of colors we would get additional shades of gray in the case of our grayscale scene.</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Grayscale color quantization implemented in our tradition effect</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec3</span><span data-testid="content-line"> </span><span data-testid="content-line">dither</span><span data-testid="content-line">(</span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> lum</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line">(</span><span data-testid="content-line">lum</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> x </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">x </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>5</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> y </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">=</span><span data-testid="content-line"> bayerMatrix8x8</span><span data-testid="content-line">[</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> x</span><span data-testid="content-line">]</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">+=</span><span data-testid="content-line"> threshold</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>9</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>10</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>11</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <figure><div><div tabindex="0" role="slider" aria-label="Ordered dithering alongside 2 VS 4 color quantization. Notice how the 4-color type yields a improved looking gradient." aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><p><img alt="Before" loading="eager" width="700" height="364" decoding="async" data-nimg="1" srcset="https://assets.maximeheckel.com/images/blog/2-color.png?w=750&amp;q=100 1x, https://assets.maximeheckel.com/images/blog/2-color.png?w=1920&amp;q=100 2x" src="https://assets.maximeheckel.com/images/blog/2-color.png?w=1920&amp;q=100"></p><p><img alt="After" loading="eager" width="700" height="364" decoding="async" data-nimg="1" srcset="https://assets.maximeheckel.com/images/blog/4-color.png?w=750&amp;q=100 1x, https://assets.maximeheckel.com/images/blog/4-color.png?w=1920&amp;q=100 2x" src="https://assets.maximeheckel.com/images/blog/4-color.png?w=1920&amp;q=100"></p><div id="slider-line"><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img"><path d="M18.5 12L4.99997 12"></path><path d="M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img"><path d="M18.5 12L4.99997 12"></path><path d="M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6"></path></svg></div></div></div><figcaption><span>Ordered dithering alongside 2 VS 4 color quantization. Notice how the 4-color type yields a improved looking gradient.</span></figcaption></div></figure> <p>This equation doesn't fair activity for shades of gray, we can use it immediately on the first pixel color to compute its nearest neighbor:</p> <ul> <li><p>for a two-color palette, we'll get the 2 imaginable values for all color conduit thus 2^3 = 8 colors</p></li> <li><p>for a four-color palette, it would be 4^3 = 64 colors</p></li> </ul> <div data-code-block="true"><div><p data-testid="codesnippet-title">Color quantization implemented in our tradition effect</p></div><pre><div data-testid="highlight-line"><p>1</p><p><span><span data-testid="content-line">vec3</span><span data-testid="content-line"> </span><span data-testid="content-line">dither</span><span data-testid="content-line">(</span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line"> color</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> x </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">x </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>3</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> y </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">=</span><span data-testid="content-line"> bayerMatrix8x8</span><span data-testid="content-line">[</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> x</span><span data-testid="content-line">]</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">+=</span><span data-testid="content-line"> threshold</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>7</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>9</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">colorNum </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>This quantization method lets us approximate the appearance and awareness of older graphics. We can get color palettes that are additional in row alongside what computers and consoles could output rear in the day.</p> <h3 id="custom-color-palettes">Custom color palettes<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>We now cognize a method to decrease the figure of colors in our final render to an arbitrary number, but what concerning reducing it to an arbitrary set of colors?</p> <p>In his <a href="https://en.mycoding.id/category/technology" target="_blank">video on quantization and dithering</a>, <a href="https://en.mycoding.id/category/technology" target="_blank">@Acerola_t</a> introduces a method to do fair that by using the value of a grayscale color palette to example a texture defining a tradition color palette.</p> <p>For example, if our final grayscale example environment from before sets the color figure to four, we volition get the following grayscale values:</p> <figure><div role="button" type="button" tabindex="0" data-base-ui-click-trigger="" id="base-ui-_R_lr6t76m_"><p><img alt="Diagram showcasing how to use the grayscale values to example a texture containing the identical amount of colors" loading="lazy" width="700" height="362" decoding="async" data-nimg="1" sizes=" 768px) 120vw, 75vw" srcset="https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=640&amp;q=100 640w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=750&amp;q=100 750w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=828&amp;q=100 828w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=1080&amp;q=100 1080w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=1200&amp;q=100 1200w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=1920&amp;q=100 1920w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=2048&amp;q=100 2048w, https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=3840&amp;q=100 3840w" src="https://assets.maximeheckel.com/images/blog/grayscaletexture.png?w=3840&amp;q=100"></p></div><figcaption>Diagram showcasing how to use the grayscale values to example a texture containing the identical amount of colors</figcaption></figure> <p>These values equivalent to the horizontal values of the UV coordinates of our color palette texture, thus letting us use those values to example the texture and get the tradition colors from it:</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Using quantization grayscale value to example tradition color palette texture"</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec3</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line">13</span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">dither</span><span data-testid="content-line">(</span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> lum</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line">(</span><span data-testid="content-line">lum</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> x </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">x </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>5</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line"> y </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">int</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">%</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">=</span><span data-testid="content-line"> bayerMatrix8x8</span><span data-testid="content-line">[</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">8</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> x</span><span data-testid="content-line">]</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">+=</span><span data-testid="content-line"> threshold </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">0.2</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>9</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">4.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">4.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>10</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">4.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">4.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>11</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">4.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">4.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>13</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line"> paletteColor </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">palette</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">r</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>If we were to use that method to the former scene, this is what the final output would appearance like:</p> <p>I'd advance you to fork this demo and try with:</p> <ul> <li><p>different textures</p></li> <li><p>different figure of colors</p></li> </ul> <p>The lone item to pay notice to is to keep the figure of color blocks in your palette texture the identical as the figure of color you set in your tradition effect.</p> <h3 id="hue-lightness-based-color-quantization">Hue-lightness-based color quantization<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>In his part <a href="https://en.mycoding.id/category/technology" target="_blank">Dithering on the GPU</a> Alex Charlton introduces an substitute color quantization technique. Instead of using the quantization equation we introduced at the commencement of this section, he relies on the hue of a color to discover its closest neighboring colors from an arbitrary palette and the lightness of those colors to get the ordered dithering pattern.</p> <p>To do so, he proceeds as follows:</p> <ol> <li><p>For all pixel, change the color to HSL (Hue Saturation Lightness).</p></li> <li><p>Find its two closest neighbors in "hue" from the arbitrary color palette defined statically or provided via a uniform.</p></li> <li><p>Get the extend between the pixel and its closest color complete the extend between the earlier obtained colors.</p></li> <li><p>Compare this extend alongside the threshold value from the Bayer Matrix and, according to the outcome choice the archetypal or second closest color.</p></li> <li><p>Get the extend between the two closest lightness that equivalent the first pixel's color.</p></li> <li><p>Compare this extend alongside the threshold value from the Bayer Matrix and, according to the outcome choice the archetypal or second lightness to set in the final color.</p></li> </ol> <p>I vividly propose taking the period to peruse the complete part as it goes in-depth into an first and additional imaginative dithering process. Below you'll discover the demo I re-implemented from the procedure showcased in the article. It additionally features several of the missing functions the author did not contain in their post.</p> <p>We now cognize how to:</p> <ul> <li><p>Reduce the figure of colors of a stated environment to a particular figure or an arbitrary color palette.</p></li> <li><p>Use dithering to <em>get back</em> several of the particulars of the environment in the form of a dithering form akin shadows or color gradients.</p></li> </ul> <p>In this section, we volition appearance at several techniques to <em>downsample</em> the final output of our environment to get a additional <strong>pixelated</strong> appearance and see our dithering and quantization procedure radiance at lesser resolutions.</p> <p>The key to getting a pixelated type of our first environment is to remap the UV coordinate scheme used in our consequence shader and break it to a grid so, formerly sampled, the texture from our input buffer appears as if it were at a lesser resolution.</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Pixelating a texture in GLSL</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">void</span><span data-testid="content-line"> </span><span data-testid="content-line">mainImage</span><span data-testid="content-line">(</span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> inputColor</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">out</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> outputColor</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> normalizedPixelSize </span><span data-testid="content-line">=</span><span data-testid="content-line"> pixelSize </span><span data-testid="content-line">/</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>3</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uvPixel </span><span data-testid="content-line">=</span><span data-testid="content-line"> normalizedPixelSize </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">uv </span><span data-testid="content-line">/</span><span data-testid="content-line"> normalizedPixelSize</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>5</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">inputBuffer</span><span data-testid="content-line">,</span><span data-testid="content-line"> uvPixel</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">dither</span><span data-testid="content-line">(</span><span data-testid="content-line">uvPixel</span><span data-testid="content-line">,</span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>In the code snippet above:</p> <ul> <li><p>We define the size of our pixel via the pixelSize uniform.</p></li> <li><p>We distinct this value by the resolution of our environment to change it to a normalized texture coordinate ranging from 0 to 1.</p></li> <li><p>We break the UV coordinate to the grid defined by uv/normalizedPixelSize using the flat function.</p></li> <li><p>We rescale the snapped UV coordinates to the first UV area by multiplying the outcome by normalizedPixelSize.</p></li> </ul> <p>The demo below adds this procedure alongside alongside an additional uniform for you to tweak the pixel size used in our scene:</p> <p>Notice how the higher the value of pixelSize is, the additional pixelated our environment becomes.</p> <p>On top of that, we can see that our dithering form becomes small and small apparent as the pixel size increases: there are not adequate pixels in the final output to get any form at all. We'll have to attack the correct balance between dithering form and pixel size to get the most compelling effect.</p> <p>With this added to our effect, we have all the ingredients to create gorgeous pixel art pieces or pixelated 3D scenes! One item I immediately tried upon wrapping up this post-processing consequence was to try it on top of several of my before shader work, akin in <a href="https://en.mycoding.id/category/technology" target="_blank">my environment titled Dithering Waves</a> anywhere I applied a grayscale type of it on top of a uncomplicated environment rendering a domain wrapping texture using Fractal Brownian Motion, inspired by <a href="https://en.mycoding.id/category/technology" target="_blank">Inigo Quilez' article</a> on the matter.</p> <p>To test alongside <a href="https://en.mycoding.id/category/technology" target="_blank">contrasting aesthetics</a>, I additionally wanted to try out ordered dithering and color quantization on several of my Raymarching activity from final year. The ordered form contrasts nicely alongside the additional integrated nature of several of those scenes, particularly at lesser resolutions. Below are two examples that I particularily enjoyed:</p> <p>While pixelization brings us one stage nearer to an exact retro post-processing effect, there is one essential aspect of this consequence that's missing: emulating the appearance of a fine ol' CRT monitor.</p> <p>CRTs activity alternatively than our current displays. Thus, the finest we can do current is to method the appearance and awareness of those old monitors by stacking a sequence of effects in our tradition shader effect. The archetypal and most essential consequence that we'll activity on, that additionally highlights the inner workings of CRTs, is the RGB division form from the display.</p> <h3 id="rgb-cells">RGB Cells<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>First and foremost, let's appearance at how CRT displays activity so we can reproduce the consequence as accurately as possible. Those monitors have 3 speck guns for all of the color channels (red, green, and blue) that run throughout the display and excite their corresponding phosphors, which in come back emit ray to form an image. To forestall those beams from hitting the incorrect phosphor dots and causing color issues on the final image, CRTs use a <strong>shadow mask</strong> alongside a metal element dish made of small holes. They can have many distinct configurations which output distinct <em>mask types</em>.</p> <p>In this section, we'll attempt to emulate the Schiltzmaske: an aperture grill anywhere all pillar is staggered by fractional a division height.</p> <figure><div role="button" type="button" tabindex="0" data-base-ui-click-trigger="" id="base-ui-_R_lov176m_"><p><img alt="Diagram showcasing the staggered RGB cells shade disguise consequence on a example scene" loading="lazy" width="700" height="362" decoding="async" data-nimg="1" sizes=" 768px) 120vw, 75vw" srcset="https://assets.maximeheckel.com/images/blog/rgbcells.png?w=640&amp;q=100 640w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=750&amp;q=100 750w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=828&amp;q=100 828w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=1080&amp;q=100 1080w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=1200&amp;q=100 1200w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=1920&amp;q=100 1920w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=2048&amp;q=100 2048w, https://assets.maximeheckel.com/images/blog/rgbcells.png?w=3840&amp;q=100 3840w" src="https://assets.maximeheckel.com/images/blog/rgbcells.png?w=3840&amp;q=100"></p></div><figcaption>Diagram showcasing the staggered RGB cells shade disguise consequence on a example scene</figcaption></figure> <p>This implementation could additionally authorize us to try to get another disguise category called Streifermaske, which is akin apart from that it does not characteristic the staggered cells and lone features a disguise on its column.</p> <p>The implementation of specified a "pixel pattern" in GLSL goes as follows:</p> <ul> <li><p>We archetypal need to define our RGB cells and their subcells: a slot for all red, green, and blue channel.</p></li> </ul> <div data-code-block="true"><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec2</span><span data-testid="content-line"> pixel </span><span data-testid="content-line">=</span><span data-testid="content-line"> uv </span><span data-testid="content-line">*</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec2</span><span data-testid="content-line"> coord </span><span data-testid="content-line">=</span><span data-testid="content-line"> pixel </span><span data-testid="content-line">/</span><span data-testid="content-line"> pixelSize</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>3</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec2</span><span data-testid="content-line"> subcoord </span><span data-testid="content-line">=</span><span data-testid="content-line"> coord </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">3</span><span data-testid="content-line">,</span><span data-testid="content-line">1</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec2</span><span data-testid="content-line"> cellOffset </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">0</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">mod</span><span data-testid="content-line">(</span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">coord</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">3.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span></span></p></div></pre></div> <ul> <li><p>We create a division "offset" for all two cells: several volition have an offset of vec2(0.0) and several of vec2(0.0, 0.5), thus creating the vertical <em>staggered effect</em> of our shade mask.</p></li> </ul> <div data-code-block="true"><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec2</span><span data-testid="content-line"> cellOffset </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">0</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">mod</span><span data-testid="content-line">(</span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">coord</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">3.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span></span></p></div></pre></div> <ul> <li><p>We choice which subcell the current pixel belongs to and output the corresponding subcell color according to the subcell index.</p></li> </ul> <div data-code-block="true"><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">float</span><span data-testid="content-line"> ind </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">mod</span><span data-testid="content-line">(</span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">subcoord</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">3.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec3</span><span data-testid="content-line"> maskColor </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec3</span><span data-testid="content-line">(</span><span data-testid="content-line">ind </span><span data-testid="content-line">==</span><span data-testid="content-line"> </span><span data-testid="content-line">0.0</span><span data-testid="content-line">,</span><span data-testid="content-line"> ind </span><span data-testid="content-line">==</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">,</span><span data-testid="content-line"> ind </span><span data-testid="content-line">==</span><span data-testid="content-line"> </span><span data-testid="content-line">2.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">2.0</span><span data-testid="content-line">;</span></span></p></div></pre></div> <ul> <li><p>We now need to diagram the borders of our masks. The archetypal stage is to create a set of UV coordinates for all subcell, afterward create a border vector that gets higher values in the edges of all subcell and lesser towards the center. Finally, we blend the outcome alongside the current disguise color, thus creating a colored subcell alongside a border.</p></li> </ul> <div data-code-block="true"><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec2</span><span data-testid="content-line"> cellUv </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">fract</span><span data-testid="content-line">(</span><span data-testid="content-line">subcoord </span><span data-testid="content-line">+</span><span data-testid="content-line"> cellOffset</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">2.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">vec2</span><span data-testid="content-line"> border </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> cellUv </span><span data-testid="content-line">*</span><span data-testid="content-line"> cellUv </span><span data-testid="content-line">*</span><span data-testid="content-line"> MASK_BORDER</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>3</p><p><span><span data-testid="content-line">maskColor</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">*=</span><span data-testid="content-line"> border</span><span data-testid="content-line">.</span><span data-testid="content-line">x </span><span data-testid="content-line">*</span><span data-testid="content-line"> border</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">;</span></span></p></div></pre></div> <ul> <li><p>The final stage is to create a rgbCellUV vector that we can use to example the input buffer of our underlying environment and map it in this new CRT RGB Cell coordinate system.</p></li> </ul> <div data-code-block="true"><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec2</span><span data-testid="content-line"> rgbCellUV </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">floor</span><span data-testid="content-line">(</span><span data-testid="content-line">coord</span><span data-testid="content-line">+</span><span data-testid="content-line">cellOffset</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> pixelSize </span><span data-testid="content-line">/</span><span data-testid="content-line"> resolution</span><span data-testid="content-line">;</span></span></p></div></pre></div> <p>This results in a additional exact appearance and awareness for a retro post-processing effect. Those are the types of particulars that can create the entire difference whenever making a 3D environment for the web.</p> <figure><div><div tabindex="0" role="slider" aria-label="Pixelization VS RGB Cell shade disguise effect. Notice how the output appears slightly sharper in the RGB Cell variant." aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"><p><img alt="Before" loading="eager" width="700" height="370" decoding="async" data-nimg="1" srcset="https://assets.maximeheckel.com/images/blog/pixeleffect2.png?w=750&amp;q=100 1x, https://assets.maximeheckel.com/images/blog/pixeleffect2.png?w=1920&amp;q=100 2x" src="https://assets.maximeheckel.com/images/blog/pixeleffect2.png?w=1920&amp;q=100"></p><p><img alt="After" loading="eager" width="700" height="370" decoding="async" data-nimg="1" srcset="https://assets.maximeheckel.com/images/blog/rgbeffect2.png?w=750&amp;q=100 1x, https://assets.maximeheckel.com/images/blog/rgbeffect2.png?w=1920&amp;q=100 2x" src="https://assets.maximeheckel.com/images/blog/rgbeffect2.png?w=1920&amp;q=100"></p><div id="slider-line"><div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img"><path d="M18.5 12L4.99997 12"></path><path d="M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" role="img"><path d="M18.5 12L4.99997 12"></path><path d="M13 18C13 18 19 13.5811 19 12C19 10.4188 13 6 13 6"></path></svg></div></div></div><figcaption><span>Pixelization VS RGB Cell shade disguise effect. Notice how the output appears slightly sharper in the RGB Cell variant.</span></figcaption></div></figure> <p>The demo below completely implements the procedure highlighted above, which yields a beautiful and gentle CRT effect. Setting a elevated pixel size volition additionally authorize you to regard our subcells at work, lighting up individually according to the color of the underlying scene.</p> <h3 id="curving-the-display">Curving the display<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>CRTs were not flat akin their LCD counterparts. Instead, they featured several minor curvature which we can emulate alongside a few lines of GLSL. To do so, much akin we fair did for our RGB cells shade mask, we can remap our UV coordinates to current several curvature:</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Modifying our UVs to current curvature to our effect</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">void</span><span data-testid="content-line"> </span><span data-testid="content-line">mainImage</span><span data-testid="content-line">(</span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> inputColor</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">out</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> outputColor</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> curveUV </span><span data-testid="content-line">=</span><span data-testid="content-line"> uv </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">2.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>3</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> offset </span><span data-testid="content-line">=</span><span data-testid="content-line"> curveUV</span><span data-testid="content-line">.</span><span data-testid="content-line">yx </span><span data-testid="content-line">*</span><span data-testid="content-line"> curve</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"> curveUV </span><span data-testid="content-line">+=</span><span data-testid="content-line"> curveUV </span><span data-testid="content-line">*</span><span data-testid="content-line"> offset </span><span data-testid="content-line">*</span><span data-testid="content-line"> offset</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>5</p><p><span><span data-testid="content-line"> curveUV </span><span data-testid="content-line">=</span><span data-testid="content-line"> curveUV </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>In the code snippet above:</p> <ol> <li><p>We change our UV coordinates range to a new range of [-1, 1] as we desire the curvature to be <em>centered</em> related to the screen.</p></li> <li><p>Swapping the x and y components of our UV coordinates and multiplying by a CURVE_INTENSITY changeable lets us define the strength/offset of our curvature. In this case, the offset volition be stronger at the corners and not as powerful as we attain the center of the two the x and y-axis.</p></li> <li><p>Finally, we desire our curvature to be quadratic, ie stronger the nearer we get to the fringes of the screen. We afterward change the resulting UV coordinates rear to a range of [0, 1] allowing us to use it in our shader as the <em>base</em> UVs.</p></li> </ol> <p>Using those new UV coordinates, we can diagram the <em>edges</em> of our CRT using smoothstep:</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Drawing edges of our curved CRT using curveUV</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">vec2</span><span data-testid="content-line"> border </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">smoothstep</span><span data-testid="content-line">(</span><span data-testid="content-line">0.</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">0.02</span><span data-testid="content-line">,</span><span data-testid="content-line"> curveUV</span><span data-testid="content-line">)</span><span data-testid="content-line">*</span><span data-testid="content-line">(</span><span data-testid="content-line">1.</span><span data-testid="content-line">-</span><span data-testid="content-line">smoothstep</span><span data-testid="content-line">(</span><span data-testid="content-line">1.</span><span data-testid="content-line">-</span><span data-testid="content-line">0.02</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">1.</span><span data-testid="content-line">,</span><span data-testid="content-line"> curveUV</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>2</p><p><span><span data-testid="content-line">color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">*=</span><span data-testid="content-line"> edge</span><span data-testid="content-line">.</span><span data-testid="content-line">x </span><span data-testid="content-line">*</span><span data-testid="content-line"> edge</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">;</span></span></p></div></pre></div> <p>This gives us dreary curved edges on the top, bottom, left, and correct sides of the display. The demo below implements this curvature component to the consequence we've been iterating on since the commencement of this blog article and additionally lets you tweak the curvature power from 0 (flat) to 0.5 (realistically curved, item higher than that is "too much").</p> <h3 id="scanlines-distortion-and-final-touches">Scanlines, distortion, and final touches<a href="https://en.mycoding.id/category/technology" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" width="16" height="16"><path d="M10 19.0004L9.82843 19.1719C8.26634 20.734 5.73368 20.734 4.17158 19.1719L3.82843 18.8288C2.26634 17.2667 2.26633 14.734 3.82843 13.1719L7.17158 9.8288C8.73368 8.2667 11.2663 8.2667 12.8284 9.8288L13.1716 10.1719C13.8252 10.8256 14.2053 11.6491 14.312 12.5004" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.68799 12.5004C9.79463 13.3516 10.1748 14.1752 10.8284 14.8288L11.1715 15.1719C12.7336 16.734 15.2663 16.734 16.8284 15.1719L20.1715 11.8288C21.7336 10.2667 21.7336 7.73404 20.1715 6.17194L19.8284 5.8288C18.2663 4.2667 15.7336 4.2667 14.1715 5.8288L14 6.00037" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a></h3> <p>In this final part, I wanted to stroll you through several of the final touches I added to my own retro post-processing consequence to create it as exact as possible.</p> <p>One of the archetypal tweaks I felt was necessary was to add several minor colorful aberration whenever sampling the input buffer of our effect, which we can discover the code of in <a href="https://en.mycoding.id/category/technology" target="_blank">Refraction, dispersion, and another shader ray effects</a>. Due to the display curvature and several imperfect alignments of the speck beams of the CRT, it was common that color channels would appear slightly offset, yielding a slightly blurred image.</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Arbitrary colorful aberration applied to our effect</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">void</span><span data-testid="content-line"> </span><span data-testid="content-line">mainImage</span><span data-testid="content-line">(</span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> inputColor</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> </span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">out</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> outputColor</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>4</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line"> color </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">vec4</span><span data-testid="content-line">(</span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>5</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">r </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">inputBuffer</span><span data-testid="content-line">,</span><span data-testid="content-line"> rgbCellUV </span><span data-testid="content-line">+</span><span data-testid="content-line"> SPREAD</span><span data-testid="content-line">)</span><span data-testid="content-line">.</span><span data-testid="content-line">r</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>6</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">g </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">inputBuffer</span><span data-testid="content-line">,</span><span data-testid="content-line"> rgbCellUV</span><span data-testid="content-line">)</span><span data-testid="content-line">.</span><span data-testid="content-line">g</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>7</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">b </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">texture2D</span><span data-testid="content-line">(</span><span data-testid="content-line">inputBuffer</span><span data-testid="content-line">,</span><span data-testid="content-line"> rgbCellUV </span><span data-testid="content-line">-</span><span data-testid="content-line"> SPREAD</span><span data-testid="content-line">)</span><span data-testid="content-line">.</span><span data-testid="content-line">b</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>9</p><p><span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">dither</span><span data-testid="content-line">(</span><span data-testid="content-line">rgbCellUV</span><span data-testid="content-line">,</span><span data-testid="content-line"> color</span><span data-testid="content-line">.</span><span data-testid="content-line">rgb</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>Moreover, because of the inner workings of CRTs we highlighted earlier, several <strong>Bloom</strong> may additionally occur. We can regard this using the Bloom component from @react-three/postprocessing.</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Adding Bloom inside our EffectComposer</p></div><pre><div data-testid="line"><p>2</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> spaceship </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">useRef</span><span data-testid="content-line">(</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>3</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">const</span><span data-testid="content-line"> consequence </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">useRef</span><span data-testid="content-line">(</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>7</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">&lt;</span><span data-testid="content-line">group</span><span data-testid="content-line"> </span><span data-testid="content-line">rotation</span><span data-testid="content-line">=</span><span data-testid="content-line">{</span><span data-testid="content-line">[</span><span data-testid="content-line">0</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">Math</span><span data-testid="content-line">.</span><span data-testid="content-line">PI</span><span data-testid="content-line"> </span><span data-testid="content-line">/</span><span data-testid="content-line"> </span><span data-testid="content-line">2</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">0</span><span data-testid="content-line">]</span><span data-testid="content-line">}</span><span data-testid="content-line">&gt;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">&lt;</span><span data-testid="content-line">Spaceship</span><span data-testid="content-line"> </span><span data-testid="content-line">ref</span><span data-testid="content-line">=</span><span data-testid="content-line">{</span><span data-testid="content-line">spaceship</span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">/&gt;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>11</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">&lt;</span><span data-testid="content-line">RetroEffect</span><span data-testid="content-line"> </span><span data-testid="content-line">ref</span><span data-testid="content-line">=</span><span data-testid="content-line">{</span><span data-testid="content-line">effect</span><span data-testid="content-line">}</span><span data-testid="content-line"> </span><span data-testid="content-line">/&gt;</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>14</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">luminanceThreshold</span><span data-testid="content-line">=</span><span data-testid="content-line">{</span><span data-testid="content-line">0.05</span><span data-testid="content-line">}</span><span data-testid="content-line"></span></span></p></div><div data-testid="highlight-line"><p>15</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">luminanceSmoothing</span><span data-testid="content-line">=</span><span data-testid="content-line">{</span><span data-testid="content-line">0.9</span><span data-testid="content-line">}</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>Finally, we can overlay the final output of our tradition shader consequence alongside horizontal scanlines operating through the display vertically:</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Simple scanlines added on top of our consequence output</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">float</span><span data-testid="content-line"> lines </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">sin</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">2000.0</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"> period </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">100.0</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>We can additionally contain several additional distortion to the UV coordinates of our consequence by adding code to the mainUv function of our shader. Adding several minor imperfections akin these can create our CRT appearance equal additional accurate. Below is a uncomplicated example, but awareness liberated to additional test alongside additional complex distortion patterns:</p> <div data-code-block="true"><div><p data-testid="codesnippet-title">Adding distortion in mainUv</p></div><pre><div data-testid="line"><p>1</p><p><span><span data-testid="content-line">float</span><span data-testid="content-line"> </span><span data-testid="content-line">noise</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">in</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> st</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>6</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> b </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">random</span><span data-testid="content-line">(</span><span data-testid="content-line">i </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">1.0</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">0.0</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>7</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> c </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">random</span><span data-testid="content-line">(</span><span data-testid="content-line">i </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">0.0</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>8</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> d </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">random</span><span data-testid="content-line">(</span><span data-testid="content-line">i </span><span data-testid="content-line">+</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">1.0</span><span data-testid="content-line">,</span><span data-testid="content-line"> </span><span data-testid="content-line">1.0</span><span data-testid="content-line">)</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>10</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> u </span><span data-testid="content-line">=</span><span data-testid="content-line"> f</span><span data-testid="content-line">*</span><span data-testid="content-line">f</span><span data-testid="content-line">*</span><span data-testid="content-line">(</span><span data-testid="content-line">3.0</span><span data-testid="content-line">-</span><span data-testid="content-line">2.0</span><span data-testid="content-line">*</span><span data-testid="content-line">f</span><span data-testid="content-line">)</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>12</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">return</span><span data-testid="content-line"> </span><span data-testid="content-line">mix</span><span data-testid="content-line">(</span><span data-testid="content-line">a</span><span data-testid="content-line">,</span><span data-testid="content-line"> b</span><span data-testid="content-line">,</span><span data-testid="content-line"> u</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>13</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">c </span><span data-testid="content-line">-</span><span data-testid="content-line"> a</span><span data-testid="content-line">)</span><span data-testid="content-line">*</span><span data-testid="content-line"> u</span><span data-testid="content-line">.</span><span data-testid="content-line">y </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">1.0</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> u</span><span data-testid="content-line">.</span><span data-testid="content-line">x</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">+</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>17</p><p><span><span data-testid="content-line"></span><span data-testid="content-line">void</span><span data-testid="content-line"> </span><span data-testid="content-line">mainUv</span><span data-testid="content-line">(</span><span data-testid="content-line">inout</span><span data-testid="content-line"> </span><span data-testid="content-line">vec2</span><span data-testid="content-line"> uv</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">{</span><span data-testid="content-line"></span></span></p></div><div data-testid="line"><p>18</p><p><span><span data-testid="content-line"> </span><span data-testid="content-line">float</span><span data-testid="content-line"> tremble </span><span data-testid="content-line">=</span><span data-testid="content-line"> </span><span data-testid="content-line">(</span><span data-testid="content-line">noise</span><span data-testid="content-line">(</span><span data-testid="content-line">vec2</span><span data-testid="content-line">(</span><span data-testid="content-line">uv</span><span data-testid="content-line">.</span><span data-testid="content-line">y</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">sin</span><span data-testid="content-line">(</span><span data-testid="content-line">time </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">400.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">100.0</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">-</span><span data-testid="content-line"> </span><span data-testid="content-line">0.5</span><span data-testid="content-line">)</span><span data-testid="content-line"> </span><span data-testid="content-line">*</span><span data-testid="content-line"> </span><span data-testid="content-line">0.0025</span><span data-testid="content-line">;</span><span data-testid="content-line"></span></span></p></div></pre></div> <p>We're eventually done! Or at smallest I was satisfied adequate to create this the stopping item of this article, you can motionless test and continue to tweak this shader at your heart's content! You can regard the final type of our retro post-processing consequence below, which includes:</p> <ul> <li><p>Color quantization to decrease the figure of colors in our final output.</p></li> <li><p>Pixelization and RGB Cell shade disguise consequence to create realistic downsampling typically apparent in old CRT displays.</p></li> <li><p>Ordered Dithering which alleviates the low pixel and color figure in the output depiction and gives us rear several particulars of the underlying environment in the form of pixel patterns.</p></li> <li><p>Screen Curvature, scanlines alongside distortions, bloom, and colorful aberration as final touches to create our consequence <em>pop</em>.</p></li> </ul> <p>Through the many examples and techniques we covered, I anticipation this part demonstrated how mighty tradition shader effects are and how transformative they can be whenever applied on top of your own WebGL/3D work. This particular "Retro" consequence is, of course, fair a particular case of a beautiful consequence you can build, a autumn in the sea of what's possible. The underlying <strong>dithering</strong>, <strong>quantization</strong>, and <strong>pixelization/RGB Cells</strong> that we learned concerning are applicable on their own as fine as infinitely tweakable to create your activity remain out in the ever-growing environment of 3D websites and digital art.</p> <p>I'm looking onward to seeing what you volition arrive up alongside now that you cognize beautiful much everything I do on the matter (there are no excuses not to build!), there's a lot you can create by combining the consequence and construction blocks we've fair seen. Meanwhile, I'll keep operating through my endless catalog of shader techniques to study, and the many another post-processing effects and styles I'm trying to mimic. As always, I'll study rear on my findings &#128522;.</p></div></div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/the-art-of-dithering-and-retro-shading-for-the-web-72281</guid> <pubDate>Tue, 13 Oct 2026 10:02:45 +0700</pubDate> <author><![CDATA[support@mycoding.id (Putri Silvia)]]></author> </item> <item> <title><![CDATA[Where is all the new, good software?]]></title> <description><![CDATA[Where is all the new, good software?. Comments]]></description> <media:thumbnail url="https://www.natemeyvis.com/static/og-image.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/where-is-all-the-new-good-software-72273</link> <content:encoded><![CDATA[<div> <a href="https://en.mycoding.id/category/technology" target="_blank"> </a> <p><a href="https://en.mycoding.id/category/technology" target="_blank">Home</a> <a href="https://en.mycoding.id/category/technology" target="_blank">Blog</a></p> <p> <i> 12 Oct, 2026 </i> </p> <p>Here's a inquiry we see, particularly from AI skeptics: if AI coding is so great, shouldn't we be seeing additional new, fine application by now?</p> <p>Here are several answers. As customary in this manner of post, these are conjectural, applicant answers, and I would provision several of them small weight.</p> <ol> <li>We <em>are</em> in fact seeing application improvement, in the form of small bugs and improved performance.</li> <li>We <em>are</em> in fact seeing application improvement, in the form of additional and improved features in existing products.</li> <li>We <em>are</em> in fact seeing application improvement, but the "we" is extremely limited. Most group don't clasp new application extremely often, so it's not amazing that they aren't finding new awesome application now.</li> <li>Many businesses' software-development processes have subsystems, particularly governmental subsystems, that have not been accelerated alongside AI. (Imagine the procedure of getting elder engineers and merchandise managers to sign off on a betterment plan. The engineers and PMs <em>could</em> use AI to do this improved and faster, but perchance they aren't yet doing that.)</li> <li>AI is replacing additional durable, longer-lasting application alongside additional ephemeral forms of application or application use, and one power not effortlessly comprehend this as "better application via AI." (If you do your taxes alongside Claude and don't annoy construction or buying for improved tax-preparation software, you don't fairly get the "this merchandise is akin TurboTax but wonderful" experience, nevertheless much you power benefit.)</li> <li>AI is replacing broadly accessible application alongside personal software. Domain experts are construction their own tools; executives are making their own dashboards; companies have bespoke inner projects. So the application is out there, fair not apparent to the remainder of us, and particularly not apparent to skeptics.</li> <li>We're making <em>more</em> application alternatively of making application <em>better</em>. We've continually had the choice of (roughly) improving what exists or pushing betterment forward, and we've frequently chosen the latter. It's not amazing that we're motionless doing a lot of the latter.</li> <li>Software teams are capturing a lot of the speedup in the form of additional leisure or quasi-leisure time. (To greatly simplify: application teams are offering 2x speedups to their companies. They're afterward using tools that authorize them to activity 10x as efficiently, and taking nice lengthy coffee breaks.)</li> <li>AI improvements in application sometimes shove us to use and create application <em>less</em>. Sometimes AI helps me fig out that a application project is a bad idea. Sometimes it nudges me to expend additional analog period alongside humans. Sometimes it helps me find, and encourages me to read, additional and improved books. The net consequence of this <em>for me</em> motionless involves my spending <em>way</em> additional period making and using software, but it power be distinct for others. Most of the time, we're improving not fair application but several scheme alongside the two application and non-software components. If someone's Letterboxd (or similar) is operating absolutely for them, they're apt to merely be a bit happier alongside their video-consumption life, possibly in ways that volition assemblage out their using another software.</li> </ol> <p>Again, several of these are speculative and several have to be stated small weight.</p> <hr> <p> <a href="https://en.mycoding.id/category/technology" target="_blank">#generative AI</a> <a href="https://en.mycoding.id/category/technology" target="_blank">#sociology of software</a> <a href="https://en.mycoding.id/category/technology" target="_blank">#software</a> </p> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/where-is-all-the-new-good-software-72273</guid> <pubDate>Tue, 13 Oct 2026 09:34:35 +0700</pubDate> <author><![CDATA[support@mycoding.id (Putri Silvia)]]></author> </item> <item> <title><![CDATA[Document Review with Unsiloed and TypeSafe Jev]]></title> <description><![CDATA[Document Review with Unsiloed and TypeSafe Jev. Comments]]></description> <media:thumbnail url="https://www.unsiloed.ai/blog-assets/unsiloed-jev/jev-question-contract.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/document-review-with-unsiloed-and-typesafe-jev-72274</link> <content:encoded><![CDATA[<div><p>An extraction pipeline can peruse a value correctly and motionless continue bad data downstream. A plainly printed additional zero survives outstanding optical character acknowledgment (OCR).</p> <p>Using Unsiloed and TypeSafe&rsquo;s Jev together helps us inspect for OCR failures and broad mistakes in a document. Unsiloed extracts organized sectors and locates them on the page. Jev judges the extracted data against focused questions. We can merge these results to decide which sectors need review.</p> <h2>Jev Turns Focused Questions Into Typed Answers</h2> <p>A Jev petition separates the data it considers (state) from the <a href="https://en.mycoding.id/category/technology" target="_blank">decisions it makes</a> (questions). In our workflow, province contains the records Unsiloed extracted and the environment needed to construe them. Each inquiry tells Jev what to inspect and which answer category to return; it can additionally define criteria for the imaginable answers.</p> <p>The category determines what our code receives. A <strong>Noul</strong> returns the probability that a declaration is true. A <strong>Choice</strong> selects from named options; a <strong>Score</strong> evaluates a rubric of ordered levels. Choice and Score additionally come back a probability allocation and a <a href="https://en.mycoding.id/category/technology" target="_blank">confidence value</a> summarizing its concentration. Noul has no distinct confidence field.</p> <p>The three types can portion province in a sole request, as the diagram shows. Later, we'll use lone Noul in our example.</p> <p><source media=" 600px)" srcset="/blog-assets/unsiloed-jev/jev-question-contract-mobile.png"><img src="https://www.unsiloed.ai/blog-assets/unsiloed-jev/jev-question-contract.png" alt="Shared province feeds autonomous Noul, Choice, and Score questions. Noul returns P(yes); Choice and Score additionally come back distributions and confidence. Application code interprets the answers. This demo uses lone Noul." loading="lazy" decoding="async"></source></p> <p>A <a href="https://en.mycoding.id/category/technology" target="_blank">Noul</a> value of 0.04 method a 4% probability of <strong>yes</strong> to our question, a powerful <strong>no</strong>. It does not average &ldquo;Jev is 4% confident.&rdquo; Values near either end signify a apparent direction; values near the center deserve caution.</p> <h2>Send Unsiloed&rsquo;s Extracted Fields to Jev, Then Route the Results</h2> <p>Unsiloed preserves what is printed and provides confidence scores that assistance acknowledge ambiguous readings. For our example, we use a medication catalog alongside six rows. A coffee stain obscures one dose, during another row contains a plainly printed but implausible quantity. We'll prosecute the two through extraction and Jev's checks.</p> <p><img src="https://www.unsiloed.ai/blog-assets/unsiloed-jev/prescription-demo.png" alt=" a coffee stain obscures the cetirizine dose, and the ibuprofen education says “10 tablets” three times daily." loading="lazy" decoding="async"></p> <p>Our <a href="https://en.mycoding.id/category/technology" target="_blank">extraction schema</a> defines the sectors Unsiloed should come back for all medication. It requests the complete dose cell, including amount and unit, without correcting amazing quantities or guessing obscured content from customary prescribing practice. Enable origin citations alongside enable_citations=true and delay for the extraction job to complete before constructing Jev&rsquo;s state.</p> <p>Each site has two <a href="https://en.mycoding.id/category/technology" target="_blank">Unsiloed confidence scores</a>: extraction_score measures confidence in the extracted value, during grounding_score measures confidence that the value was located in the document. Both range from zero to one. The citation identifies its leaf and bounding box, the rectangle about the origin text.</p> <p>Here is the stained cetirizine dose from the saved response, alongside pixel coordinates on the first 1,200 &times; 1,500 image:</p> <div><pre data-enhanced="true">{ "value": "1 tablet", "score": { "grounding_score": 0.76, "extraction_score": 0.74 }, "citation": { "page": 1, "bbox": [582, 975, 649, 994], "page_width": 1200, "page_height": 1500 } } </pre></div> <p>Assign all medication row an ID, specified as row-5, and keep it alongside the extracted sectors and their citations. This lets our code equivalent Jev&rsquo;s answer to the identical row later. Keep the citations so reviewers can find all extracted site on the first page.</p> <p>Send Jev the extracted values and context. It judges the education as extracted, without seeing the depiction or Unsiloed scores. We ask one Noul inquiry per row: is this dose and frequence plausible for this medicine? All six rows portion one request, alongside <a href="https://en.mycoding.id/category/technology" target="_blank">each inquiry evaluated independently</a>.</p> <p>In the server-side component that connects the two APIs, build this petition (one row and its inquiry shown):</p> <div><pre data-enhanced="true">const petition = { model: "jev-1.13.0", state: { context: "Check for apparent quantity, component or frequence errors. " + "Dose method amount taken all time, not provision quantity. " + "Do not measure patient-specific safety or propose corrections.", careContext: "Adult outpatient medication reconciliation, age 52", medications: [{ id: "row-5", medicine: "Cetirizine 10 mg tablet", dose: "1 tablet", frequency: "Once regular as needed", route: "Oral", instructions: "For allergy symptoms." }] }, questions: { "row-5": { type: "noul", instructions: { question: "Is the extracted dose and frequence plausible on its " + "face for this medication and power in the stated grownup " + "outpatient context, without an apparent amount or " + "frequency transcription error?", row_id: "row-5" }, criteria: { true: "Plausible on its face; no apparent quantity, component or frequence error.", false: "Clearly implausible; warrants assessment of the first prescription." } } } }; </pre></div> <p>The environment and criteria are shortened here; the <a href="https://en.mycoding.id/category/technology" target="_blank">recorded request</a> contains the exact content and all six rows. We use row-5 as the inquiry ID so our code can equivalent the answer to that row. We additionally contain it as row_id inner the instructions so Jev knows which document to judge: inquiry IDs <a href="https://en.mycoding.id/category/technology" target="_blank">are not sent to the model</a>.</p> <p>Post the petition as JSON to https://api.typesafe.ai/v1/systemone. Authenticate alongside your TypeSafe API key in the <a href="https://en.mycoding.id/category/technology" target="_blank">Authorization: Bearer &lt;API_KEY&gt; header</a>, keeping the key on the server. The recorded answer at answers["row-5"] is { "type": "noul", "noul": 0.94 }. Match that answer to the saved row-5 extraction using the shared ID.</p> <p>Our code now decides whether the row needs review. For the study check, we obtain the lowest Unsiloed mark throughout the row&rsquo;s fields, so a low mark on any site flags the entire row. For the plausibility check, we use Jev&rsquo;s noul value.</p> <p>In the identical module, continue those two values as study and plausible to this function. It returns the reasons to dispatch the row for review, or an bare gathering whenever neither inspect flags it. These demo rules additionally emblem missing or invalid scores:</p> <div><pre data-enhanced="true">const valid = n =&gt; Number.isFinite(n) &amp;&amp; n &gt;= 0 &amp;&amp; n &lt;= 1; function reviewReasons(reading, plausible) { come back [ ...(!valid(reading) || study &lt; 0.90 ? ["Verify origin reading"] : []), ...(!valid(plausible) || plausible &lt; 0.50 ? ["Review instruction"] : []) ]; } </pre></div> <p>Here, a study mark below 0.90 or a plausibility answer below 0.50 triggers review. These are example cutoffs: test them against manually reviewed documents before using them in production. Jev answers near 0.50 may additionally need assessment since neither yes nor no is plainly favored.</p> <p>Keep the two reasons whenever the two checks fail. A plausible education can motionless merge misread text, so a elevated Jev answer must not cancel a low Unsiloed score. Save the first extraction and Jev petition and reply alongside the reviewer&rsquo;s decision so you can afterward inspect why a row was flagged and how it was resolved.</p> <h2>Follow the Flagged Rows From Extraction to Review</h2> <p>Step through the saved API results to see what Unsiloed reads, what Jev checks, and why the two flagged rows need distinct kinds of review.</p> <p>For the stained cetirizine dose, Unsiloed extracts &ldquo;1 tablet&rdquo; alongside an extraction mark of 0.74 and a grounding mark of 0.76. Jev returns 0.94 for plausibility, but it never sees the stain. That judgement depends on the extracted content being right. The study inspect motionless flags the row since person must verify the obscured mark.</p> <p>The ibuprofen row reverses the pattern. Unsiloed says &ldquo;10 tablets, three times daily&rdquo; alongside the two scores at 0.99; Jev returns 0.04 for the identical plausibility question. The reviewer needs to examine the plainly printed instruction. Neither example substitutes an assumed intended dose.</p> <p>Each inspect flags a assessment need the another misses. The another four rows apparent the two demo thresholds, as the <a href="https://en.mycoding.id/category/technology" target="_blank">recorded responses</a> show. The explanations and routing labels arrive from our application; Jev returns the typed answers, not those explanations.</p> <h2>How Much Jev Adds Per Document</h2> <p>One medication catalog in this demo produces a Jev petition alongside six questions and <strong>1,812 input tokens</strong>. At Jev 1.13.0&rsquo;s <a href="https://en.mycoding.id/category/technology" target="_blank">published cost of $42 per milliard input tokens</a>, alongside output liberated (checked September 30, 2026), that adds <strong>$0.000076 per document</strong>. Processing <strong>100,000 akin documents would add concerning $7.61</strong> in Jev charges.</p> <p>This is a Jev-only estimate; Unsiloed extraction and individual assessment disbursal separately. Your genuine accusation depends on the content and questions sent. For a nearer estimate, obtain the input_tokens from a delegate Jev reply and use the published rate.</p> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/document-review-with-unsiloed-and-typesafe-jev-72274</guid> <pubDate>Tue, 13 Oct 2026 09:24:51 +0700</pubDate> <author><![CDATA[support@mycoding.id (Putri Silvia)]]></author> </item> <item> <title><![CDATA[Books Insider: A conversation on the death of conversations]]></title> <description><![CDATA[Books Insider: A conversation on the death of conversations. Vanessa Van Edwards, author of &quot;Conversation,&quot; explains why small conversation feels exhausting and what how group can build meaningful connections.]]></description> <media:thumbnail url="https://i.insider.com/6ac40eccf66e1154bdfa34d9?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/books-insider-a-conversation-on-the-death-of-conversations-72272</link> <content:encoded><![CDATA[<div> <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;Business Insider&quot;}'> <svg xmlns="http://www.w3.org/2000/svg" width="1365" height="120" viewbox="0 0 1365 120"> Business Insider <path d="M0 2.46h49.1c27.31 0 41.59 14.12 41.59 31.46 0 11.97-6.75 20.1-16.11 24.4v.31c11.97 4.3 18.72 13.81 18.72 25.93 0 17.34-13.35 32.53-42.2 32.53H0V2.46Zm47.57 45.42c8.13 0 11.82-4.14 11.82-8.75s-3.68-8.9-11.82-8.9H33.15v17.65h14.42Zm.46 41.43c8.59 0 12.74-4.14 12.74-9.51s-4.3-9.51-12.58-9.51H33.15v19.03h14.88Zm52.32-18.87V2.46h33.45v67.67c0 12.74 6.29 19.49 17.03 19.49s17.49-6.75 17.49-19.64V2.46h33.61v67.98c0 28.85-19.33 49.57-51.1 49.57s-50.49-20.72-50.49-49.57ZM287.1 7.98v29.46c-7.21-5.06-19.49-8.59-29.46-8.59-9.05 0-13.66 2.92-13.66 6.75s5.06 5.83 14.12 9.05c15.35 5.37 36.21 12.58 36.21 36.98 0 21.79-16.42 37.9-45.27 37.9-14.88 0-28.54-4.3-36.98-9.97v-31c8.29 6.75 20.87 12.12 32.99 12.12 10.28 0 15.04-3.84 15.04-8.13 0-5.52-7.83-7.98-17.19-11.36-12.28-4.45-31.76-12.43-31.76-34.68 0-20.1 15.81-36.52 44.04-36.52 12.43 0 23.63 3.22 31.92 7.98Zm15.8-5.52h33.45v114.63H302.9V2.46Zm152.38 114.63h-31.92l-41.28-61.53h-.15v61.53h-31.76V2.46h31.92l41.28 60.46h.15V2.46h31.76v114.63ZM469.09 2.46h79.18v29.77h-45.73v13.81h41.12v27.01h-41.12v14.27h45.73v29.77h-79.18V2.46Zm163.12 5.52v29.46c-7.21-5.06-19.49-8.59-29.46-8.59-9.05 0-13.66 2.92-13.66 6.75s5.06 5.83 14.12 9.05c15.35 5.37 36.21 12.58 36.21 36.98 0 21.79-16.42 37.9-45.27 37.9-14.88 0-28.54-4.3-36.98-9.97v-31c8.29 6.75 20.87 12.12 32.99 12.12 10.28 0 15.04-3.84 15.04-8.13 0-5.52-7.83-7.98-17.19-11.36-12.28-4.45-31.76-12.43-31.76-34.68 0-20.1 15.81-36.52 44.04-36.52 12.43 0 23.63 3.22 31.92 7.98Zm88.54 0v29.46c-7.21-5.06-19.49-8.59-29.46-8.59-9.05 0-13.66 2.92-13.66 6.75s5.06 5.83 14.12 9.05c15.35 5.37 36.21 12.58 36.21 36.98 0 21.79-16.42 37.9-45.27 37.9-14.88 0-28.54-4.3-36.98-9.97v-31c8.29 6.75 20.87 12.12 32.99 12.12 10.28 0 15.04-3.84 15.04-8.13 0-5.52-7.83-7.98-17.19-11.36-12.28-4.45-31.76-12.43-31.76-34.68 0-20.1 15.81-36.52 44.04-36.52 12.43 0 23.63 3.22 31.92 7.98Zm45.97 109.33h33.45V2.69h-33.45v114.63ZM919.08 2.69h-31.76v60.46h-.15L845.89 2.69h-31.92v114.63h31.76V55.79h.15l41.28 61.53h31.92V2.69ZM972.92.23c-28.24 0-44.04 16.42-44.04 36.52 0 22.25 19.49 30.23 31.76 34.68 9.36 3.38 17.19 5.83 17.19 11.36 0 4.3-4.76 8.13-15.04 8.13-12.12 0-24.71-5.37-32.99-12.12v31c8.44 5.68 22.1 9.97 36.98 9.97 28.85 0 45.27-16.11 45.27-37.9 0-24.4-20.87-31.61-36.21-36.98-9.05-3.22-14.12-5.06-14.12-9.05s4.6-6.75 13.66-6.75c9.97 0 22.25 3.53 29.46 8.59V8.21C996.55 3.45 985.35.23 972.92.23Zm46.94 117.08h33.45V2.69h-33.45v114.63Zm80.71-30.23h6.45c17.34 0 28.54-9.82 28.54-27.01s-11.2-27.16-28.54-27.16h-6.45v54.17Zm68.75-27.01c0 34.53-26.09 57.24-63.53 57.24h-38.67V2.69h38.67c37.44 0 63.53 22.86 63.53 57.39Zm9.07 57.24h79.18V87.54h-45.73V73.27h41.12V46.26h-41.12V32.45h45.73V2.69h-79.18v114.63Zm131.83-60.46c8.44 0 15.04-3.99 15.04-11.97s-6.6-11.97-15.19-11.97h-7.06v23.94h7.21Zm54.78 60.46h-39.44l-21.79-35.45h-.77v35.45h-33.45V2.69h40.82c28.7 0 48.64 12.74 48.64 39.9 0 10.74-4.76 26.39-23.79 34.37l29.77 40.36Z"></path> </svg></a> <div data-component-type="post-hero" data-load-strategy="exclude"> <div> <div> <video id="https://i.insider.com/6ac3ecb2225e4c4a50a38106" autoplay="" iteration muted playsinline> <source src="https://i.insider.com/6ac3ecb2225e4c4a50a38106?raw=1" type="video/mp4"> <p>Your browser does not assistance the video element.</p> </source></video> </div> <p><span> <span e-name="image-source" itemprop="creditText">Jessica Pons for BI</span> </span> </p></div> </div> <div> <span>A conversation concerning the misplaced art of conversation alongside Vanessa Van Edwards, author of the new book, "Conversation."</span> </div> <div data-component-type="post-hero" data-load-strategy="exclude"> <div> <div> <video id="https://i.insider.com/6ac3ecb2225e4c4a50a38106" autoplay="" iteration muted playsinline> <source src="https://i.insider.com/6ac3ecb2225e4c4a50a38106?raw=1" type="video/mp4"> <p>Your browser does not assistance the video element.</p> </source></video> </div> <p><span> <span e-name="image-source" itemprop="creditText">Jessica Pons for BI</span> </span> </p></div> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p><em>Books Insider is a regular characteristic from Dan Slater concerning the latest and finest books in endeavor and oneself improvement. Each month, through essays and interviews, Dan volition current you to today's most fascinating authors.</em></p><p>America is in the throes of a "silent epidemic: a association crisis," writes best-selling author Vanessa Van Edwards. We're <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">hanging out less</a>. We're talking to chatbots and agents additional than we conversation to people. The portion of US adults who say they have no near allies rosy from 3% in 1990 to 12% in 2023. We've misplaced the subtle art of conversation. Van Edwards, who has additional than a myriad followers on Instagram and runs an Austin-based behavioral investigation lab called Science of People, wants to assistance us reconnect.</p><p>In <a href="https://en.mycoding.id/category/business" target="_blank" data-autoaffiliated="true" data-track-click-secondary='&quot;bi_value_unassigned&quot;}' data-track-click='&quot;outbound_click&quot;}' rel="nofollow sponsored noindex" data-am-orig-url="https://affiliate.insider.com/?h=96febdf797f4ecacdc58b223093414c6774ea09ff17b12b4c9b5a9b2f248ac78&amp;u=https%3A%2F%2Fwww.amazon.com%2FConversation-Connect-Anyone-Every-Interaction%2Fdp%2FB0GS7YCNG9">her new book</a>, "Conversation: How to Connect alongside Anyone and Make Every Interaction Count," she writes: "'I akin you' power be the three most mighty words you can current person else. Why? Because we're <em>terrified</em> of being unlikable. And investigation shows that we grossly underestimate how much group akin us." If venturing an "I akin you" feels weird, that's okay. Exposure to social hazard decreases our <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">sensitivity to rejection</a> and strengthens our confidence in connection. Confidence "is not the deficiency of discomfort &mdash; it's emotion clumsy and doing it anyway," writes Van Edwards.</p><p>We all have "conversational power," she argues, and in "Conversation," Van Edwards' third book, she offers a blueprint for construction it. The chapters are short, clear, and propulsive. The book's chief aim is to guide the audience through three ascending levels of conversation. Some of her direction may audio woo-woo, but Van Edwards, a earth category talker, swears by it.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6ac403bbf66e1154bdfa346f&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:5381,&quot;aspectRatioH&quot;:6964}}' alt="Vanessa Van Edwards"> </p></div> <span> <figcaption e-name="image-caption"> "We grossly underestimate how much group akin us," says Van Edwards.&nbsp; <span e-name="image-source" itemprop="creditText"> Jessica Pons for BI </span> </figcaption> </span> </figure> <p>At Level 1, putting group at ease, Van Edwards instructs us to banish small-talk and clumsy silences by turning conversation into a treasure hunt. Don't ask: <em>What do you do?</em> Ask: <em>What do you akin to do? </em>Lead alongside stories, not facts. And don't be fearful to add flair, or what Van Edwards calls conversational confetti: <em>Can I inform you item really weird? </em>To be additional <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">likeable in conversation</a>, appearance for moments anywhere you can authentically say, "Tell me more." To hear well, tilt your caput slightly to one side, exposing neck and ear. To audio smart, ask for advice, or ask your conversation partner: <em>What have you continually wanted to learn?</em></p> <p>At Level 2, connecting deeply, we portion and build one another's dreams. Avoid being quick to tarnish someone's aspirations alongside skepticism; get enthusiastic alongside them, and bring ideas. And if you don't affection their dream, be inquisitive fairly than doubtful. Ask for additional details. <em>Who volition this aspiration help?</em></p><p>It's our dreams, following all, that provision our lives meaning, which is what Level 3 is all about. "When done well," Van Edwards writes, "Level 3 creates the rarest of relationships &mdash; the benevolent built on mutual insight, not fair mutual interests."</p><p>I lately caught up alongside Van Edwards for a conversation concerning "<a href="https://en.mycoding.id/category/business" target="_blank" data-autoaffiliated="true" data-track-click-secondary='&quot;bi_value_unassigned&quot;}' data-track-click='&quot;outbound_click&quot;}' rel="nofollow sponsored noindex" data-am-orig-url="https://affiliate.insider.com/?h=96febdf797f4ecacdc58b223093414c6774ea09ff17b12b4c9b5a9b2f248ac78&amp;u=https%3A%2F%2Fwww.amazon.com%2FConversation-Connect-Anyone-Every-Interaction%2Fdp%2FB0GS7YCNG9">Conversation</a><em>.</em>"</p><hr><p><strong>DS: </strong>I used to regard myself a conversationalist. Reading "Conversation<em>"</em> made me acknowledge how superficial many of my conversations are.</p><p><strong>VVE: </strong>I was having conversations that, equal although I was trying, were additional akin surface-level updates. <em>How's the family?</em> <em>How are the kids?</em> Very fact finding. And I wondered why I didn't appearance onward to socializing, why I was continually so drained by my interactions.</p><p><strong>DS: </strong>You commencement the publish alongside a painfully comic anecdote concerning how you formerly misplaced out on a big occupation chance whenever nerves got in the way. You were trying to execute fairly than be present. Now, whenever you're operating alongside students, whether at <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Google</a> or Harvard, how do you move them distant from old conversational habits that slay connection?</p><div><p><strong>VVE: </strong>I ask a uncomplicated question: "How exhausting is it to create small talk?" And everyone agrees that it's totally exhausting. And I say, "It's since you're trying to be impressive." Oddly, now that we have small conversations, we awareness akin the conversations we do have matter more. Some group lone see their chief formerly a year, at the off-site, and think, <em>I improved be impressive</em>! But it's tiring, and never works.</p><p><strong>DS: </strong>While I was reading, I suffered a Level 1 conversation defeat. My son had a companion over. When the friend's dad came to choice up his kid, I asked him what he was up to for the remainder of the day. He was like, "I'm going residence to do the quarterly taxes for my business, and afterward my spouse is making dinner." And that was it.</p></div><p><strong>VVE: </strong>Always ask for stories, not facts. And react alongside stories, not facts. A fact is a dead-end. A narrative is a doorway.</p><p><strong>DS: </strong>Your narrative concerning trying to discover allies for your hubby made me laugh. Why do men battle to connect?</p><p><strong>VVE: </strong>I don't know. I'm not a man. But what I have seen is that if a man is blessed &mdash; in his residence life, his routine, his endeavor &mdash; he thinks he doesn't need friends. It's a lot of work.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/jpeg" data-srcs='//i.insider.com/6ac40474f66e1154bdfa3473&quot;:{&quot;contentType&quot;:&quot;image/jpeg&quot;,&quot;aspectRatioW&quot;:8192,&quot;aspectRatioH&quot;:5464}}' alt="Vanessa Van Edwards"> </p></div> <span> <figcaption e-name="image-caption"> "Some group lone see their chief formerly a year, at the off-site, and think, I improved be impressive! But it's tiring, and never works," says Van Edwards.&nbsp; <span e-name="image-source" itemprop="creditText"> Jessica Pons for BI </span> </figcaption> </span> </figure> <p><strong>DS: </strong>You note that it takes concerning 50 hours of communication to go from acquaintance to informal friend, and 200+ hours to create a near friendship.</p><p><strong>VVE: </strong>That's what the investigation says. I was beautiful shocked by that. Who's got 200 hours?</p><p><strong>DS: </strong>Are there any shortcuts?</p><p><strong>VVE: </strong>Going sequentially, through nine power questions, can speed things up. For all of the three levels, I propose three questions. At Level 1, the questions are geared toward broad traits: "Working on item breathtaking these days?" At Level 2, you're trying to discover out concerning individual concerns: "What do you affection to conversation about?" Level 3 questions elicit the another person's self-narrative. One of the most mighty questions you can ask is: "What would you do if you weren't afraid?" You can regard someone's hidden fears by asking, "What did you neglect at this week?"</p><p><strong>DS: </strong>You item out that our destiny is resolute by the narrative we inform concerning ourselves. You catalog five distinct narratives: The Ambitious Hero, The Contented Pragmatist, The Selfless Helper, The Creative Disruptor, and the Unlucky Struggler. The archetypal four are desirable. But the Unlucky Struggler is that stuck individual whose existence is complete of obstacles and regret. Their self-knowledge tends to be low, and they frequently disregard solutions offered to them. About how many of us are Unlucky Strugglers?</p><p><strong>VVE: </strong>Maybe between 15 and 20%. But it's not evenly distributed. At a company, if you have 100 people, it's not akin 15 to 20 volition be Unlucky Strugglers. It depends on the hiring manager. If the hiring director is an <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Ambitious Hero</a>, afterward you power have 100 Ambitious Heroes. But if the hiring director is a Selfless Helper, and trying to fix people, afterward you power have 50 Unlucky Strugglers. And afterward you frequently see companion groups anywhere <em>everyone</em> in the collection is an Unlucky Struggler.</p><p><strong>DS: </strong>How does that happen?</p><p><strong>VVE: </strong>I think the expression "misery loves company" is accurate. If you're an Unlucky Struggler, afterward being about group who awareness fortunate can be painful. The Unlucky Struggler looks at the Ambitious Hero and thinks: <em>Why you? Why not me?</em></p><p><strong>DS:</strong> What conversational tips can you recommendation to those who desire to assistance an Unlucky Struggler?</p><p><strong>VVE: </strong>You can't convince an Unlucky Struggler that they're lucky. But you can assistance empower them that they're the author of their own life, that equal if they have no authority complete the external, they have authority complete the internal.</p><p><strong>DS: </strong>I have a rescuer part that frequently wants to jump in and help, and it seems akin you do as well. How do you average that? Or do you not average it?</p><p><strong>VVE: </strong>Ambitious Heroes and Selfless Helpers desire to help. It's fair my style. I'm aggressively helpful. It may not work. I may fail. But, if you authorize me, I volition intimidate you into getting your goal accomplished.</p> <p> Business Insider's Discourse stories provision perspectives on the day's most pressing issues, informed by analysis, reporting, and expertise. </p> </div> <div e-name="post-bottom-most-popular"> <h2>Most popular</h2> <div data-component-type="most-popular" data-load-strategy="lazy" data-limit="6" data-hide-read-time="true" data-track-view='&quot;bi_value_unassigned&quot;}' data-track-click-shared='&quot;bi_value_unassigned&quot;}'> <span data-overlay-text="01"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="02"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="03"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="04"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="05"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> <span data-overlay-text="06"> <p><img src="image/svg+xml,%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20viewBox=&#039;0%200%201%201&#039;%3E%3C/svg%3E" data-src="/public/assets/logos/placeholder.png" alt=""> </p> </span> <h3> <span>Business Insider tells the stories you desire to cognize concerning the earth of business, technology, and finance</span> </h3> </div> </div> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div> <div> <p><span>Dan Slater is the author of "Wolf Boys," "The Incorruptibles," and another true stories. At Nonfiction Nut, his Substack newsletter, he writes concerning awesome nonfiction books and the storytelling craft.&nbsp;</span> </p> </div> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/books-insider-a-conversation-on-the-death-of-conversations-72272</guid> <pubDate>Tue, 13 Oct 2026 09:17:01 +0700</pubDate> <author><![CDATA[support@mycoding.id (Dan Slater)]]></author> </item> <item> <title><![CDATA[Proposal Manager Capgemini Interview Guide for MBA Candidates]]></title> <description><![CDATA[Proposal Manager Capgemini Interview Guide for MBA Candidates. Prepare for Proposal Manager Capgemini discussion alongside function skills, responsibilities, process, questions, concentration areas, and a 4-week scheme for MBA candidates.]]></description> <media:thumbnail url="https://www.boardinfinity.com/blog/content/images/2026/10/feat-1791876251643-5203.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/proposal-manager-capgemini-interview-guide-for-mba-candidates-72270</link> <content:encoded><![CDATA[<div class="gh-content prose prose-lg pb-8"> <p>A Proposal Manager at Capgemini helps change client needs, shipment inputs, market context, and inner endeavor data into apparent recommendation and necessity material. The function matters since feeble requirements, unclear metrics, or mediocre procedure records can dilatory downward sales, delivery, finance, and innovation teams operating toward the identical client outcome.</p><p>This guide is built for MBA, MMS, and graduate certificate candidates preparing for Capgemini’s Proposal Manager interview. It covers the role, required skills, regular work, discussion process, apt questions, concentration areas, a 4-week preparedness plan, and the occupation way this function can open.</p><h2 id="1-about-the-proposal-manager-role"><strong>1. About the Proposal Manager Role</strong></h2><p>This function owns the construction rearward endeavor proposals and functioning decisions. You volition explain what stakeholders need, translate discussions into endeavor necessity documents, functional necessity documents, and non-functional necessity documents, and rotate data into presentations that assistance teams decide what to enhance next.</p><p>The function sits at the intersection of sales, operations, finance, and technology. Candidates who desire a closely connected difference can assessment Board Infinity’s <a href="https://en.mycoding.id/category/technology" target="_blank">Capgemini Bid Manager discussion guide</a>, since the two roles necessitate client-facing structure, records discipline, and cross-functional alignment.</p> <hr><h2 id="2-required-skills-and-qualifications"><strong>2. Required Skills and Qualifications</strong></h2><h3 id="educational-qualifications">Educational Qualifications</h3> <h3 id="skills-overview">Skills Overview</h3> <hr><h2 id="3-day-to-day-responsibilities"><strong>3. Day-to-Day Responsibilities</strong></h2><p>A representative week combines stakeholder discussions, document writing, data analysis, dashboard updates, research, and follow-ups alongside project teams. The activity is detail-heavy since a small ambiguity in a necessity or study can power revenue commitments, shipment timelines, evaluation outcomes, or administration decisions.</p> <div> <div> <div> <span>1</span> </div> <div> <h4>Clarify Business Needs</h4> <p>You conversation alongside stakeholders to comprehend the issue rearward a request. For example, a revenue squad may ask for a dashboard, but the genuine need may be to acknowledge why recommendation approvals are delayed. Your job is to ask follow-up questions, distinct must-have needs from preferences, and grasp the endeavor logic clearly.</p> </div> </div> <div> <div> <span>2</span> </div> <div> <h4>Write Requirement Documents</h4> <p>You change discussions into Business Requirement Documents, Non-Functional Requirement Documents, and Functional Requirement Documents. This method defining scope, users, procedure flows, data needs, acceptance criteria, achievement expectations, dependencies, and exclusions. A powerful document should decrease back-and-forth between endeavor and innovation teams.</p> </div> </div> <div> <div> <span>3</span> </div> <div> <h4>Support Project Teams</h4> <p>You assistance project teams during necessity collection, testing, and implementation. In practice, this may affect explaining a necessity to developers, confirming test scenarios alongside users, tracking open issues, or checking whether implementation matches the accepted endeavor need. The function requires follow-through following the document is written.</p> </div> </div> <div> <div> <span>4</span> </div> <div> <h4>Create SOPs</h4> <p>You document how a procedure have to be performed so that distinct teams prosecute the identical steps. A fine Standard Operating Procedure includes the purpose, trigger, owner, inputs, procedure steps, outputs, controls, and elimination handling. This is particularly helpful whenever proposal, approval, reporting, or evaluation activity needs consistency.</p> </div> </div> <div> <div> <span>5</span> </div> <div> <h4>Coordinate Across Teams</h4> <p>You activity alongside sales, operations, finance, and innovation teams to align inputs. Sales may define client expectations, operations may explain shipment feasibility, backing may validate business assumptions, and innovation may verify scheme limitations. Your function is to create certain all perspective is captured without letting the final output rotate into confusing.</p> </div> </div> <div> <div> <span>6</span> </div> <div> <h4>Build Reports</h4> <p>You analyze data and prepared reports, dashboards, and presentations. This could affect cleaning Excel data, creating pivot tables, plotting trends, summarizing project health, and construction slides that explain what changed, why it matters, and what decision is required. The output must be exact and uncomplicated to read.</p> </div> </div> <div> <div> <span>7</span> </div> <div> <h4>Improve Processes</h4> <p>You appearance for bottlenecks in endeavor processes and propose applicable fixes. For example, if UAT sign-offs are delayed since ownership is unclear, you may propose a duty matrix and matter tracker. Interviewers volition anticipate you to explain the problem, the base cause, the recommendation, and the measurable benefit.</p> </div> </div> <div> <div> <span>8</span> </div> <div> <h4>Track Key Metrics</h4> <p>You detect endeavor metrics that display whether a procedure is performing well. These may contain recommendation sequence time, defect closure time, study turnaround, endorsement aging, or procedure compliance. The activity is not fair data entry. You must notice exceptions and lift questions before small issues rotate into shipment risks.</p> </div> </div> <div> <div> <span>9</span> </div> <div> <h4>Prepare Management Reports</h4> <p>You prepared periodic summaries for managers that display status, risks, trends, and recommended actions. These reports must be concise since leaders need the signal, not all raw detail. A powerful study separates completed work, pending decisions, blockers, risks, and next actions.</p> </div> </div> <div> <div> <span>10</span> </div> <div> <h4>Research Markets</h4> <p>You measure market trends, competitors, and industry movement that may power proposals or betterment recommendations. For a banking-focused proposal, this could average comparing digital onboarding practices, fee experience, client assistance models, or competitor capabilities. The output should nexus investigation to a endeavor implication.</p> </div> </div> <div> <div> <span>11</span> </div> <div> <h4>Support UAT</h4> <p>You assistance User Acceptance Testing by assisting endeavor users validate whether the resolution meets accepted requirements. Your activity may contain preparing test scenarios, logging defects, following up on fixes, and confirming closure. The interviewer may test whether you comprehend the difference between betterment evaluation and endeavor acceptance testing.</p> </div> </div> <div> <div> <span>12</span> </div> <div> <h4>Present Recommendations</h4> <p>You current findings in a way stakeholders can act on. This method explaining the issue, the evidence, the recommended option, expected benefit, and any trade-off. Strong candidates do not fair depict charts. They inform the endeavor what decision the diagram supports.</p> </div> </div> <div> <div> <span>13</span> </div> <div> <h4>Improve CoE Effectiveness</h4> <p>You propose improvements for Centre of Excellence functioning effectiveness. This may affect clearer templates, improved assessment cadences, tighter matter tracking, norm dashboards, or cleaner ownership rules. The finest suggestions are practical, measurable, and uncomplicated for multiple teams to adopt.</p> </div> </div> </div> <hr><h2 id="4-key-competencies-for-success"><strong>4. Key Competencies for Success</strong></h2><p>Top candidates display organized thinking, records discipline, curiosity concerning financial services, and the capability to rotate ambiguity into decisions. Capgemini interviewers volition additionally value imaginative issue solving, out-of-the-box thinking, and a apparent enthusiasm to study since this function touches multiple teams and domains.</p> <hr><h2 id="5-interview-process-at-capgemini"><strong>5. Interview Process at Capgemini</strong></h2><p>For this business-facing role, anticipate Capgemini to measure clarity of thinking, domain awareness, document quality, Excel and display comfort, and the capability to activity alongside multiple stakeholders. The procedure may merge screening, a function discussion, case-style questions, and an HR conversation focused on communication, learning mindset, and fit.</p> <div> <div> <div> <span>1</span> <span></span> </div> <div> <h4>Application and Resume Screening</h4> <p>Recruiters inspect whether your scholarly stream, internship exposure, endeavor records experience, Excel use, domain interest, and communication backdrop equivalent the role. A resume alongside apparent project outcomes, dashboards, investigation work, procedure mapping, or backing and banking visibility volition be easier to shortlist.</p> </div> </div> </div> <div> <div> <div> <span>2</span> <span></span> </div> <div> <h4>Aptitude or Business Screening</h4> <p>You may visage questions on reasoning, endeavor judgement, data interpretation, or written communication. For this role, the crucial part is not lone getting the answer correct but showing spotless working, sensible assumptions, and the capability to summarize a endeavor communication from numbers.</p> </div> </div> </div> <div> <div> <div> <span>3</span> <span></span> </div> <div> <h4>Role-Specific Discussion</h4> <p>A director may test how you collect requirements, compose BRDs and FRDs, construe dashboards, assistance UAT, and oversee multiple stakeholder inputs. Expect circumstance questions specified as handling vague requirements, resolving conflicting inputs, or presenting a procedure betterment recommendation.</p> </div> </div> </div> <div> <div> <div> <span>4</span> <span></span> </div> <div> <h4>Case or Presentation Round</h4> <p>You may obtain a abbreviated endeavor circumstance and be asked to construction requirements, acknowledge metrics, prepared a recommendation, or explain how you would track issues. The interviewer is assessing your capability to move from ambiguity to a clear, business-ready output.</p> </div> </div> </div> <div> <div> <div> <span>5</span> </div> <div> <h4>HR and Fit Discussion</h4> <p>The final conversation normally checks motivation, communication style, learning attitude, flexibility, and capability to activity in a organized company environment. Prepare keen answers for why Capgemini, why this recommendation and endeavor inspection role, and how your MBA projects nexus to the work.</p> </div> </div> </div> Candidates frequently get rejected whenever they conversation in broad administration conditions but cannot display how they would compose requirements, define metrics, assistance UAT, or rotate inspection into a advice for sales, operations, finance, and innovation stakeholders. <hr><h2 id="6-interview-questions"><strong>6. Interview Questions</strong></h2><p>Use STAR for behavioral answers, a requirement-gathering construction for function questions, and a problem, metric, analysis, advice stream for cases. Capgemini interviewers volition normally reward answers that are clear, practical, evidence-backed, and connected to recommendation activity fairly than theoretical administration theory.</p> <div id="iq-q1-wrap"> <h3>Behavioral and Company-Fit Questions</h3> <div id="iq-q1-filters"></div> <div id="iq-q1-list"></div> </div> <div id="iq-q2-wrap"> <h3>Role-Specific Questions</h3> <div id="iq-q2-filters"></div> <div id="iq-q2-list"></div> </div> <div id="iq-q3-wrap"> <h3>Product, Market, and Case Questions</h3> <div id="iq-q3-filters"></div> <div id="iq-q3-list"></div> </div> <hr><h2 id="7-topics-and-areas-of-focus"><strong>7. Topics and Areas of Focus</strong></h2><p>Preparation should map to what the function really tests: necessity clarity, records quality, Excel-based analysis, endeavor communication, financial services awareness, and stakeholder judgment. Focus on demonstrating how you would work, not lone what definitions you know.</p> <hr><h2 id="8-preparation-plan"><strong>8. Preparation Plan</strong></h2> Freshers: concentration on conceptual degree and organized answer frameworks specified as STAR and MECE. Experienced candidates: prepared 3-5 particular effect stories from internships, projects, or roles, alongside measurable outcomes and apparent ownership. <div> <div> <span>Week 1</span> <h4>Role Basics</h4> <p>Understand Capgemini, the recommendation role, and the center documents you may handle.</p> </div> <div> <span>Week 2</span> <h4>Skill Practice</h4> <p>Practise BRDs, SOPs, Excel analysis, dashboards, UAT trackers, and banking concepts.</p> </div> <div> <span>Week 3</span> <h4>Interview Stories</h4> <p>Prepare role-specific STAR stories and practise necessity and case questions.</p> </div> <div> <span>Week 4</span> <h4>Mock Review</h4> <p>Run timed imitate interviews, enhance feeble answers, and refine your final pitch.</p> </div> </div> <h3 id="pre-interview-checklist">Pre-Interview Checklist</h3> <hr><h2 id="9-career-growth-next-roles"><strong>9. Career Growth &amp; Next Roles</strong></h2><p>A Proposal Manager function can develop toward bid management, endeavor analysis, project coordination, consulting operations, or Centre of Excellence roles. Progression normally depends on the norm of your documents, capability to power stakeholders, domain depth, reporting accuracy, and ownership of measurable procedure improvements.</p> <div> <div> <div> <span>1</span> <span></span> </div> <div> <h4>Proposal Manager</h4> <p>At this stage, you study how to collect requirements, create BRDs, FRDs, NFRDs, SOPs, dashboards, investigation summaries, and administration reports. To move up, demonstrate that your activity reduces rework, improves stakeholder clarity, and supports faster decision-making throughout sales, operations, finance, and innovation teams.</p> </div> </div> </div> <div> <div> <div> <span>2</span> <span></span> </div> <div> <h4>Senior Proposal or Business Analyst Role</h4> <p>After approximately 2-3 years, the next stage is normally broader ownership of recommendation streams, complex necessity discussions, elder stakeholder updates, and norm assessment of documents prepared by others. You must display stronger domain depth, cleaner analysis, and the capability to anticipate delivery, finance, or innovation concerns before escalation.</p> </div> </div> </div> <div> <div> <div> <span>3</span> <span></span> </div> <div> <h4>Lead or Consulting Operations Role</h4> <p>After approximately 4-6 years, growth can move toward foremost recommendation workstreams, managing reporting cadence, improving CoE operations, and directing younger squad members. To acquire this step, build powerful display skills, stakeholder confidence, advanced Excel capability, and a document of procedure improvements alongside apparent endeavor outcomes.</p> </div> </div> </div> <div> <div> <div> <span>4</span> </div> <div> <h4>Manager or Specialist Track</h4> <p>Beyond that, the way can divided into group administration or profound expert roles. The director way needs squad leadership, assessment ownership, and stakeholder governance. The expert way needs stronger domain cognition in banking, payments, cards, wealth, asset management, and consulting shipment methods.</p> </div> </div> </div> <hr><h2 id="10-conclusion"><strong>10. Conclusion</strong></h2><p>The strongest preparedness for a Capgemini Proposal Manager discussion is to practise turning ambiguous endeavor needs into apparent requirements, documents, dashboards, and recommendations. Interviewers volition hear for structure, accuracy, stakeholder awareness, and your capability to explain how all output helps endeavor and shipment teams activity better.</p><p>Before the interview, build one BRD outline, one SOP, one UAT tracker, and one administration dashboard summary using a banking or payments example. If you desire a nearby Capgemini function comparison, assessment the <a href="https://en.mycoding.id/category/technology" target="_blank">Capgemini Project Manager Insights and Data discussion guide</a> to comprehend how data-led project coordination is evaluated.</p> Create a one-page BRD for a digital credit cardstock onboarding journey today, afterward practise explaining it in three minutes using objective, scope, stakeholders, requirements, metrics, and risks. <h3 id="top-tips-for-interview-success">Top Tips for Interview Success</h3> <div id="inline-toc-container" class="inline-toc-widget bg-gray-50 border border-gray-200 rounded-lg p-6 my-8 hidden"> <p class="font-serif text-xl text-gray-800 font-bold mb-4 mt-0"> Table of Content </p> <div class="gh-toc"></div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/proposal-manager-capgemini-interview-guide-for-mba-candidates-72270</guid> <pubDate>Tue, 13 Oct 2026 08:26:07 +0700</pubDate> <author><![CDATA[support@mycoding.id (Board Infinity)]]></author> </item> <item> <title><![CDATA[Business Analyst Capgemini Interview Guide for MBA Students]]></title> <description><![CDATA[Business Analyst Capgemini Interview Guide for MBA Students. Prepare for Business Analyst Capgemini discussion alongside duties, skills, discussion process, questions and prep scheme for MBA and PGDM placements students.]]></description> <media:thumbnail url="https://www.boardinfinity.com/blog/content/images/2026/10/feat-1791876221928-75080.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/business-analyst-capgemini-interview-guide-for-mba-students-72271</link> <content:encoded><![CDATA[<div class="gh-content prose prose-lg pb-8"> <p>A Business Analyst at Capgemini turns endeavor problems into apparent requirements, procedure improvements, endeavor cases and implementation-ready documentation. In Financial Services engagements, this method assisting client teams comprehend what is damaged today, what a improved functioning example should appearance like, and how alter can be delivered responsibly.</p><p>This guide is built for Master of Business Administration (MBA), Master of Management Studies (MMS) and Post Graduate Diploma students preparing for Capgemini placements. It covers function expectations, required skills, discussion rounds, role-specific questions, preparedness concentration areas and a four-week scheme you can act on immediately.</p><h2 id="1-about-the-business-analyst-role"><strong>1. About the Business Analyst Role</strong></h2><p>The function sits at the intersection of client conversations, procedure assessment, operational data and resolution design. You are expected to comprehend what the endeavor needs, organise ambiguous inputs into usable documents, and propose changes that are applicable for Financial Services clients.</p><p>Day-to-day collaboration normally involves client endeavor users, functional consultants, transformation teams and implementation stakeholders. If you desire to difference this function alongside a nearby consulting track, the <a href="https://en.mycoding.id/category/technology" target="_blank">Capgemini Insurance Business Strategy and Transformation Consultant guide</a> is a applicable next read.</p> <hr><h2 id="2-required-skills-and-qualifications"><strong>2. Required Skills and Qualifications</strong></h2><h3 id="educational-qualifications">Educational Qualifications</h3> <h3 id="skills-overview">Skills Overview</h3> <hr><h2 id="3-day-to-day-responsibilities"><strong>3. Day-to-Day Responsibilities</strong></h2><p>A representative week combines stakeholder sessions, document drafting, data assessment and resolution discussions. The strongest candidates display they can move from issue finding to advice without losing endeavor context.</p> <div> <div> <div> <span>1</span> </div> <div> <h4>Clarify Business Needs</h4> <p>You conversation to endeavor users, assessment existing documents and rotate unclear expectations into organized requirements. For example, a payments operations squad may say colony delays are high. Your activity is to define what postpone means, whenever it occurs, who is affected, what data proves it and what the forthcoming procedure must support.</p> </div> </div> <div> <div> <span>2</span> </div> <div> <h4>Support Consulting Work</h4> <p>You assistance functional consultants prepared for client workshops, construction findings and rotate finding notes into helpful activity products. This can contain mapping a branch banking process, summarising ache points from association managers, or preparing slides that display why a transformation undertaking should concentration on particular client journeys first.</p> </div> </div> <div> <div> <span>3</span> </div> <div> <h4>Assess Process Gaps</h4> <p>You difference how activity happens today alongside how it should happen in the mark state. This method identifying delays, copy checks, unclear ownership, manual workarounds and missing controls. The output is not fair a diagram, but a apparent clarification of what must alter and why that alter matters to the business.</p> </div> </div> <div> <div> <span>4</span> </div> <div> <h4>Shape Future Solutions</h4> <p>You activity alongside client stakeholders to define what the improved process, assistance or scheme should enable. In practice, this method agreeing on endeavor rules, person journeys, endorsement paths, reports and elimination handling. Your function is to justify the future-state idea solves the genuine endeavor gap alternatively of lone adding a new tool.</p> </div> </div> <div> <div> <span>5</span> </div> <div> <h4>Build Business Cases</h4> <p>You assistance change a advice into a case for action. That method explaining the problem, expected benefit, effort, risks, requirements and implementation priority. A fine endeavor case is practical, evidence-led and uncomplicated for decision makers to difference against another options competing for prosperity or guidance attention.</p> </div> </div> <div> <div> <span>6</span> </div> <div> <h4>Create Functional Documents</h4> <p>You compose endeavor documents that eliminate disturbance before implementation begins. This may contain necessity notes, functional specifications, procedure maps, gathering summaries, matter logs and sign-off material. Strong records uses exact language, type control, apparent ownership and traceability from endeavor need to projected solution.</p> </div> </div> <div> <div> <span>7</span> </div> <div> <h4>Read Performance Data</h4> <p>You use operational metrics to comprehend whether a procedure is performing well. For example, you may assessment turnaround time, error rates, pending volumes or client grievance categories. The goal is to nexus numbers to endeavor behaviour, afterward use that evidence to assistance recommendations fairly than relying lone on opinions.</p> </div> </div> <div> <div> <span>8</span> </div> <div> <h4>Run Requirement Sessions</h4> <p>You assistance workshops and stakeholder discussions by preparing agendas, asking clarifying questions, record decisions and decision open points. A powerful expert keeps the conversation focused and ensures quiescent but crucial stakeholders are heard. The output is a shared understanding of scope, priorities and next actions.</p> </div> </div> <div> <div> <span>9</span> </div> <div> <h4>Support Change Adoption</h4> <p>You assistance implementation and alter teams translate a resolution into item users can adopt. This can contain preparing procedure notes, supporting training inputs, answering endeavor queries and tracking acceptance blockers. The concentration is on making the new way of operating understandable and usable for client teams.</p> </div> </div> <div> <div> <span>10</span> </div> <div> <h4>Develop Domain Depth</h4> <p>You are expected to build operating cognition of Financial Services complete time. This method learning field vocabulary, average client journeys, operational risks and regulatory sensitivity. A fresher can display preparedness by understanding essential banking, coverage and payments flows, afterward showing curiosity concerning how these processes run at scale.</p> </div> </div> </div> <hr><h2 id="4-key-competencies-for-success"><strong>4. Key Competencies for Success</strong></h2><p>Top performers in this function merge construction alongside curiosity. They do not lone compose requirements, they ask improved questions, own outcomes, collaborate fine and use innovation responsibly whenever solving endeavor problems.</p> <hr><h2 id="5-interview-process-at-capgemini"><strong>5. Interview Process at Capgemini</strong></h2><p>Prepare for a organized evidence or early-career choice procedure that tests aptitude, communication, endeavor inspection thinking and fit alongside consulting-style work. For this role, your answers should display clarity, records discipline, comfort alongside numbers and the capability to activity alongside client stakeholders.</p> <div> <div> <div> <span>1</span> <span></span> </div> <div> <h4>Application Screening</h4> <p>The archetypal display checks eligibility, stream fit and resume alignment alongside endeavor analysis, consulting exposure, Excel, PowerPoint, communication and Financial Services interest. Keep your resume project bullets evidence-based, alongside apparent problem, act and outcome statements.</p> </div> </div> </div> <div> <div> <div> <span>2</span> <span></span> </div> <div> <h4>Aptitude and Communication Check</h4> <p>Expect appraisal of logical reasoning, essential quantitative comfort and written or verbal clarity. For a Business Analyst role, the test is small concerning advanced theory and additional concerning whether you can construe information, construction it and communicate without ambiguity.</p> </div> </div> </div> <div> <div> <div> <span>3</span> <span></span> </div> <div> <h4>Business Analysis Discussion</h4> <p>This circular probes requirements gathering, procedure mapping, gap analysis, Excel usage, records and stakeholder scenarios. You may be asked to stroll through an internship, resolve a mini case, or explain how you would construction a client necessity workshop.</p> </div> </div> </div> <div> <div> <div> <span>4</span> <span></span> </div> <div> <h4>Managerial and Fit Round</h4> <p>The interviewer checks ownership, learning agility, teamwork and client-readiness. Prepare examples that display you can grip feedback, oversee competing priorities and remain expert whenever requirements alter or stakeholders disagree.</p> </div> </div> </div> <div> <div> <div> <span>5</span> </div> <div> <h4>Human Resources Discussion</h4> <p>This circular normally validates motivation, function understanding, adaptability and essential occupation readiness. Keep your answers particular to Capgemini, Financial Services consulting and the Business Analyst responsibilities alternatively of giving broad consulting clichés.</p> </div> </div> </div> Many candidates get rejected since they depict endeavor inspection as lone making slides or penning minutes. Show that you can detect requirements, analyze gaps, peruse operational metrics and change findings into a applicable recommendation. <hr><h2 id="6-interview-questions"><strong>6. Interview Questions</strong></h2><p>Use STAR for behavioural answers, MECE thinking for cases and a step-by-step walkthrough for financial or operational analysis. Capgemini interviewers volition prioritise organized thinking, client communication, learning agility and whether you can translate endeavor ambiguity into usable documentation.</p> <div id="iq-q1-wrap"> <h3>Behavioral and Company-Fit Questions</h3> <div id="iq-q1-filters"></div> <div id="iq-q1-list"></div> </div> <div id="iq-q2-wrap"> <h3>Technical and Financial Services Questions</h3> <div id="iq-q2-filters"></div> <div id="iq-q2-list"></div> </div> <div id="iq-q3-wrap"> <h3>Case-Based and Analytical Questions</h3> <div id="iq-q3-filters"></div> <div id="iq-q3-list"></div> </div> <hr><h2 id="7-topics-and-areas-of-focus"><strong>7. Topics and Areas of Focus</strong></h2><p>Master the areas that immediately nexus to Capgemini Business Analyst work: requirements, procedure improvement, consulting communication, metrics, records and Financial Services context. If you need a deeper analytics comparison, the <a href="https://en.mycoding.id/category/technology" target="_blank">Capgemini Data Analyst discussion guide</a> can assistance you sharpen metrics-led thinking.</p> <hr><h2 id="8-preparation-plan"><strong>8. Preparation Plan</strong></h2> Freshers should concentration on conceptual depth, organized frameworks and powerful project examples. Experienced candidates should prepared three to five effect stories from internships or previous roles anywhere they influenced process, documentation, stakeholder alignment or measurable endeavor outcomes. <div> <div> <span>Week 1</span> <h4>Role Foundation</h4> <p>Understand Capgemini, the Business Analyst function and Financial Services procedure basics.</p> </div> <div> <span>Week 2</span> <h4>Core Skills</h4> <p>Practise requirements, procedure mapping, Excel inspection and records outputs.</p> </div> <div> <span>Week 3</span> <h4>Interview Stories</h4> <p>Build STAR stories and role-specific answers about genuine examples.</p> </div> <div> <span>Week 4</span> <h4>Mock and Refine</h4> <p>Simulate interviews, revise feeble areas and tighten communication.</p> </div> </div> <h3 id="pre-interview-checklist">Pre-Interview Checklist</h3> <hr><h2 id="9-career-growth-next-roles"><strong>9. Career Growth &amp; Next Roles</strong></h2><p>Growth from this function depends on how fine you merge endeavor inspection site alongside consulting maturity. Analysts who document clearly, power stakeholders, comprehend Financial Services environment and assistance implementation outcomes can move toward elder analysis, consulting or expert transformation tracks.</p> <div> <div> <div> <span>1</span> <span></span> </div> <div> <h4>Business Analyst</h4> <p>At the admission stage, you own necessity notes, procedure documentation, data summaries and studio support. To grow, demonstrate that your documents decrease ambiguity, your inspection helps decisions and your follow-through keeps stakeholders aligned.</p> </div> </div> </div> <div> <div> <div> <span>2</span> <span></span> </div> <div> <h4>Senior Business Analyst</h4> <p>After construction shipment credibility, you may grip larger necessity areas, guide parts of workshops and assessment younger outputs. The promotion indication is the capability to oversee complexity, ask improved questions and nexus procedure gaps to implementation-ready solutions.</p> </div> </div> </div> <div> <div> <div> <span>3</span> <span></span> </div> <div> <h4>Functional Consultant</h4> <p>At this stage, you contribute additional immediately to resolution design, endeavor cases and client recommendations. You need stronger domain depth, sharper display skills and the capability to explain trade-offs to the two endeavor and implementation teams.</p> </div> </div> </div> <div> <div> <div> <span>4</span> </div> <div> <h4>Manager or Specialist Track</h4> <p>Beyond consulting delivery, the way can divided toward managing teams and client workstreams or becoming a deeper Financial Services transformation specialist. Both routes necessitate trusted communication, organized issue solving, shipment ownership and liable use of technology.</p> </div> </div> </div> <hr><h2 id="10-conclusion"><strong>10. Conclusion</strong></h2><p>The strongest preparedness scheme is to demonstrate that you can construction ambiguity. For the Capgemini Business Analyst interview, do not halt at saying you are analytical. Show how you collect requirements, measure processes, use data, document decisions and propose applicable improvements.</p><p>Before the interview, prepared one Financial Services procedure case, one Excel-backed inspection example and one stakeholder alignment story. If you desire to difference neighboring expert expectations at Capgemini, the <a href="https://en.mycoding.id/category/technology" target="_blank">Capgemini Platform Analyst and Systems Analyst guide</a> is applicable for understanding requirement-to-technology handoffs.</p> Pick one Financial Services procedure today, map the current state, acknowledge three gaps and compose a one-page recommendation. Use that as your anchor narrative in the Capgemini Business Analyst interview. <h3 id="top-tips-for-interview-success">Top Tips for Interview Success</h3> <div id="inline-toc-container" class="inline-toc-widget bg-gray-50 border border-gray-200 rounded-lg p-6 my-8 hidden"> <p class="font-serif text-xl text-gray-800 font-bold mb-4 mt-0"> Table of Content </p> <div class="gh-toc"></div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/business-analyst-capgemini-interview-guide-for-mba-students-72271</guid> <pubDate>Tue, 13 Oct 2026 08:26:05 +0700</pubDate> <author><![CDATA[support@mycoding.id (Board Infinity)]]></author> </item> <item> <title><![CDATA[News App and Web v4.2.0  – Flutter News App for Android and iOS App | Laravel Admin Panel + News Website Source]]></title> <description><![CDATA[News App and Web v4.2.0  – Flutter News App for Android and iOS App | Laravel Admin Panel + News Website Source. News App and Web v4.2.0 Nulled – Flutter News App for Android and iOS App | Laravel Admin Panel + News Website Source Code Free Download. We are arrogant to Presen...]]></description> <media:thumbnail url="https://en.mycoding.id/site/assets/img/og-image.png"/> <category><![CDATA[Digital Products]]></category> <link>https://en.mycoding.id/news-app-and-web-v4-2-0-flutter-news-app-for-android-and-ios-app-laravel-admin-panel-news-website-source-72275</link> <content:encoded><![CDATA[<div class="entry-content admission clearfix"><div class="stream-item stream-item-above-post-content"><div class="stream-item-size"> </div></div><p class="wp-block-paragraph">News App and Web v4.2.0 Nulled – Flutter News App for Android and iOS App | Laravel Admin Panel + News Website Source Code Free Download. We are arrogant to Present our new look, Featuring a Fresh and Clean appearance alongside Great visuals and Fast-Loading Content.</p><div id="ezoic-pub-ad-placeholder-117" data-inserter-version="2" data-placement-location="under_page_title"></div><h3 class="wp-block-heading">Main Features</h3><ul class="wp-block-list"><li>Admin Panel</li><li>Android and <strong><a href="https://en.mycoding.id/category/digital-products" target="_blank" target="_blank" rel="noreferrer noopener">iOS App</a></strong></li><li>News Website</li><li>Light and Dark Theme</li><li>Multi-Language</li><li>Attractive and Modern UI</li><li>Video News</li><li>Google, Facebook and Unity Ads</li><li>Text to Speech</li><li>Live Weather Forecast</li><li>Like News</li><li>and more</li></ul><h2 class="wp-block-heading">Download News App and Web -Flutter News App for Android and IOS App | News Website alongside Admin Panel</h2><b>Live Demo:</b> <a href="https://en.mycoding.id/category/digital-products" target="_blank" target="_blank" rel="noopener"><b>View Demo</b></a><br><br><a href="https://en.mycoding.id/category/digital-products" target="_blank" target="_blank" rel="noopener"><b>News App Online Documentation</b></a><br><br><a href="https://en.mycoding.id/category/digital-products" target="_blank" target="_blank" rel="noopener"><b>Video Documentation</b></a><br><br><p class="wp-block-paragraph"><strong>v4.2.0</strong></p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size"> <div id="container-0730062b1c60873c0fcc80d9fa01093b"></div></div></div><div class="download-link-section"><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div></div><br><p class="wp-block-paragraph"><strong>v3.2.1</strong></p><div class="download-link-section"><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div></div><br><p class="wp-block-paragraph"><strong>v3.1.8</strong></p><div class="download-link-section"><div class="copybox"></div> <br><div class="copybox"></div></div><br><p class="wp-block-paragraph"><strong>v3.1.5</strong></p><div class="download-link-section"><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div></div><br><p class="wp-block-paragraph"><strong>v3.1.4</strong></p><div class="download-link-section"><div class="copybox"></div></div><br><p class="wp-block-paragraph"><strong>v3.1.2</strong></p><div class="stream-item stream-item-in-post stream-item-inline-post aligncenter"><div class="stream-item-size"> <div id="container-0730062b1c60873c0fcc80d9fa01093b"></div></div></div><div class="download-link-section"><div class="copybox"></div> <br><div class="copybox"></div></div><br><p class="wp-block-paragraph"><strong>v3.0.5</strong></p><div class="download-link-section"><div class="copybox"></div> <br><div class="copybox"></div> <br><div class="copybox"></div></div><br><p class="wp-block-paragraph">Free download News Flutter News App for Android &amp; iOS alongside admin panel origin code nulled by WRTeam on <strong><a href="https://en.mycoding.id/category/digital-products" target="_blank" target="_blank" rel="noreferrer noopener">Codecanyon</a></strong> 32062835 premium news mag app download.</p><div id="ezoic-pub-ad-placeholder-125" data-inserter-version="2" data-placement-location="under_first_paragraph"></div><div class="stream-item stream-item-below-post-content"><div class="stream-item-size"> </div></div></div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/news-app-and-web-v4-2-0-flutter-news-app-for-android-and-ios-app-laravel-admin-panel-news-website-source-72275</guid> <pubDate>Tue, 13 Oct 2026 07:40:00 +0700</pubDate> <author><![CDATA[support@mycoding.id (Null Php Script)]]></author> </item> <item> <title><![CDATA[APT and CO LLP: Marketing and Sales Executive Interview Guide]]></title> <description><![CDATA[APT and CO LLP: Marketing and Sales Executive Interview Guide. Prepare for MARKETING &amp; SALES EXECUTIVE at APT and CO LLP, skills, responsibilities, discussion rounds and questions for freshers and early-career success.]]></description> <media:thumbnail url="https://www.boardinfinity.com/blog/content/images/2026/10/feat-1791871806960-36824.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/apt-and-co-llp-marketing-and-sales-executive-interview-guide-72267</link> <content:encoded><![CDATA[<div class="gh-content prose prose-lg pb-8"> <p>The MARKETING &amp; SALES EXECUTIVE function at APT and CO LLP owns the first business motion for the Singapore market. The activity is concerning finding applicable prospects, starting dependable conversations, moving qualified leads through follow-ups, and supporting campaigns that create endeavor opportunities.</p><p>This guide is built for freshers and early-career candidates preparing for a full-time endeavor betterment interview. It covers the role, required skills, preferred skills, responsibilities, discussion process, custom questions, preparedness plan, and the occupation way this function can open.</p><h2 id="1-about-the-marketing-sales-executive-role"><strong>1. About the MARKETING &amp; SALES EXECUTIVE Role</strong></h2><p>This function is focused on construction APT and CO LLP's Singapore potential basis from India. You volition decide which companies to research, how to method them, whenever to prosecute up, and how to stance applicable business services following understanding a prospect's requirement.</p><p>The function sits inside Marketing and Business Development and plant closely alongside inner promotion and assistance teams. A representative day can contain potential research, LinkedIn outreach, email drafting, gathering coordination, pipeline updates, and run assistance for Singapore-focused outreach.</p> <hr><h2 id="2-required-skills-and-qualifications"><strong>2. Required Skills and Qualifications</strong></h2><h3 id="educational-qualifications">Educational Qualifications</h3> <h3 id="skills-overview">Skills Overview</h3> <hr><h2 id="3-preferred-skills"><strong>3. Preferred Skills</strong></h2><p>These skills fortify a candidate's overview since they decrease ramp-up time. They indication that you can commencement contributing faster in prospecting, research, outreach quality, and pipeline discipline.</p> <hr><h2 id="4-day-to-day-responsibilities"><strong>4. Day-to-Day Responsibilities</strong></h2><p>A representative week combines revenue action and promotion support. Performance is peruse through qualified leads, outreach volume, follow-up quality, meetings generated, conversion progress, endeavor contribution, and growth of the Singapore potential database.</p> <div> <div> <div><span>1</span></div> <div> <h4>Find Business Leads</h4> <p>You volition acknowledge companies in Singapore that may need APT and CO LLP's services. This method searching applicable industries, scanning business pages, checking decision-maker profiles, and separating helpful prospects from poor-fit names. The goal is not to create a lengthy random list, but to discover leads value contacting.</p> </div> </div> <div> <div><span>2</span></div> <div> <h4>Research Prospects</h4> <p>You volition build a spotless repository alongside business names, communication persons, roles, channels, relevance notes, and follow-up status. Strong investigation includes study a prospect's endeavor environment before reaching out. A fine repository helps the squad evade copy outreach and improves the norm of all conversation.</p> </div> </div> <div> <div><span>3</span></div> <div> <h4>Reach Out Professionally</h4> <p>You volition communication prospects through email, LinkedIn, calls, WhatsApp, and another expert channels. The project is to compose short, applicable messages that explain why the conversation may be useful. You must modify spirit by channel, since a LinkedIn note, email, and phone call need distinct levels of detail.</p> </div> </div> <div> <div><span>4</span></div> <div> <h4>Understand Client Needs</h4> <p>When a potential responds, you volition ask uncomplicated finding questions before introducing services. This includes understanding the problem, urgency, decision process, and fit. The discussion volition test whether you can hear archetypal alternatively of jumping into a revenue throw too early.</p> </div> </div> <div> <div><span>5</span></div> <div> <h4>Schedule Meetings</h4> <p>You volition change curious replies into scheduled meetings and coordinate discussions alongside the correct inner people. This involves proposing period slots, confirming agendas, sending calendar invites, and ensuring the potential knows what volition be discussed. Good coordination reduces drop-offs before the gathering happens.</p> </div> </div> <div> <div><span>6</span></div> <div> <h4>Maintain the Pipeline</h4> <p>You volition track anywhere all guide stands, from archetypal communication to gathering to endeavor opportunity. Follow-ups have to be consistent, polite, and particular to the former interaction. A powerful pipeline document helps the squad see which leads need act and which ones have to be paused.</p> </div> </div> <div> <div><span>7</span></div> <div> <h4>Build Relationships</h4> <p>You volition remain connected alongside prospects and clients in a expert way. Relationship-building can average sharing the correct data following a call, remembering a former requirement, or following up following a gathering without sounding transactional. The finest candidates display patience and maturity in long-cycle conversations.</p> </div> </div> <div> <div><span>8</span></div> <div> <h4>Support Conversions</h4> <p>You volition assistance the squad move qualified leads toward genuine endeavor opportunities. This can contain sharing potential environment internally, preparing conversation notes, and ensuring no promising guide is misplaced following the archetypal call. You are not lone finding names, you are supporting movement toward revenue.</p> </div> </div> <div> <div><span>9</span></div> <div> <h4>Meet Assigned Targets</h4> <p>You volition activity in a target-driven surroundings anywhere action and outcomes the two matter. Targets may connect to guide generation and endeavor betterment progress. Interviewers volition inspect whether you comprehend that revenue achievement needs regular discipline, not lone confidence during conversations.</p> </div> </div> <div> <div><span>10</span></div> <div> <h4>Assist Campaign Execution</h4> <p>You volition assistance promotion campaigns aimed at the Singapore market. This can affect assisting alongside spectators selection, communication preparation, outreach tracking, and run coordination. The applicable anticipation is to nexus promotion action alongside guide generation fairly than treat campaigns as lone branding exercises.</p> </div> </div> <div> <div><span>11</span></div> <div> <h4>Support Digital Outreach</h4> <p>You volition assistance alongside LinkedIn marketing, email marketing, digital outreach, and promotional campaigns. The activity may contain example messages, monitoring responses, and updating lists. Candidates have to be prepared to explain how they would keep outreach personalised equal whenever operating alongside many prospects.</p> </div> </div> <div> <div><span>12</span></div> <div> <h4>Prepare Client Materials</h4> <p>You volition prepared essential promotion communications, presentations, and client-facing material. This requires spotless English, uncomplicated structure, and notice to formatting. In interviews, powerful candidates display they can rotate coarse assistance data into a apparent email, one-page note, or display slide.</p> </div> </div> <div> <div><span>13</span></div> <div> <h4>Research the Market</h4> <p>You volition study Singapore market trends, industries, competitors, and possible opportunities. This investigation should guide who to communication and what communication to use. The interviewer may test whether you can change investigation into action, specified as choosing a section and penning a targeted outreach line.</p> </div> </div> <div> <div><span>14</span></div> <div> <h4>Coordinate Internally</h4> <p>You volition coordinate alongside inner promotion and assistance teams to assistance campaigns. This method aligning run messages, sharing guide context, and ensuring the assistance squad is prepared before client conversations. The accomplishment is to keep handoffs apparent so the potential cognition feels professional.</p> </div> </div> <div> <div><span>15</span></div> <div> <h4>Maintain Sales Records</h4> <p>You volition keep exact records of leads, follow-ups, meetings, and conversions. Clean records assistance the squad comprehend what is operating and what needs improvement. Candidates have to be prepared to explain how they would organise a tracker or Customer Relationship Management scheme without losing follow-up dates.</p> </div> </div> </div> <hr><h2 id="5-key-competencies-for-success"><strong>5. Key Competencies for Success</strong></h2><p>Top performers in this function merge confidence alongside discipline. They do not delay for leads, they investigation carefully, compose clearly, prosecute up consistently, and remain resilient whenever global prospects obtain period to respond.</p> <hr><h2 id="6-interview-process-at-apt-and-co-llp"><strong>6. Interview Process at APT and CO LLP</strong></h2><p>Expect a practical, sales-led discussion procedure that tests communication, initiative, mark orientation, and capability to activity on an global market. Prepare for questions on prospecting, outreach writing, LinkedIn research, follow-up discipline, and how you would grip conversations alongside Singapore-based endeavor professionals.</p> <div> <div> <div><span>1</span><span></span></div> <div> <h4>Screening Conversation</h4> <p>This circular normally checks cognition range, English communication, comfort alongside targets, involvement in business-to-business sales, and willingness to assistance Singapore-market hours whenever required. Freshers should anticipate questions on aptitude, internships, university initiatives, and confidence in potential outreach.</p> </div> </div> <div> <div><span>2</span><span></span></div> <div> <h4>Sales and Marketing Round</h4> <p>A hiring director may test guide generation basics, LinkedIn prospecting, email outreach, follow-up planning, run support, and essential market research. Be prepared to explain how you would build a Singapore potential catalog and how you would decide whether a guide is value pursuing.</p> </div> </div> <div> <div><span>3</span><span></span></div> <div> <h4>Practical Task</h4> <p>You may be asked to outline an email, compose a LinkedIn message, create a mini prospecting plan, or react to an objection. The evaluator volition appearance for relevance, clarity, expert tone, and whether your communication shows investigation fairly than a generic template.</p> </div> </div> <div> <div><span>4</span><span></span></div> <div> <h4>Founder or Senior Discussion</h4> <p>This conversation may concentration on ownership, hunger to learn, comfort in a evolving endeavor environment, and motivation for global client work. Expect probing on how you grip rejection, organise your day, and keep improving reply rates.</p> </div> </div> <div> <div><span>5</span></div> <div> <h4>Final Alignment</h4> <p>The final stage mostly aligns availability, full-time commitment, location, market-hours flexibility, and growth expectations. Keep your answers straightforward and display that you comprehend the function is hands-on, target-driven, and focused on Singapore-market endeavor development.</p> </div> </div> </div> Candidates battle whenever they conversation confidently but cannot display a applicable prospecting method. Prepare a example Singapore guide catalog logic, one outreach message, and a follow-up sequence before the interview. <hr><h2 id="7-interview-questions"><strong>7. Interview Questions</strong></h2><p>Use STAR for behavioral answers, Situation, Task, Action, Result. For revenue and case questions, use a organized chimney approach: segment, prospect, message, prosecute up, qualify, meeting, conversion. Interviewers volition prioritise clarity, initiative, applicable judgment, and comfort alongside global endeavor conversations.</p> <div id="iq-q1-wrap"> <h3>Behavioral and Company-Fit Questions</h3> <div id="iq-q1-filters"></div> <div id="iq-q1-list"></div> </div> <div id="iq-q2-wrap"> <h3>Role-Specific Questions on Funnel, Outreach and Campaigns</h3> <div id="iq-q2-filters"></div> <div id="iq-q2-list"></div> </div> <div id="iq-q3-wrap"> <h3>Product and Market Case Questions</h3> <div id="iq-q3-filters"></div> <div id="iq-q3-list"></div> </div> <hr><h2 id="8-topics-and-areas-of-focus"><strong>8. Topics and Areas of Focus</strong></h2><p>Preparation should concentration on the genuine work: finding prospects, penning outreach, managing follow-ups, supporting campaigns, and explaining how revenue action becomes endeavor opportunity. Practise alongside realistic Singapore-market examples fairly than memorising generic revenue definitions.</p> <hr><h2 id="9-preparation-plan"><strong>9. Preparation Plan</strong></h2> Freshers: concentration on organized answer frameworks, communication samples, and evidence of initiative. Experienced candidates: prepared 3-5 particular examples covering guide generation, client outreach, follow-up discipline, run support, and measurable outcomes. <div> <div> <span>Week 1</span> <h4>Role Basics</h4> <p>Understand the role, market focus, and revenue chimney expectations.</p> </div> <div> <span>Week 2</span> <h4>Core Skills</h4> <p>Practise prospecting, outreach writing, and follow-up planning.</p> </div> <div> <span>Week 3</span> <h4>Interview Stories</h4> <p>Prepare STAR stories and applicable project responses.</p> </div> <div> <span>Week 4</span> <h4>Mock Practice</h4> <p>Run imitate interviews and refine feeble answers.</p> </div> </div> <h3 id="pre-interview-checklist">Pre-Interview Checklist</h3> <hr><h2 id="10-career-growth-next-roles"><strong>10. Career Growth &amp; Next Roles</strong></h2><p>This function can build a basis in global client acquisition, business-to-business sales, promotion campaigns, and client association management. Growth depends on accordant qualified leads, meetings generated, conversion support, repository quality, and the capability to grip larger market responsibilities independently.</p> <div> <div> <div><span>1</span><span></span></div> <div> <h4>Marketing and Sales Executive</h4> <p>At the current stage, you own potential research, outreach, follow-ups, gathering coordination, run support, and records. To progress, demonstrate that you can create qualified leads without changeless supervision, communicate professionally alongside global prospects, and keep a dependable revenue pipeline.</p> </div> </div> <div> <div><span>2</span><span></span></div> <div> <h4>Business Development Executive</h4> <p>After approximately 2-3 years, the next stage is normally deeper ownership of guide qualification, gathering generation, recommendation support, and chance movement. You must display stronger judgement on which accounts to pursue, how to grip objections, and how to coordinate alongside assistance teams for conversion.</p> </div> </div> <div> <div><span>3</span><span></span></div> <div> <h4>Senior Business Development Role</h4> <p>At approximately 4-6 years, a elder function involves preparedness campaigns, improving outreach playbooks, handling crucial prospects, and mentoring younger squad members. Promotion depends on measurable endeavor contribution, association maturity, and the capability to change market investigation into repeatable revenue activity.</p> </div> </div> <div> <div><span>4</span></div> <div> <h4>Manager or Market Specialist</h4> <p>Beyond that, the way can divided into group administration or deeper global market specialisation. A director owns squad targets and coaching, during a expert may concentration on global client acquisition, market research, and strategic document development. Both paths necessitate powerful implementation former and business judgment.</p> </div> </div> </div> <h3 id="conclusion">Conclusion</h3><p>The most crucial preparedness stage is to demonstrate that you can create endeavor momentum from scratch. Go into the discussion alongside a example Singapore potential list, a apparent outreach structure, a follow-up plan, and examples that display persistence under targets.</p><p>Practise speaking akin person who understands the two promotion assistance and revenue execution. Prepare one email, one LinkedIn message, one pipeline tracker, and one answer explaining how you would move a guide from archetypal communication to meeting.</p> Build a 25-company Singapore potential catalog today, compose one outreach email and one LinkedIn note, afterward practise explaining your logic in under two minutes. <h3 id="top-tips-for-interview-success">Top Tips for Interview Success</h3> <div id="inline-toc-container" class="inline-toc-widget bg-gray-50 border border-gray-200 rounded-lg p-6 my-8 hidden"> <p class="font-serif text-xl text-gray-800 font-bold mb-4 mt-0"> Table of Content </p> <div class="gh-toc"></div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/apt-and-co-llp-marketing-and-sales-executive-interview-guide-72267</guid> <pubDate>Tue, 13 Oct 2026 07:32:26 +0700</pubDate> <author><![CDATA[support@mycoding.id (Board Infinity)]]></author> </item> <item> <title><![CDATA[APT and CO LLP Careers Interview Guide]]></title> <description><![CDATA[APT and CO LLP Careers Interview Guide. APT and CO LLP careers guide covering business history, services, values, competitors, forthcoming themes and discussion preparedness for candidates.]]></description> <media:thumbnail url="https://www.boardinfinity.com/blog/content/images/2026/10/feat-1791871576611-13241.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/apt-and-co-llp-careers-interview-guide-72268</link> <content:encoded><![CDATA[<div class="gh-content prose prose-lg pb-8"> <p>APT and CO LLP is an Indian chartered accountancy and expert services resolute that plant throughout audit, assurance, taxation, advisory, accounting and compliance. It sits in the accounting, audit and endeavor advisory industry, anywhere clients anticipate specialized accuracy, regulatory awareness and applicable judgement. For a candidate, the resolute matters since its activity connects backing fundamentals alongside genuine client situations: statutory audits, income-tax positions, GST compliance, inner controls, transaction assistance and administration reporting. Roles at specified firms normally test additional than textbook knowledge. Interviewers appearance for comfort alongside Indian regulations, expert scepticism, records discipline, client communication and the capability to grip deadlines without compromising quality. Understanding the firm’s assistance mix helps candidates display why they fit a practice-led surroundings fairly than a generic company backing role.</p><p>This guide covers anywhere APT and CO LLP came from, how it is organized today, and the services that form its hiring needs.</p><h2 id="1-company-overview"><strong>1. Company Overview</strong></h2><h3 id="about-apt-and-co-llp">About APT and CO LLP</h3><p>APT and CO LLP describes itself through its chartered accountancy and consulting custom areas, covering assurance, taxation, advisory and endeavor assistance activity on its <a href="https://en.mycoding.id/category/technology" target="_blank">official website</a>. That makes it a helpful case study for audit, tax, finance, hazard and advisory candidates since the identical function may necessitate specialized accounting, regulatory interpretation, client-facing communication and organized operating papers.</p> <h3 id="company-history">Company History</h3><p>For discussion preparation, the helpful takeaway is that APT and CO LLP is finest understood as a practice-led expert services resolute fairly than a merchandise company. Candidates have to be prepared to conversation how a partner-led CA resolute balances specialized standards, client service, confidentiality and regulatory compliance throughout distinct assignments.</p> <div> <div> <div> <span></span> <span></span> </div> <div> <span>Founding phase</span> <span>Founding</span> <p>APT &amp; Co was established as a chartered accountancy custom in New Delhi, construction its character about audit, tax and compliance services.</p> </div> </div> <div> <div> <span></span> <span></span> </div> <div> <span>Practice building</span> <span>Growth</span> <p>The resolute developed beyond center audit activity into tax and endeavor advisory support, reflecting the broader needs of Indian owner-managed and company clients.</p> </div> </div> <div> <div> <span></span> <span></span> </div> <div> <span>Regulatory broadening</span> <span>Services</span> <p>As Indian tax and company compliance requirements became additional specialised, the firm’s activity expanded throughout straightforward tax, indirect tax, regulatory filings and administration support.</p> </div> </div> <div> <div> <span></span> <span></span> </div> <div> <span>LLP structure</span> <span>Ownership</span> <p>The current APT and CO LLP construction reflects a partner-led expert services model, anywhere ownership and expert accountability sit alongside the firm’s partners.</p> </div> </div> <div> <div> <span></span> <span></span> </div> <div> <span>Modern practice</span> <span>Modernisation</span> <p>The resolute now presents an unified expert services offering, combining assurance, taxation, advisory and compliance assistance for clients that need coordinated backing and regulatory guidance.</p> </div> </div> <div> <div> <span></span> </div> <div> <span>Current focus</span> <span>Client service</span> <p>For candidates, the contemporary functioning example method assignments can affect specialized research, fieldwork, client data review, records and partner assessment inside the identical involvement cycle.</p> </div> </div> </div> <hr><h2 id="2-mission-vision-values"><strong>2. Mission, Vision &amp; Values</strong></h2><h3 id="mission">Mission</h3><p>APT and CO LLP’s authoritative website presents the resolute through its expert services and client-service positioning fairly than a separately labelled goal statement. Use the assistance descriptions to example answers about quality, compliance, expert judgement and client outcomes.</p><h3 id="vision">Vision</h3><p>The firm’s community positioning focuses on its function as a chartered accountancy and advisory custom fairly than a standalone imagination statement. In an interview, nexus your answer to long-term trust, specialized degree and liable direction alternatively of quoting a generic imagination line.</p><h3 id="core-values">Core Values</h3><p>APT and CO LLP does not current a separately tagged values charter on the public-facing matter reviewed here; candidates should hence prepared examples that display the expert behaviours expected in audit, tax and advisory work.</p><p>Build stories about accuracy, independence, confidentiality, client communication and deadline discipline, since these are the behaviours interviewers commonly test in a CA and consulting custom environment.</p><hr><h2 id="3-products-and-services"><strong>3. Products and Services</strong></h2><p>APT and CO LLP’s offering is centred on audit, tax, compliance and advisory assistance for businesses that need backing and regulatory expertise. Candidates preparing for akin Indian expert services roles can additionally difference the advisory accomplishment set alongside Board Infinity’s <a href="https://en.mycoding.id/category/technology" target="_blank">K C Mehta &amp; Co LLP strategic advisory discussion guide</a> to comprehend how consulting-style judgement is assessed in accounting-led firms.</p><ul><li><strong>Audit and Assurance</strong> covers statutory audit, financial declaration review, audit documentation, inner authority evaluation and evidence-based reporting for companies that need autonomous assurance complete their books.</li><li><strong>Direct Tax Services</strong> includes income-tax compliance, tax come back support, appraisal assistance, advisory on tax positions and representation-oriented activity for businesses and individuals.</li><li><strong>Indirect Tax and GST</strong> supports GST registrations, come back filing, input tax credit review, reconciliation, advisory on tax care and aid alongside compliance under India’s indirect tax framework.</li><li><strong>Regulatory and Corporate Compliance</strong> covers business law filings, statutory compliance calendars, records assistance and coordination for businesses that must encounter recurring lawful and regulatory requirements.</li><li><strong>Business Advisory</strong> includes applicable backing and business direction specified as entity-structure support, procedure improvement, transaction aid and administration decision support.</li><li><strong>Accounting and Outsourcing Support</strong> helps clients keep books, prepared administration reports, reconcile accounts, assistance payroll-linked backing processes and create cleaner data for audits or tax filings.</li><li><strong>Risk and Internal Control Support</strong> focuses on reviewing processes, identifying authority gaps, improving records and assisting administration fortify governance complete backing operations.</li></ul><hr><h2 id="4-key-competitors-of-apt-and-co-llp"><strong>4. Key Competitors of APT and CO LLP</strong></h2><p>APT and CO LLP competes in the Indian professional-services market for audit, taxation, accounting, compliance and advisory work. Competition is small concerning size solitary and additional concerning field understanding, partner access, regulatory judgement, shipment reliability, technology-enabled implementation and fee-value fit.</p> <div> <div> <h4>BDO India LLP</h4> <div>AUDIT, TAX AND ADVISORY PROFESSIONAL SERVICES FIRM</div> <p><b>Competes on:</b> statutory audit, inner audit, tax compliance, transaction support, hazard advisory and company governance assignments.</p> <p><b>Position:</b> powerful anywhere clients desire a larger advisory phase alongside multi-disciplinary teams and ceremonial shipment processes.</p> </div> <div> <h4><a href="https://en.mycoding.id/category/technology" target="_blank">K C Mehta &amp; Co LLP</a></h4> <div>CHARTERED ACCOUNTANCY AND BUSINESS ADVISORY FIRM</div> <p><b>Competes on:</b> taxation, assurance, transaction advisory, valuations, company advisory and regulatory consulting for Indian businesses.</p> <p><b>Position:</b> applicable competitor whenever clients value elder expert judgement, tax degree and advisory-led issue solving.</p> </div> <div> <h4><a href="https://en.mycoding.id/category/technology" target="_blank">ASA &amp; Associates LLP</a></h4> <div>ASSURANCE, TAX, ADVISORY AND ACCOUNTING SERVICES FIRM</div> <p><b>Competes on:</b> audit and assurance, tax, accounting support, endeavor advisory and cross-border expert services.</p> <p><b>Position:</b> powerful for clients seeking a broad Indian CA resolute alongside organized implementation throughout compliance and advisory mandates.</p> </div> <div> <h4><a href="https://en.mycoding.id/category/technology" target="_blank">Nangia Andersen LLP</a></h4> <div>TAX, REGULATORY AND ADVISORY SERVICES FIRM</div> <p><b>Competes on:</b> straightforward tax, indirect tax, global tax, transfer pricing, regulatory advisory and endeavor consulting work.</p> <p><b>Position:</b> particularly powerful anywhere assignments need tax specialisation, regulatory explanation and advisory assistance for complex endeavor situations.</p> </div> </div> <p>In an interview, construction a competitor answer about overlap in client needs, assistance depth, field expertise, responsiveness and trust; for a nearby advisory benchmark, difference your points alongside the K C Mehta &amp; Co LLP Manager, Strategic Advisory discussion guide fairly than reducing the inspection to which resolute is larger.</p><hr><h2 id="5-corporate-social-responsibility-csr"><strong>5. Corporate Social Responsibility (CSR)</strong></h2><p>For a professional-services LLP specified as APT and CO LLP, CSR is finest understood through trust-building activity about financial literacy, ethical compliance, mentoring and community assistance fairly than through a consumer-facing campaign. In interviews, nexus CSR to the firm’s day-to-day credibility: exact advice, liable documentation, confidentiality and assistance to clients who depend on expert judgement.</p><p>Before naming any particular CSR program in an interview, verify the latest business communication on the firm’s authoritative website, LinkedIn leaf or latest partner updates.</p> <div> <div> <span>📚</span> <h4>Financial Literacy</h4> <p>A applicable CSR-adjacent theme for this endeavor is assisting students, small endeavor owners and first professionals comprehend taxation, record-keeping and essential compliance.</p> </div> <div> <span>🤝</span> <h4>Ethics and Governance Awareness</h4> <p>A professional-services resolute can contribute by promoting transparent reporting, liable records and stronger inner controls among expanding organisations.</p> </div> <div> <span>🎓</span> <h4>Student Mentoring</h4> <p>Mentoring CA aspirants, commerce graduates and interns fits naturally alongside a resolute that depends on specialized learning and expert discipline.</p> </div> <div> <span>💻</span> <h4>Digital Compliance Support</h4> <p>Workshops on digital filings, safe document handling and liable use of accounting systems can assistance smaller organisations decrease avoidable compliance errors.</p> </div> <div> <span>🏢</span> <h4>SME Advisory Support</h4> <p>Pro bono or low-cost direction for early-stage enterprises can concentration on bookkeeping hygiene, tax calendars and governance basics.</p> </div> <div> <span>🌾</span> <h4>Community Volunteering</h4> <p>Team volunteering can broaden the firm’s expert civilization into local education, skill-building and civic initiatives.</p> </div> </div> <hr><h2 id="6-interview-process-selection-rounds"><strong>6. Interview Process &amp; Selection Rounds</strong></h2><p>Hiring at APT and CO LLP is finest approached as a applicable professional-services choice process: the resolute volition appearance for accounting fundamentals, integrity, client-readiness and the capability to study quickly under deadlines. The exact form can change by function, seniority and location, alongside articleship and fresher hiring normally evaluation fundamentals, during informed roles put additional importance on client exposure, assessment capability and autonomous judgement.</p><p>Candidates should prepared for a mix of resume discussion, specialized checks, director or partner evaluation and HR fitment fairly than assuming one fixed format for all route.</p> <div> <div> <div> <span>1</span> <span></span> </div> <div> <h4>Application and Resume Screening</h4> <p>This circular checks qualification fit, articleship or activity exposure, scholarly document and whether your projects equivalent the path applied for. Audit candidates are screened for assurance exposure, tax candidates for straightforward or indirect tax familiarity, and advisory candidates for analytical projects or client-facing work.</p> </div> </div> </div> <div> <div> <div> <span>2</span> <span></span> </div> <div> <h4>Aptitude, Accounting or Case Check</h4> <p>This phase may test numerical comfort, accounting entries, tax logic, Excel thinking or a abbreviated endeavor case. The satisfied differs sharply by function: assurance roles may see audit assertions, tax roles may see come back or compliance scenarios, and advisory roles may see explanation of financial information.</p> </div> </div> </div> <div> <div> <div> <span>3</span> <span></span> </div> <div> <h4>Technical Interview</h4> <p>Interviewers measure whether you can explain concepts plainly and use them to genuine files, not fair recall definitions. A fresher may be asked fundamentals from accounting, audit or tax, during an informed applicant may be asked how they handled reviews, reconciliations, client queries or statutory deadlines.</p> </div> </div> </div> <div> <div> <div> <span>4</span> <span></span> </div> <div> <h4>Manager or Partner Discussion</h4> <p>This circular evaluates judgement, ownership, ethics, communication and how you would behave alongside clients and seniors. For younger roles, the concentration is coachability and discipline; for elder roles, it shifts to assessment quality, delegation, client confidence and hazard awareness.</p> </div> </div> </div> <div> <div> <div> <span>5</span> </div> <div> <h4>HR Fitment and Offer Discussion</h4> <p>The final phase normally covers availability, location preference, compensation fit, occupation goals and whether the activity beat suits you. Be prepared to explain why this path fits your long-term path, whether that is articleship, audit, tax, compliance, advisory or inner audit.</p> </div> </div> </div> <hr><h2 id="7-common-interview-questions-across-roles"><strong>7. Common Interview Questions Across Roles</strong></h2><p>These are company-fit and broad discussion questions any APT and CO LLP applicant can face, during role-specific specialized questions pertain in the guide for that exact route.</p> <div id="iq-cq-wrap"> <h3>General &amp; Company-Fit Questions</h3> <div id="iq-cq-filters"></div> <div id="iq-cq-list"></div> </div> <hr><h2 id="8-required-skills-tools"><strong>8. Required Skills &amp; Tools</strong></h2><p>Required skills at APT and CO LLP are route-specific fairly than one worldwide list, so use this array to map preparedness to the identical occupation routes used in Career Opportunities below.</p> <hr><h2 id="9-career-opportunities-at-apt-and-co-llp"><strong>9. Career Opportunities at APT and CO LLP</strong></h2><p>Careers at APT and CO LLP are finest understood by assistance route, since all path tests a distinct mix of specialized accounting, tax, audit, compliance and client-handling ability. Candidates should prepared for the path closest to their qualification phase and cognition level, afterward display how they can develop from implementation assistance to autonomous ownership of client work.</p> <div> <div> <div> <span>1</span> <span></span> </div> <div> <h4>Audit &amp; Assurance</h4> <p>This path suits Article Assistants, Audit Associates, Senior Audit Associates, Audit Executives, Assistant Managers and Audit Managers who activity on statutory audit, tax audit, audit documentation, testing, schedules and client coordination; the promotion indication is exact audit ownership alongside small assessment comments and stronger hazard judgement.</p> </div> </div> <div> <div> <span>2</span> <span></span> </div> <div> <h4>Direct Tax</h4> <p>This path fits Tax Associates, Direct Tax Executives, Senior Tax Associates, Assistant Managers and Tax Managers handling income-tax computation, come back preparation, TDS, appraisal support, notices and client queries; the promotion indication is technically audio tax positions supported by spotless workings and timely compliance delivery.</p> </div> </div> <div> <div> <span>3</span> <span></span> </div> <div> <h4>Indirect Tax &amp; GST</h4> <p>This path is applicable for GST Associates, Indirect Tax Executives, GST Consultants, Senior Executives, Assistant Managers and Managers operating on GST returns, reconciliations, input tax credit checks, notices, e-invoicing issues and advisory notes; the promotion indication is dependable GST compliance alongside the capability to acknowledge risks before filings or audits.</p> </div> </div> <div> <div> <span>4</span> <span></span> </div> <div> <h4>Accounting &amp; Bookkeeping</h4> <p>This path plant for Accounts Assistants, Accounts Executives, Senior Accountants, Finance Executives, Assistant Managers and Accounting Managers liable for bookkeeping, financial institution reconciliation, ledger scrutiny, MIS support, payables, receivables and month-end closure; the promotion indication is error-free books alongside faster closure and apparent elimination reporting.</p> </div> </div> <div> <div> <span>5</span> <span></span> </div> <div> <h4>Advisory &amp; Consulting</h4> <p>This path suits Advisory Associates, Consultants, Senior Consultants, Assistant Managers and Managers supporting due diligence, valuations, financial analysis, transaction support, restructuring inputs and client presentations; candidates preparing for elder advisory interviews can additionally benchmark expectations using the Manager, Strategic Advisory discussion preparedness guide, and the promotion indication is turning inspection into applicable recommendations that partners can obtain to clients.</p> </div> </div> <div> <div> <span>6</span> </div> <div> <h4>Corporate Compliance &amp; ROC</h4> <p>This path is helpful for Compliance Associates, ROC Executives, Company Law Executives, Senior Compliance Executives, Assistant Managers and Managers handling MCA filings, commission documentation, statutory registers, incorporation assistance and annual compliance coordination; the promotion indication is deadline-safe compliance activity alongside powerful document authority and client follow-up discipline.</p> </div> </div> </div> <hr><h2 id="10-future-outlook-and-strategic-plan"><strong>10. Future Outlook and Strategic Plan</strong></h2><p>APT and CO LLP positions itself as a CA-led expert services resolute that has moved from practice-building milestones into an LLP phase anywhere assurance, tax and advisory activity sit together. For candidates, the indication is continuity fairly than reinvention: regard the firm’s historic base, afterward display how you would use that basis to stronger documentation, sharper regulatory explanation and clearer client conversations today.</p> <div> <div> <div> <span>1</span> </div> <div> <h4>Assurance norm and audit discipline</h4> <p>Be prepared to conversation how you build audit evidence, test controls and document judgement. Strong examples contain checking income cut-off in a manufacturing client and tracing disbursal approvals in an owner-managed business.</p> </div> </div> <div> <div> <span>2</span> </div> <div> <h4>Tax and regulatory interpretation</h4> <p>Expect questions that test whether you can use rules without overcomplicating the answer. Prepare to explain GST input tax credit reconciliations, TDS care on vendor payments and how you would escalate an uncertain stance to a partner.</p> </div> </div> <div> <div> <span>3</span> </div> <div> <h4>Practical client advisory</h4> <p>Show that your direction can be implemented by backing teams, not fair written in a report. Useful examples contain improving month-end decision controls and converting a due diligence finding into a apparent hazard note for management.</p> </div> </div> <div> <div> <span>4</span> </div> <div> <h4>Digital records and data discipline</h4> <p>Candidates have to be comfortable moving between accounting data, operating document and client explanations. Talk through examples specified as analysing ledger exports in Excel and reconciling financial institution entries against accounting application reports.</p> </div> </div> <div> <div> <span>5</span> </div> <div> <h4>Professional communication and equal awareness</h4> <p>Be prepared to communicate findings to partners, promoters and CFO teams alongside the correct flat of detail. If you desire a applicable equal benchmark for advisory-style preparation, assessment this guide to a strategic advisory discussion at K C Mehta &amp; Co LLP and modify the learning to APT and CO LLP’s own assistance mix.</p> </div> </div> </div> <hr><h2 id="11-conclusion"><strong>11. Conclusion</strong></h2><p>APT and CO LLP sits in the rivalrous mid-market expert services space, anywhere clients anticipate statutory discipline, tax clarity and applicable advisory fairly than theoretical recommendations. Its direction depends on preserving the credibility built through the firm’s before milestones during adapting shipment to digital records, tighter compliance expectations and multidisciplinary client problems. For person joining, the chance is hands-on visibility throughout assignments, but the norm is likewise clear: cognize the facts, document judgement carefully and communicate recommendations in a way partners and clients can act on.</p> <div id="inline-toc-container" class="inline-toc-widget bg-gray-50 border border-gray-200 rounded-lg p-6 my-8 hidden"> <p class="font-serif text-xl text-gray-800 font-bold mb-4 mt-0"> Table of Content </p> <div class="gh-toc"></div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/apt-and-co-llp-careers-interview-guide-72268</guid> <pubDate>Tue, 13 Oct 2026 07:32:24 +0700</pubDate> <author><![CDATA[support@mycoding.id (Board Infinity)]]></author> </item> <item> <title><![CDATA[Denmark set to allow return of 'physical force' in school]]></title> <description><![CDATA[Denmark set to allow return of 'physical force' in school. Comments]]></description> <media:thumbnail url="https://www.lemonde.fr/bucket/resources/front/static/img/logos/pwa-256.png"/> <category><![CDATA[Technology]]></category> <link>https://en.mycoding.id/denmark-set-to-allow-return-of-physical-force-in-school-72265</link> <content:encoded><![CDATA[<div> <img src="https://www.lemonde.fr/bucket/resources/front/static/img/logos/pwa-256.png" alt="Le Monde" loading="eager" decoding="async"> <p> Si vous &ecirc;tes partenaire autoris&eacute;, abonn&eacute; au Monde, ou si vous souhaitez obtenir une autorisation d&rsquo;acc&egrave;s &agrave; ce contenu, merci de contacter : <span>licensing[@]groupelemonde.fr</span> en joignant une copie de cette leaf d&rsquo;erreur, incluant votre adresse IP et votre identifiant de requ&ecirc;te (RID). </p> <p>English version</p> <p>Your traffic has been identified as automated (bot activity).</p> <p> If you are an authorized partner, a Le Monde subscriber, or if you would akin to petition approval to admission this content, delight contact: <span>licensing[@]groupelemonde.fr</span> and contain a copy of this error leaf showing your IP location and petition ID (RID). </p> <p>IP: 185.229.118.51<br>RID: 8a6c0f74dd3246689528000000000001</p> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/denmark-set-to-allow-return-of-physical-force-in-school-72265</guid> <pubDate>Tue, 13 Oct 2026 07:27:03 +0700</pubDate> <author><![CDATA[support@mycoding.id (Riki Setiawan)]]></author> </item> <item> <title><![CDATA[Russia is copying cruise missile tech onto its $50,000 drones to deal with Ukraine's jamming]]></title> <description><![CDATA[Russia is copying cruise missile tech onto its $50,000 drones to deal with Ukraine's jamming. Ukrainian intellect says the Susanin scheme helps Geran-4s and Geran-5s use cameras to navigate the skies without a broadcast or moon system.]]></description> <media:thumbnail url="https://i.insider.com/6acda859c2928e989ab95ea9?width=1200&amp;format=jpeg"/> <category><![CDATA[Business]]></category> <link>https://en.mycoding.id/russia-is-copying-cruise-missile-tech-onto-its-50-000-drones-to-deal-with-ukraine-s-jamming-72264</link> <content:encoded><![CDATA[<div data-component-type="post-hero" data-load-strategy="exclude"> <figure data-type="img" e-name="image-figure-image" data-media-container="image" itemscope itemtype="https://schema.org/ImageObject"> <div> <p><img src="https://i.insider.com/6acda859c2928e989ab95ea9?width=2000&amp;format=jpeg&amp;auto=webp" srcset="https://i.insider.com/6acda859c2928e989ab95ea9?width=400&amp;format=jpeg&amp;auto=webp 400w, https://i.insider.com/6acda859c2928e989ab95ea9?width=500&amp;format=jpeg&amp;auto=webp 500w, https://i.insider.com/6acda859c2928e989ab95ea9?width=700&amp;format=jpeg&amp;auto=webp 700w, https://i.insider.com/6acda859c2928e989ab95ea9?width=1000&amp;format=jpeg&amp;auto=webp 1000w, https://i.insider.com/6acda859c2928e989ab95ea9?width=1300&amp;format=jpeg&amp;auto=webp 1300w, https://i.insider.com/6acda859c2928e989ab95ea9?width=2000&amp;format=jpeg&amp;auto=webp 2000w" sizes=" 1280px) 900px" alt="A composite depiction of a mock-up of a Geran-4 and a photo of a restored Susanin system." decoding="sync"> </p></div> <span> <span> <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewbox="0 0 24 24"> <path fill="currentColor" fill-rule="evenodd" d="m4.56 18.5 7.486-7.72 7.394 7.626 2.56-2.64L12.046 5.5 2 15.86l2.56 2.64Z"></path> </svg> <figcaption e-name="image-caption"> <span>Ukraine's intellect directorate is seeking data concerning a new optical scheme established on Russia's latest Gerans.</span> <span> <span e-name="image-source" itemprop="creditText">Screenshots via Telegram/GUR</span> </span> </figcaption> </span> </span></figure> </div> <div data-component-type="image-modal" data-load-strategy="lazy"> <p>Last week, Ukraine's defence intellect directorate put out a call for data on a equipment newly established in Russia's latest killer drones.</p><p>The "Susanin," a small cylinder alongside a camera lens, is an optical scheme that enables Russia's long-range drones to navigate Ukraine's skies without relying on moon or broadcast signals.</p><p>Should Moscow deploy them at scale, the modules would current a important new difficulty for Kyiv, allowing Russian one-way drones to bypass jamming &mdash; a key pillar of Ukraine's air defence network.</p><p>Per the intellect directorate, or GUR, the Kremlin has been fitting them onto the turbojet <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">Geran-4 and Geran-5 K5</a>, which fly at 280 mph or faster and are seeing expanding use by Russia this year. These drones are already considerably harder for Ukraine to demolish by force, since they outpace <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">typical Ukrainian interceptor drones</a>.</p><p>The Susanin plant by storing images of Ukraine's terrain on the drone, then, during in flight, using a downward-facing camera to detect the dirt and difference the live nourish to the pre-saved imagery. Using these comparisons, the drone can independently decide its stance and how to attain its target.</p><p>"Even Google Earth imagery is adequate for essential orientation," wrote Serhii "Flash" Beskrestnov, a notable drone expert connected alongside Ukraine's military, on Sunday.</p><p>Beskrestnov warned that Russia would apt continue actively evolving Susanin systems for its drones by next year.</p><p>"Our enemy already uses specified systems on small Molniya, V2U, and Lancet drones," he added.</p><h2 id="964680df-1089-4846-87c1-d51612a2af65" data-toc-id="964680df-1089-4846-87c1-d51612a2af65">Cruise missile tech on a drone</h2><p>The innovation is akin to what several cruise missiles use to attain their targets in jammed environments. <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">The Tomahawk</a>, for example, features what analysts call Digital Scene Matching Area Correlation to break photos of landmarks under the missile and difference them to moon imagery stored onboard.</p> <p>Higher-end Russian cruise missiles, specified as the Kh-101, use a Russian type of this tech called Otblesk-U. But the Kh-101 is estimated to disbursal $2.4 myriad each, during its long-range drones disbursal fair a fraction of that: The <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">delta-wing Geran-4</a> is priced at an estimated $50,000 to $70,000 apiece, during the Geran-5 is believed to disbursal concerning $100,000 to $115,000 each.</p> <figure data-type="img" e-name="image-figure-image" data-media-container="image" role="button" tabindex="0" aria-label="Click to open depiction in exhibition view" itemscope="" itemtype="https://schema.org/ImageObject"> <div> <p><img src="image/svg+xml,%3C%3Fxml%20version=&#039;1.0&#039;%20encoding=&#039;UTF-8&#039;%3F%3E%3Csvg%20xmlns=&#039;http://www.w3.org/2000/svg&#039;%20width=&#039;1&#039;%20height=&#039;1&#039;/%3E" data-content-type="image/png" data-srcs='//i.insider.com/6acdabff7bf24b4467e6a7ff&quot;:{&quot;contentType&quot;:&quot;image/png&quot;,&quot;aspectRatioW&quot;:1803,&quot;aspectRatioH&quot;:1189}}' alt="Debris of a drone lies on the dirt near the Epicenter retailing center following a Russian Geran-4 attack in Kharkiv."> </p></div> <span> <figcaption e-name="image-caption"> Debris of a drone lies on the dirt near the Epicenter retailing center following a Russian Geran-4 attack in Kharkiv.&nbsp; <span e-name="image-source" itemprop="creditText"> Polina Kulish/Gwara Media/Global Images Ukraine via Getty Images </span> </figcaption> </span> </figure> <p>Russia has been producing these drones at a much faster pace, launching complete 3,500 jet assault drones at Ukraine in September alone.</p><p>Kyrylo Liukov, who leads the uncrewed technologies division at the Serhiy Prytula Charity Foundation, told Business Insider that it's "quite possible" Russia could measure up its use of navigation systems akin the Susanin.</p><p>"Russia is already using this navigation scheme for medium- and deep-strike operations," stated Liukov, adding that its deployment on Geran-4s and Geran-5s has been expanding recently.</p><p>Still, Liukov stated these systems have their limits. The Susanin is lone helpful for pre-programmed drone attacks by itself, and wouldn't be capable to assistance the drone discover a moving Ukrainian armored conveyance or mobile missile launcher.</p><p>"In another words, these are predominantly planned, fixed targets," stated Liukov, whose institution <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">raises finances for Ukraine's military</a> and drone manufacturers.</p><p>But pre-arranged flights fit fine into Moscow's scheme alongside Gerans, which are launched in ample numbers to overwhelm Ukrainian air defenses and wreak havoc on its cities.</p><h2 id="cc1478f2-02f4-4813-91d0-fb5b5907e5cb" data-toc-id="cc1478f2-02f4-4813-91d0-fb5b5907e5cb">Fighting the Susanin</h2><p>If a Russian turbojet drone is using a Susanin system, Ukraine's lone way to oppose it, for now, is to use bodily force, Liukov said.</p><p>Ukraine's options in this area remain limited, alongside its armed forces motionless in the first stages of introducing <a href="https://en.mycoding.id/category/business" target="_blank" data-track-click='&quot;bi_value_unassigned&quot;}' rel="">advanced interceptor drones</a> capable of catching turbojet Gerans. Another way is to initiate rare and costly anti-air missiles, which are typically reserved for Russia's additional mighty cruise or ballistic missiles.</p><p>One imaginable resolution Ukraine could eventually explore, Liukov said, is to blind the Susanin's camera. The camera's perspective of Ukrainian terrain could additionally be obscured by clouds, rain, or fog, he said.</p><p>"For high-quality path acknowledgment using Susanin, a escape altitude related to speed is required that volition authorize for exact inclination using the captured images, as fine as favorable climate conditions," Liukov said.</p> </div> <p> <h2> Read next </h2> </p> <div data-component-type="post-bottom-authors" data-load-strategy="exclude" data-track-view='&quot;module_in_view&quot;}' data-track-click-shared='&quot;navigation&quot;}'> <div data-track-view='&quot;module_in_view&quot;}'> <div> <p><span>Matthew is a elder newsman at Business Insider's Singapore bureau. He covers the defence industry, armed forces technology, and evolving strategies in Ukraine, the US, and the Asia-Pacific region.He joined the squad in June 2021, earlier focusing on net infringement and labor, examining how these issues effect contemporary community in Asia, alongside a particular accent on China.</span><span>Matthew's former activity has been featured in the South China Morning Post, as fine as Singaporean news companies TODAY and The Business Times.</span> </p> </div> </div> </div>]]></content:encoded> <guid isPermaLink="true">https://en.mycoding.id/russia-is-copying-cruise-missile-tech-onto-its-50-000-drones-to-deal-with-ukraine-s-jamming-72264</guid> <pubDate>Tue, 13 Oct 2026 07:18:39 +0700</pubDate> <author><![CDATA[support@mycoding.id (Matthew Loh)]]></author> </item> </channel> </rss>