<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:media="http://search.yahoo.com/mrss/"><channel><title><![CDATA[ReadClub | Technology, Education and News Blog]]></title><description><![CDATA[This blog contains step by Step by step Tutorials on Higher Studies, Migration, Student Visa, Augmented Reality Game Development and Research]]></description><link>https://readclub.me/</link><image><url>https://readclub.me/favicon.png</url><title>ReadClub | Technology, Education and News Blog</title><link>https://readclub.me/</link></image><generator>Ghost 5.47</generator><lastBuildDate>Sat, 11 Apr 2026 02:03:44 GMT</lastBuildDate><atom:link href="https://readclub.me/rss/" rel="self" type="application/rss+xml"/><ttl>60</ttl><item><title><![CDATA[I Built a Free Website to Help Sri Lankan Drivers Save Thousands on Fuel — Here's the Story Behind It]]></title><description><![CDATA[A free tool for Sri Lankan drivers to calculate fuel costs, plan trips, and save money. Built to make everyday driving smarter and cheaper.]]></description><link>https://readclub.me/i-built-a-free-website-to-help-sri-lankan-drivers-save-thousands-on-fuel-heres-the-story-behind-it/</link><guid isPermaLink="false">69c2585abc119f77412a9c77</guid><dc:creator><![CDATA[Yasas Sri Wickramasinghe]]></dc:creator><pubDate>Tue, 24 Mar 2026 09:36:52 GMT</pubDate><media:content url="https://readclub.me/content/images/2026/03/Screenshot-2026-03-24-at-10.40.31-PM.png" medium="image"/><content:encoded><![CDATA[<img src="https://readclub.me/content/images/2026/03/Screenshot-2026-03-24-at-10.40.31-PM.png" alt="I Built a Free Website to Help Sri Lankan Drivers Save Thousands on Fuel &#x2014; Here&apos;s the Story Behind It"><p>A few months ago, I was stuck in Colombo traffic, watching my fuel gauge drop, and I did some rough math in my head. The number I landed on genuinely bothered me. So I did what any engineer with too much free time would do &#x2014; I turned it into a hobby project.</p><p>That project became <strong><a href="https://www.fuelpass.lk/?ref=readclub.me">www.fuelpass.lk</a></strong> &#x2014; a completely free platform I built to help Sri Lankan drivers figure out exactly how much fuel (and money) they&apos;re wasting, and what they can actually do about it.</p><p>I want to share why I built it, what&apos;s inside, and why I think it matters.</p><hr><h2 id="it-started-with-a-number-that-didnt-sit-right">It Started With a Number That Didn&apos;t Sit Right</h2><p>With petrol at nearly Rs400 a litre, even a daily 30 km commute adds up to a painful monthly bill. But what really nagged at me wasn&apos;t the price &#x2014; it was the waste. When I dug into the automotive research, I kept finding the same thing: the average driver wastes up to <strong>40% of their fuel spend</strong> through habits they don&apos;t even know they have.</p><p>Forty percent. That&apos;s not a rounding error. That&apos;s thousands of rupees every month going up in exhaust fumes because nobody ever showed people the data in a way that actually clicks.</p><p>I looked for a Sri Lankan resource that did this well. Something local, something practical, something that wasn&apos;t just &quot;drive slower&quot; repeated ten different ways. I couldn&apos;t find one. So I built one.</p><hr><h2 id="where-does-all-that-fuel-actually-go">Where Does All That Fuel Actually Go?</h2><p>This is the part that surprised even me when I was putting the research together. The waste isn&apos;t coming from one big thing &#x2014; it&apos;s death by five cuts.</p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2026/03/Screenshot-2026-03-24-at-10.27.16-PM-1.png" class="kg-image" alt="I Built a Free Website to Help Sri Lankan Drivers Save Thousands on Fuel &#x2014; Here&apos;s the Story Behind It" loading="lazy" width="2000" height="1120" srcset="https://readclub.me/content/images/size/w600/2026/03/Screenshot-2026-03-24-at-10.27.16-PM-1.png 600w, https://readclub.me/content/images/size/w1000/2026/03/Screenshot-2026-03-24-at-10.27.16-PM-1.png 1000w, https://readclub.me/content/images/size/w1600/2026/03/Screenshot-2026-03-24-at-10.27.16-PM-1.png 1600w, https://readclub.me/content/images/size/w2400/2026/03/Screenshot-2026-03-24-at-10.27.16-PM-1.png 2400w" sizes="(min-width: 720px) 720px"></figure><p>Hard acceleration is the worst offender. Every time you stamp the pedal from a traffic light, your engine is basically chugging fuel. Across a week of Colombo driving, that adds up alarmingly fast.</p><p>But the finding I keep coming back to is tyre pressure. Running even slightly under-inflated tyres costs you up to 10% of your fuel economy &#x2014; silently, every single trip. It takes two minutes to check. It costs nothing to fix. And most people never think about it. That&apos;s the kind of gap I built www.fuelpass.lk to close.</p><hr><h2 id="what-i-actually-built-its-more-than-tips">What I Actually Built (It&apos;s More Than Tips)</h2><p>I didn&apos;t want to make a blog. Sri Lanka doesn&apos;t need another &quot;10 fuel saving tips&quot; article. What we needed were tools &#x2014; interactive, personalised, built for how we actually drive here.</p><p>So that&apos;s what <strong><a href="https://www.fuelpass.lk/?ref=readclub.me">www.fuelpass.lk</a></strong> has:</p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2026/03/Screenshot-2026-03-24-at-10.34.19-PM.png" class="kg-image" alt="I Built a Free Website to Help Sri Lankan Drivers Save Thousands on Fuel &#x2014; Here&apos;s the Story Behind It" loading="lazy" width="2000" height="1013" srcset="https://readclub.me/content/images/size/w600/2026/03/Screenshot-2026-03-24-at-10.34.19-PM.png 600w, https://readclub.me/content/images/size/w1000/2026/03/Screenshot-2026-03-24-at-10.34.19-PM.png 1000w, https://readclub.me/content/images/size/w1600/2026/03/Screenshot-2026-03-24-at-10.34.19-PM.png 1600w, https://readclub.me/content/images/size/w2400/2026/03/Screenshot-2026-03-24-at-10.34.19-PM.png 2400w" sizes="(min-width: 720px) 720px"></figure><p><strong>&#x26A1; Speed vs. Fuel Simulator</strong> &#x2014; You drag a slider and watch your weekly fuel cost change in real time. At 60 km/h, a standard car burns about 5.5L/100km. Push to 120, and it nearly doubles. Seeing it happen live is completely different from reading about it.</p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2026/03/Screenshot-2026-03-24-at-10.34.47-PM.png" class="kg-image" alt="I Built a Free Website to Help Sri Lankan Drivers Save Thousands on Fuel &#x2014; Here&apos;s the Story Behind It" loading="lazy" width="2000" height="1126" srcset="https://readclub.me/content/images/size/w600/2026/03/Screenshot-2026-03-24-at-10.34.47-PM.png 600w, https://readclub.me/content/images/size/w1000/2026/03/Screenshot-2026-03-24-at-10.34.47-PM.png 1000w, https://readclub.me/content/images/size/w1600/2026/03/Screenshot-2026-03-24-at-10.34.47-PM.png 1600w, https://readclub.me/content/images/size/w2400/2026/03/Screenshot-2026-03-24-at-10.34.47-PM.png 2400w" sizes="(min-width: 720px) 720px"></figure><p><strong>&#x1F9EE; Weekly Fuel Calculator</strong> &#x2014; Plug in your vehicle type, your daily kilometres, how you drive, and the current fuel price. It gives you your actual weekly litres, your rupee cost, your monthly projection. Your numbers, not some generic estimate.</p><p><strong>&#x1F697; My Car Fuel Profile</strong> &#x2014; This one I&apos;m especially proud of. Pick your car&apos;s make, model, year. Factor in your route type, AC usage, passenger load. What you get back is a fuel cost profile calibrated to Sri Lankan conditions &#x2014; Colombo traffic, our road quality, the way people actually drive here. Not a number from a European test lab.</p><p><strong>&#x1F3C1; 3D Driving Style Lab</strong> &#x2014; A side-by-side simulation of two identical cars, one driven smoothly and one driven aggressively. You watch the fuel tanks drain in real time.</p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2026/03/Screenshot-2026-03-24-at-10.35.29-PM.png" class="kg-image" alt="I Built a Free Website to Help Sri Lankan Drivers Save Thousands on Fuel &#x2014; Here&apos;s the Story Behind It" loading="lazy" width="2000" height="1499" srcset="https://readclub.me/content/images/size/w600/2026/03/Screenshot-2026-03-24-at-10.35.29-PM.png 600w, https://readclub.me/content/images/size/w1000/2026/03/Screenshot-2026-03-24-at-10.35.29-PM.png 1000w, https://readclub.me/content/images/size/w1600/2026/03/Screenshot-2026-03-24-at-10.35.29-PM.png 1600w, https://readclub.me/content/images/2026/03/Screenshot-2026-03-24-at-10.35.29-PM.png 2156w" sizes="(min-width: 720px) 720px"></figure><p>That last one is probably the feature I&apos;m most excited about. I&apos;ve read the &quot;aggressive driving wastes 40% more fuel&quot; statistic a hundred times. But watching it happen &#x2014; seeing one tank empty while the other barely moves &#x2014; that changes something in your head. It&apos;s the difference between knowing and <em>feeling</em>.</p><p>I&apos;m currently working on more simulations: a 3D exploded car diagram showing how worn parts hurt fuel economy, and a Colombo traffic simulator that models fuel waste across different routes and peak hours.</p><hr><h2 id="i-built-it-in-three-languages">I Built It in Three Languages</h2><p>This was important to me. <strong><a href="https://www.fuelpass.lk/?ref=readclub.me">www.fuelpass.lk</a></strong> works in English, Sinhala, and Tamil.</p><p>Fuel savings shouldn&apos;t only be accessible to English-speaking drivers in Colombo. A three-wheeler driver in Kandy or a delivery rider in Jaffna deserves the same information and tools. Building in all three languages was more work, but it was the right thing to do.</p><hr><h2 id="why-its-free-and-will-stay-free">Why It&apos;s Free (And Will Stay Free)</h2><p>People keep asking me this, so I&apos;ll just say it directly: there&apos;s no subscription, no ads, no data harvesting, no catch. I built this as a hobby project because I thought it was worth building. I have a day job. This is the side project.</p><p>The whole point was to make something useful and put it out there. The moment I stick a paywall on it, it stops reaching the people who need it most.</p><hr><h2 id="the-part-where-i-ask-for-your-help">The Part Where I Ask for Your Help</h2><p>I&apos;ve spent months building <strong><a href="https://www.fuelpass.lk/?ref=readclub.me">www.fuelpass.lk</a></strong> and I genuinely believe it can save Sri Lankan drivers real money every month. But a tool is only useful if people know it exists.</p><p>So if you think this is worth sharing &#x2014; share it. Send it to a friend, a family member, your office WhatsApp group. Drop the link in a comment. If even a few people check their tyre pressure this week because of this post, that&apos;s a win.</p><p><strong>The core idea is simple: you&apos;re not just burning fuel. You&apos;re burning money. And now there&apos;s a free tool to show you exactly how much.</strong></p><p>&#x1F449; <strong><a href="https://www.fuelpass.lk/?ref=readclub.me">www.fuelpass.lk</a></strong> &#x2014; Free. Sinhala. Tamil. English. No signup needed.</p><p><em>(Quick note: this is my independent project, not a government site. For your official fuel quota QR code, that&apos;s fuelpass.gov.lk &#x2014; completely different thing.)</em></p><hr><p><strong>Genuine question for everyone here: how much do you spend on fuel each month? Try the calculator at <a href="https://www.fuelpass.lk/?ref=readclub.me">www.fuelpass.lk</a> and let me know if the number surprises you. I bet it will.</strong></p><hr><p>#FuelSavings #SriLanka #FuelPassLK #DrivingSmart #PersonalFinance #Colombo #Sustainability #SideProject #BuildInPublic #FuelEfficiency</p>]]></content:encoded></item><item><title><![CDATA[New Zealand Campervan Roadie | Road 2 O-Week Convoy 24]]></title><description><![CDATA[This is how I scored awesome StudentCard discounts while uncovering epic Kiwi locations with my JUCY campervan. Adventure awaits!]]></description><link>https://readclub.me/new-zealand-campervan-road-trip/</link><guid isPermaLink="false">65d1bcb1e79843bb962bd9a0</guid><category><![CDATA[travel]]></category><category><![CDATA[New Zealand]]></category><category><![CDATA[campervan]]></category><dc:creator><![CDATA[Yasas Sri Wickramasinghe]]></dc:creator><pubDate>Tue, 20 Feb 2024 11:03:47 GMT</pubDate><media:content url="https://readclub.me/content/images/2024/02/New-Zealand-Campervan-Roadie.jpg" medium="image"/><content:encoded><![CDATA[<img src="https://readclub.me/content/images/2024/02/New-Zealand-Campervan-Roadie.jpg" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"><p>Imagine a whole crew of friends hitting the open road, campervans convoy as we conquered those winding New Zealand roads. &#xA0;That&apos;s exactly what my mates and I did! From mountain passes to seaside sunsets, our trusty JUCY Chasers rolled together. &#xA0;Every day was an adventure powered by our shared excitement and StudentCard deals. &#xA0;Buckle up and get ready for the story of our epic Kiwi convoy journey!</p><div class="kg-card kg-callout-card kg-callout-card-grey"><div class="kg-callout-emoji">&#x2733;&#xFE0F;</div><div class="kg-callout-text">This unforgettable trip was a dream come true because of <a href="https://www.jucy.com/nz/en/?ref=readclub.me">JUCY</a> and <a href="https://studentcard.co.nz/?ref=readclub.me">StudentCard</a> New Zealand. In this article, I&apos;m sharing the hidden gems, unexpected challenges, and everything you <em>really</em> need to know about road-tripping New Zealand in a campervan.</div></div><h2 id="day-1-christchurch-to-kaikouracampervan-rookies-take-flight">Day 1: Christchurch to Kaikoura - Campervan Rookies Take Flight!</h2><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2024/02/Screenshot-2024-02-19-at-4.02.01-PM.png" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="1868" height="1338" srcset="https://readclub.me/content/images/size/w600/2024/02/Screenshot-2024-02-19-at-4.02.01-PM.png 600w, https://readclub.me/content/images/size/w1000/2024/02/Screenshot-2024-02-19-at-4.02.01-PM.png 1000w, https://readclub.me/content/images/size/w1600/2024/02/Screenshot-2024-02-19-at-4.02.01-PM.png 1600w, https://readclub.me/content/images/2024/02/Screenshot-2024-02-19-at-4.02.01-PM.png 1868w" sizes="(min-width: 720px) 720px"><figcaption>x</figcaption></figure><p>That moment the JUCY crew handed me the keys... pure excitement mixed with a healthy dose of &quot;Oh boy, what have I gotten myself into?&quot; &#xA0;After all, this was my first-ever campervan experience! &#xA0;Thankfully, JUCY gave us a crash course in navigating our home on wheels, fueling the thrill for the open road ahead.</p><figure class="kg-card kg-image-card kg-width-full kg-card-hascaption"><img src="https://readclub.me/content/images/2024/02/FullSizeRender-8.jpg" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="2000" height="1125" srcset="https://readclub.me/content/images/size/w600/2024/02/FullSizeRender-8.jpg 600w, https://readclub.me/content/images/size/w1000/2024/02/FullSizeRender-8.jpg 1000w, https://readclub.me/content/images/size/w1600/2024/02/FullSizeRender-8.jpg 1600w, https://readclub.me/content/images/size/w2400/2024/02/FullSizeRender-8.jpg 2400w"><figcaption>Campervans Ready for the Convoy</figcaption></figure><p>Leaving Christchurch in the rearview, it was like the landscape unrolled a giant welcome mat. Lush green hills dotted with fluffy sheep, farmhouses tucked into the valleys &#x2013; classic Canterbury postcard scenes! &#xA0;Each twist and turn held the promise of something new, and that feeling of pure possibility filled up the van.</p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2024/02/IMG_2474.jpeg" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="2000" height="2667" srcset="https://readclub.me/content/images/size/w600/2024/02/IMG_2474.jpeg 600w, https://readclub.me/content/images/size/w1000/2024/02/IMG_2474.jpeg 1000w, https://readclub.me/content/images/size/w1600/2024/02/IMG_2474.jpeg 1600w, https://readclub.me/content/images/size/w2400/2024/02/IMG_2474.jpeg 2400w" sizes="(min-width: 720px) 720px"></figure><p>Our first night&apos;s destination was the Kaikoura TOP 10 Holiday Park, and wow, did it deliver. &#xA0;Mountains reaching for the sky, an oceanfront so close I could hear the waves...it was picture-perfect campervan territory! &#xA0;Spotlessly clean, super friendly, and that view? Talk about an epic start to this adventure.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.kaikouratop10.co.nz/?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Kaikoura accommodation NZ Kaikoura Holiday Park TOP 10</div><div class="kg-bookmark-description">Relax in Kaikoura&#x2019;s only 5-star holiday park and soak up the mountain vistas, open spaces and beautifully landscaped grounds.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://top10-parks.imgix.net/3c3f4f313da5f7e7c6f1d9fc3e3210fd/598bfa9f13f984.23707332.png?cs=strip&amp;h=32&amp;ixlib=php-1.2.1&amp;q=100&amp;s=b05858fee806a4e9221facd45b482286" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"><span class="kg-bookmark-author">Accommodation Facilities Attractions Offers Reviews Gallery Contact About Conference Facilities Connect with us Kaikoura TOP 10 Holiday Park 34 Beach Road, Kaikoura, NZ 7300 (+64) 3 319 5362</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://top10-parks.imgix.net/d65d18e476dd6e5f8f42a64266f9ef27/5eb1e3bfb3e4c9.57236835.jpg?ixlib=php-1.2.1&amp;w=400&amp;s=dbc20a011a932437c391d6fb62e93bf9" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"></div></a></figure><p>Sleeping in a campervan for the first time, especially on the top bunk, felt a bit like playing fort as a kid &#x2013; the ultimate travel sleepover! As the sun peeked over those mountaintops, painting them in gold, I knew something awesome had begun. And the best part? &#xA0;This was only Day 1!</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2024/02/image.jpeg" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="2000" height="3556" srcset="https://readclub.me/content/images/size/w600/2024/02/image.jpeg 600w, https://readclub.me/content/images/size/w1000/2024/02/image.jpeg 1000w, https://readclub.me/content/images/size/w1600/2024/02/image.jpeg 1600w, https://readclub.me/content/images/2024/02/image.jpeg 2268w" sizes="(min-width: 720px) 720px"><figcaption>My cozy campervan bed</figcaption></figure><p>Sunlight painted the mountain peaks like molten gold, the first rays of morning breaking over the campground. It felt like the whole world was just waking up, the air crisp and cool with the promise of a new day. </p><h2 id="day-2-from-kaikoura-to-picton">Day 2: From Kaikoura to Picton</h2><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2024/02/Screenshot-2024-02-19-at-4.21.14-PM.png" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="1838" height="1438" srcset="https://readclub.me/content/images/size/w600/2024/02/Screenshot-2024-02-19-at-4.21.14-PM.png 600w, https://readclub.me/content/images/size/w1000/2024/02/Screenshot-2024-02-19-at-4.21.14-PM.png 1000w, https://readclub.me/content/images/size/w1600/2024/02/Screenshot-2024-02-19-at-4.21.14-PM.png 1600w, https://readclub.me/content/images/2024/02/Screenshot-2024-02-19-at-4.21.14-PM.png 1838w" sizes="(min-width: 720px) 720px"></figure><p><strong><strong>Seals, Surf, and a Seaside Town:</strong></strong> The second day of our drive took us along the coastal road. A colony of fur seals sprawled across the Kaikoura coastline, and their goofy antics had us laughing out loud. I could almost hear their joyful snorts and barks above the crashing waves.</p><figure class="kg-card kg-video-card"><div class="kg-video-container"><video src="https://readclub.me/content/media/2024/02/IMG_2580.mp4" poster="https://img.spacergif.org/v1/1080x1920/0a/spacer.png" width="1080" height="1920" loop autoplay muted playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2024/02/media-thumbnail-ember131.jpg&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container kg-video-hide"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><p>Driving further north, &#xA0;a powerful sight commanded my attention &#x2013; the statue of the Maori Chief Tuteurutira, carved with fierce pride overlooking the sea. </p><figure class="kg-card kg-video-card kg-width-wide"><div class="kg-video-container"><video src="https://readclub.me/content/media/2024/02/dji_fly_20240210_094236_0039_1708211165637_mastershots_trim.mp4" poster="https://img.spacergif.org/v1/1280x720/0a/spacer.png" width="1280" height="720" loop autoplay muted playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2024/02/media-thumbnail-ember983.jpg&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container kg-video-hide"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><p>It wasn&apos;t just a statue; it felt like a testament to generations past, the proud history of the Maori people etched into the land itself. It added a sense of depth and connection to the beautiful scenery, reminding me that every landscape holds stories waiting to be discovered.</p><figure class="kg-card kg-video-card"><div class="kg-video-container"><video src="https://readclub.me/content/media/2024/02/IMG_2601.mp4" poster="https://img.spacergif.org/v1/1080x1920/0a/spacer.png" width="1080" height="1920" loop autoplay muted playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2024/02/media-thumbnail-ember149.jpg&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container kg-video-hide"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><p>I kept driving north, and out of nowhere - BAM! &#x2013; the most amazing thing! Huge pink lakes right beside the road, like someone spilled giant strawberry milkshakes across the landscape.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2024/02/dji_fly_20240210_130102_0072_1707535311571_photo.jpeg" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="2000" height="1125" srcset="https://readclub.me/content/images/size/w600/2024/02/dji_fly_20240210_130102_0072_1707535311571_photo.jpeg 600w, https://readclub.me/content/images/size/w1000/2024/02/dji_fly_20240210_130102_0072_1707535311571_photo.jpeg 1000w, https://readclub.me/content/images/size/w1600/2024/02/dji_fly_20240210_130102_0072_1707535311571_photo.jpeg 1600w, https://readclub.me/content/images/size/w2400/2024/02/dji_fly_20240210_130102_0072_1707535311571_photo.jpeg 2400w" sizes="(min-width: 720px) 720px"><figcaption>Aerial picture of pink salt lakes</figcaption></figure><p>We rolled into Tasman Holiday Parks - Picton, &#xA0;our home base for the night. It was perfect &#x2013; clean, comfy, and everything we needed after a day on the road.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://tasmanholidayparks.com/nz/picton/?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Picton Holiday Park | Tasman Holiday Parks</div><div class="kg-bookmark-description">Just ten minutes from the Picton town centre, our Picton holiday park is ideally situated for exploring everything this remarkable area has to offer. Book now.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://tasmanholidayparks.com/apple-touch-icon.png" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"><span class="kg-bookmark-author">Picton</span><span class="kg-bookmark-publisher">newbook</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://tasmanholidayparks.com/nz/picton/wp-content/uploads/sites/31/2022/08/QCT-26-of-68.jpg" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"></div></a></figure><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2024/02/IMG_2633.jpeg" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="2000" height="1571" srcset="https://readclub.me/content/images/size/w600/2024/02/IMG_2633.jpeg 600w, https://readclub.me/content/images/size/w1000/2024/02/IMG_2633.jpeg 1000w, https://readclub.me/content/images/size/w1600/2024/02/IMG_2633.jpeg 1600w, https://readclub.me/content/images/size/w2400/2024/02/IMG_2633.jpeg 2400w" sizes="(min-width: 720px) 720px"></figure><p>In the evening, I decided to do a solo hike. The Snout Track? No joke, it was tough! My legs screamed, and there were definitely moments I thought, &quot;What am I DOING?&quot; But reaching that lookout...pure magic. </p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.newzealand.com/int/feature/snout-track/?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Snout Track | Marlborough, New Zealand</div><div class="kg-bookmark-description">Close to Picton, the track ascends to the Queen Charlotte View Lookout. Great views along the way.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://www.newzealand.com/resources/themes/reimagine/dist/2.4.4/images/noalteration/apple-touch/apple-touch-icon-152x152.png?m=f721509da516d119a84e-m" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"><span class="kg-bookmark-author">100% Pure New&#xA0;Zealand</span><span class="kg-bookmark-publisher">Phillie Casablanca</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://www.newzealand.com/assets/Tourism-NZ/Marlborough/5f29fc20ee/img-1536252976-1050-22226-2052573328_65214f91ed_o__aWxvdmVrZWxseQo_CropResizeWzE5MDAsMTAwMCw3NSwianBnIl0.jpg" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"></div></a></figure><p>Imagine Picton tiny below, boats like little toys in the harbor, and the ocean stretching forever under a fiery sunset. That wind whipping past, the pure feeling of &quot;I DID IT&quot;... it was like standing on top of the world.</p><figure class="kg-card kg-image-card kg-width-full kg-card-hascaption"><img src="https://readclub.me/content/images/2024/02/DJI_20240210195134_0089_D.jpg" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="2000" height="1408" srcset="https://readclub.me/content/images/size/w600/2024/02/DJI_20240210195134_0089_D.jpg 600w, https://readclub.me/content/images/size/w1000/2024/02/DJI_20240210195134_0089_D.jpg 1000w, https://readclub.me/content/images/size/w1600/2024/02/DJI_20240210195134_0089_D.jpg 1600w, https://readclub.me/content/images/2024/02/DJI_20240210195134_0089_D.jpg 2048w"><figcaption>I captured this aerial photograph by myself at the end of the snout track. Can you spot me? ;)</figcaption></figure><p>We went to bed early. We had to wake up really early the next day to catch the ferry.</p><h2 id="day-3-farewell-picton-setting-sail-on-the-cook-strait">Day 3: <strong><strong>Farewell, Picton: Setting Sail on The Cook Strait</strong></strong></h2><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2024/02/Screenshot-2024-02-19-at-4.18.18-PM.png" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="1868" height="1439" srcset="https://readclub.me/content/images/size/w600/2024/02/Screenshot-2024-02-19-at-4.18.18-PM.png 600w, https://readclub.me/content/images/size/w1000/2024/02/Screenshot-2024-02-19-at-4.18.18-PM.png 1000w, https://readclub.me/content/images/size/w1600/2024/02/Screenshot-2024-02-19-at-4.18.18-PM.png 1600w, https://readclub.me/content/images/2024/02/Screenshot-2024-02-19-at-4.18.18-PM.png 1868w" sizes="(min-width: 720px) 720px"></figure><p>Saying goodbye to Picton, we stepped onto the ferry. Right away, we knew this wasn&apos;t going to be easy! &#xA0;The Cook Strait was wild! Big waves crashed against the boat, making everything shake. &#xA0;It was so bumpy, people turned a funny shade of green. It wasn&apos;t fun, but conquering a stormy sea felt kinda awesome too!</p><figure class="kg-card kg-video-card"><div class="kg-video-container"><video src="https://readclub.me/content/media/2024/02/IMG_2925.mp4" poster="https://img.spacergif.org/v1/852x480/0a/spacer.png" width="852" height="480" loop autoplay muted playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2024/02/media-thumbnail-ember264.jpg&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container kg-video-hide"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><p>Finally, the ferry reached Wellington! We stumbled off, so happy to feel solid ground again. No more rocking and rolling! &#xA0;Trading the busy city for winding roads felt like an adventure in itself. The countryside was so green, with rolling hills and cute little towns. Every mile took us deeper into the real New Zealand.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://readclub.me/content/images/2024/02/DJI_20240211194014_0116_D.jpg" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="2000" height="1125" srcset="https://readclub.me/content/images/size/w600/2024/02/DJI_20240211194014_0116_D.jpg 600w, https://readclub.me/content/images/size/w1000/2024/02/DJI_20240211194014_0116_D.jpg 1000w, https://readclub.me/content/images/size/w1600/2024/02/DJI_20240211194014_0116_D.jpg 1600w, https://readclub.me/content/images/2024/02/DJI_20240211194014_0116_D.jpg 2048w" sizes="(min-width: 1200px) 1200px"><figcaption>Look at our day 3 campground - aerial photo by myself</figcaption></figure><p>We left Wellington in the rearview mirror, ready for more adventure. The drive to Mangaweka was so beautiful! Picture rolling hills greener than you can imagine, &#xA0;and little winding roads with a surprise view around every corner. &#xA0;Finally, we found our spot for the night: Awastone, a hidden riverside campground.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.mangaweka.co.nz/camp?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Camp | Campgrounds &amp; Accomodation | Awastone, Mangaweka NZ</div><div class="kg-bookmark-description">Awastone Offers Two Beautiful Options of Camping in Mangaweka, Halfway Between Wellington &amp; Taupo. Fantastic Location, Scenery, Reviews and Service to Suit Your Budget.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://assets-global.website-files.com/639fe7d03c2d5874b4926cdc/63c379c12405e79319d84aff_SMALL-Blue-Favicon-w_wave.png" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"><span class="kg-bookmark-author">Logo</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://assets-global.website-files.com/639fe7d03c2d5874b4926cdc/63e9a3648b497e232d58ee65_mangaweka%20campground%20night%20photo.jpg" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"></div></a></figure><p>The Mangaweka Campground nestled itself beside the Rangitikei River, tucked away in a green valley. It felt like a hidden gem, far from the rush of cities and highways. Tall trees framed the campground, dappled sunlight filtering through their leaves. &#xA0;We could hear the river&apos;s gentle current, &#xA0;almost like a lullaby whispering promises of peaceful nights and outdoor adventures.</p><h2 id="day-4-from-riverside-to-adventurous-rotarua">Day 4: <strong>From<strong> Riverside to Adventur</strong>ous Rotarua</strong></h2><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2024/02/Screenshot-2024-02-19-at-4.19.10-PM.png" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="1879" height="1438" srcset="https://readclub.me/content/images/size/w600/2024/02/Screenshot-2024-02-19-at-4.19.10-PM.png 600w, https://readclub.me/content/images/size/w1000/2024/02/Screenshot-2024-02-19-at-4.19.10-PM.png 1000w, https://readclub.me/content/images/size/w1600/2024/02/Screenshot-2024-02-19-at-4.19.10-PM.png 1600w, https://readclub.me/content/images/2024/02/Screenshot-2024-02-19-at-4.19.10-PM.png 1879w" sizes="(min-width: 720px) 720px"></figure><p>Bidding farewell to our peaceful haven by the Whanganui River, we embarked on the next leg of our North Island adventure. With Rotorua on the horizon, anticipation thrummed in the air. Lush farmlands and rolling hills painted the landscape, offering glimpses of charming rural towns along the way. </p><p>Taupo Lake was breathtaking! It looked more like a little inland sea than a lake, the water stretching impossibly blue towards the horizon. Then came the Taupo River, and just wow! That water churned with incredible power, the roar of the rapids echoing across the landscape. It was a reminder of the raw, untamed forces of nature and hinted at the adventures that might lie ahead deeper in the North Island.</p><figure class="kg-card kg-video-card kg-width-wide"><div class="kg-video-container"><video src="https://readclub.me/content/media/2024/02/IMG_3052.mp4" poster="https://img.spacergif.org/v1/960x720/0a/spacer.png" width="960" height="720" loop autoplay muted playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2024/02/media-thumbnail-ember388.jpg&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container kg-video-hide"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><p>Besides the scenic views, Taupo also surprised us with a dose of quirky fun &#x2013; the famous Hole in One challenge! &#xA0;Floating out there on the lake, that little target looked deceptively easy. &#xA0;Of course, trying to score an actual hole-in-one proved way harder (and wetter!) than it looked. Still, many laughs and the challenge made the whole stop totally memorable.</p><p>As dusk descended, we embarked on a magical journey into the enchanting Redwood Forest. Guided by lanterns, we meandered along winding paths beneath the towering redwood trees, their silhouettes reaching majestically toward the star-studded sky. Thousands of tiny glowworms illuminated the forest floor, creating an ethereal spectacle that resembled a starry pathway beneath our feet. This awe-inspiring display of nature&apos;s artistry left us awestruck and humbled.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.treewalk.co.nz/the-walk/redwoods-nightlights/?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Things To Do In Rotorua At Night | Redwoods Nightlights Treewalk&#x2122;</div><div class="kg-bookmark-description">Discover the magic of Redwoods Nightlights Treewalk&#x2122; where forest and fantasy come to life. Perfect for those seeking fun things to do in Rotorua at night. Book online today</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://www.treewalk.co.nz/wp-content/themes/treewalk/library/images/logos/apple-touch-icon.png" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"><span class="kg-bookmark-author">Redwoods Treewalk&#xAE;</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://www.treewalk.co.nz/wp-content/uploads/2019/06/nightlights-redwoods-1024x576.jpg" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"></div></a></figure><p>Checkout my Instagram reel: </p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.instagram.com/reel/C3XKFC7hIVC/?igsh=MTl4em1xNTdqOGFpcA%3D%3D&amp;ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Yasas Sri Wickramasinghe on Instagram: &#x201C;Must do activity in Rotarua, New Zealand | The Redwood Treetop Walk &#x1F334; wow, this one is my favourite moment of the #road2oweek #studentcardnz #jucyworld. If you are travelling to NZ, don&#x2019;t forget to experience this &#x2764;&#xFE0F;#travelLife #travelnewzealand #JUCYMOMENTS #travelLife #convoy24&#x201D;</div><div class="kg-bookmark-description">yasassri.me on February 15, 2024: &#x201C;Must do activity in Rotarua, New Zealand | The Redwood Treetop Walk &#x1F334; wow, this one is my favo...&#x201D;</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://static.cdninstagram.com/rsrc.php/v3/yI/r/VsNE-OHk_8a.png" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"><span class="kg-bookmark-author">Instagram</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://scontent.cdninstagram.com/v/t51.29350-15/427986478_1563430831178548_1940595141254312242_n.jpg?stp=cmp1_dst-jpg_s640x640&amp;_nc_cat=111&amp;ccb=1-7&amp;_nc_sid=18de74&amp;_nc_ohc=6JohdOZ9KFUAX8GrDPq&amp;_nc_ht=scontent.cdninstagram.com&amp;oh=00_AfDqpEe91L1F9j2sICaFjrWmWV5pGk9lw8SYiCCEKkTXgA&amp;oe=65D84183" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"></div></a></figure><p>After our magical forest adventure, we settled into our campground by the shores of Lake Rotorua. &#xA0;The Tasman Holiday Park in Rotorua felt like a very well-maintained modern facility. We had a powered site perfect for the campervan, plus all the usual facilities were spot on &#x2013; clean bathrooms, a communal kitchen, even a pool to escape the heat! And the location? &#xA0;I couldn&apos;t ask for better. &#xA0;It was easy to explore all the Rotorua highlights, but at night, the park still felt cozy and peaceful.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://tasmanholidayparks.com/nz/rotorua/?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Rotorua Holiday Park | Tasman Holiday Parks</div><div class="kg-bookmark-description">Discover the ultimate Rotorua holiday park experience. Immerse yourself in nature, indulge in thrilling adventures, and enjoy a cozy retreat.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://tasmanholidayparks.com/apple-touch-icon.png" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"><span class="kg-bookmark-author">Ohiwa</span><span class="kg-bookmark-publisher">newbook</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://tasmanholidayparks.com/nz/rotorua/wp-content/uploads/sites/46/2023/05/Rotorua_1-1024x683.jpg" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"></div></a></figure><h2 id="day-5-farewell-rotorua-and-auckland-awaits">Day 5: Farewell Rotorua, and Auckland Awaits</h2><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2024/02/Screenshot-2024-02-19-at-4.19.59-PM.png" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="1855" height="1440" srcset="https://readclub.me/content/images/size/w600/2024/02/Screenshot-2024-02-19-at-4.19.59-PM.png 600w, https://readclub.me/content/images/size/w1000/2024/02/Screenshot-2024-02-19-at-4.19.59-PM.png 1000w, https://readclub.me/content/images/size/w1600/2024/02/Screenshot-2024-02-19-at-4.19.59-PM.png 1600w, https://readclub.me/content/images/2024/02/Screenshot-2024-02-19-at-4.19.59-PM.png 1855w" sizes="(min-width: 720px) 720px"></figure><p>Saying goodbye to Rotorua&apos;s smoky geysers and bubbling mud pools, we rolled on towards Auckland. One last detour tempted us with a different kind of beauty &#x2013; the Hamilton Gardens. The minute we stepped inside, it was like a storybook! Each themed garden felt like a whole new world - &#xA0;tranquil Chinese gardens, bright Italian Renaissance blooms, even a fantastical Surrealist Garden. It was a surprising reminder that New Zealand holds treasures beyond just those stunning natural landscapes.</p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2024/02/Screenshot-2024-02-19-at-10.51.43-PM.png" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="2000" height="1125" srcset="https://readclub.me/content/images/size/w600/2024/02/Screenshot-2024-02-19-at-10.51.43-PM.png 600w, https://readclub.me/content/images/size/w1000/2024/02/Screenshot-2024-02-19-at-10.51.43-PM.png 1000w, https://readclub.me/content/images/size/w1600/2024/02/Screenshot-2024-02-19-at-10.51.43-PM.png 1600w, https://readclub.me/content/images/size/w2400/2024/02/Screenshot-2024-02-19-at-10.51.43-PM.png 2400w" sizes="(min-width: 720px) 720px"></figure><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://hamiltongardens.co.nz/?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Hamilton Gardens</div><div class="kg-bookmark-description"></div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://hamiltongardens.co.nz/_resources/themes/hamiltongardens/img/app-icon.png" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"><span class="kg-bookmark-author">Hamilton Gardens</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://hamiltongardens.co.nz/_resources/themes/hamiltongardens/img/Home-Slider-Award.jpg" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"></div></a></figure><p><strong><strong>Campervan Life: Embracing the Chaos</strong></strong></p><p>Let&apos;s be real...living in a campervan is like a hilarious sitcom sometimes! &#xA0;You&apos;re basically neighbors with your toilet, the sunrise is your personal alarm clock, and let&apos;s just say dump stations test your sense of smell. But somehow, all the cramped moments and awkward mishaps made my trip even more memorable. &#xA0;</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><a href="https://youtu.be/Rh1CvKygTJE?si=mpz_1laLAF04e1tm&amp;ref=readclub.me"><img src="https://readclub.me/content/images/2024/02/Screenshot-2024-02-19-at-4.42.59-PM.png" class="kg-image" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24" loading="lazy" width="2000" height="1125" srcset="https://readclub.me/content/images/size/w600/2024/02/Screenshot-2024-02-19-at-4.42.59-PM.png 600w, https://readclub.me/content/images/size/w1000/2024/02/Screenshot-2024-02-19-at-4.42.59-PM.png 1000w, https://readclub.me/content/images/size/w1600/2024/02/Screenshot-2024-02-19-at-4.42.59-PM.png 1600w, https://readclub.me/content/images/size/w2400/2024/02/Screenshot-2024-02-19-at-4.42.59-PM.png 2400w" sizes="(min-width: 1200px) 1200px"></a><figcaption>Click on the Image to Watch the Full Documentary on YouTube</figcaption></figure><h2 id="ready-for-your-own-kiwi-road-trip">Ready for your own Kiwi Road Trip? &#xA0;</h2><p>Here&apos;s what I loved JUCY &amp; StudentCard:</p><p><strong><strong>My JUCY Chaser: The Ultimate Road Trip Companion</strong></strong></p><ul><li><strong><strong>Home, Sweet (Compact) Home:</strong></strong> This little van has it ALL! Two cozy beds, a mini-kitchen (think gourmet camp meals), and storage to keep things organized.</li><li><strong><strong>Goodbye Campsite Fees:</strong></strong> Say hello to freedom camping! The Chaser is fully self-contained, meaning awesome views at no cost (check local rules, of course!) &#x2013; however, we stayed at paid campgrounds, thanks to StudentCard and JUCY crew, who already paid for us.</li><li><strong><strong>Travel with a Clean Conscience:</strong></strong> &#xA0;Proper waste tanks mean leaving no trace is easy, and every little bit helps keep NZ pristine.</li><li><strong><strong>Shower &amp; Toilet Onboard = Winning:</strong></strong> Campfire shower vibes are cool...until they&apos;re not. The Chaser&apos;s facilities are lifesavers on long travel days. We used our toilet on wheels and made sure to dump the waste at dedicated dump stations.</li></ul><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.jucy.com/nz/en/campervans/?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Campervan Hire | Campervan Rentals in New Zealand | JUCY NZ</div><div class="kg-bookmark-description">JUCY offers great value, custom-built campervans for an epic New Zealand road trip. Choose from a range of affordable 2 or 4 berth self-contained campers. Hire a campervan for your next adventure.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://www.jucy.com/_resources/themes/jucy/ico/android-chrome-512x512.png?m=1707696684" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"><span class="kg-bookmark-author">NZ | JUCY</span><span class="kg-bookmark-publisher">Remi - New Zealand Christchurch</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://www.jucy.com/assets/About-Us/NZ-About-Us/JucyNZ-73.jpg" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"></div></a></figure><p><strong>StudentCard Saves:</strong> &#xA0;Being a student meant serious discounts with StudentCard! Think cheaper campsites, activities, even some restaurants. &#xA0;Check them out before you go, your wallet will thank you later.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://studentcard.co.nz/Discounts?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">StudentCard is NZ&#x2019;s largest student discount card &#x2013; Household, Food, Electronics, Clothing, Beauty, Travel, Entertainment, Mechanical, Stationery</div><div class="kg-bookmark-description">StudentCard</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://studentcard.co.nz/sc.ico" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"></div></div><div class="kg-bookmark-thumbnail"><img src="https://studentcard.co.nz/Images/Main/Loading.gif" alt="New Zealand Campervan Roadie | Road 2 O-Week Convoy 24"></div></a></figure><p>This combo made my trip affordable and took out a lot of the stress. If you love being independent, exploring at your own pace, and soaking up those wild New Zealand roads, this is the way to do it!</p><p><strong><strong>Final Thoughts</strong></strong></p><p>New Zealand already felt a bit like home, but this road trip changed how I see it! There&apos;s magic around every bend, in those quiet campsites and that epic scenery. This adventure with JUCY and my trusty StudentCard was the perfect nudge to get out there and explore. Honestly, I&apos;m itching to plan my next escape... the South Island maybe? &#xA0;One thing&apos;s for sure, studying here just got even more amazing, knowing the weekends hold the promise of open roads and Kiwi wonders just waiting to be discovered.</p>]]></content:encoded></item><item><title><![CDATA[A Visual Guide to Placing AR Objects in the Real World with Remote Content Authoring]]></title><description><![CDATA[<p><br>Are you ready to bring your digital creations to life? Augmented Reality (AR) technology has seamlessly blended the virtual world with the real world. But how do you accurately place AR objects in the real world? </p><p>In this post, I present a video guide to help you with remote content</p>]]></description><link>https://readclub.me/design-the-real-world-metaverse-with-augmented-reality-complete-guide/</link><guid isPermaLink="false">63dc04644c9126d23479ecd5</guid><dc:creator><![CDATA[Yasas Sri Wickramasinghe]]></dc:creator><pubDate>Fri, 03 Feb 2023 06:16:00 GMT</pubDate><media:content url="https://readclub.me/content/images/2023/02/4736704_0b12_4.jpg" medium="image"/><content:encoded><![CDATA[<img src="https://readclub.me/content/images/2023/02/4736704_0b12_4.jpg" alt="A Visual Guide to Placing AR Objects in the Real World with Remote Content Authoring"><p><br>Are you ready to bring your digital creations to life? Augmented Reality (AR) technology has seamlessly blended the virtual world with the real world. But how do you accurately place AR objects in the real world? </p><p>In this post, I present a video guide to help you with remote content authoring for AR. Get ready to dive into a world where you can bring your imagination to reality with the power of AR and our guide!</p><h2 id="part-1-introduction-to-the-ar-project">Part 1: Introduction to the AR Project</h2><figure class="kg-card kg-video-card kg-width-full"><div class="kg-video-container"><video src="https://readclub.me/content/media/2023/02/1-new.mp4" poster="https://img.spacergif.org/v1/1920x1080/0a/spacer.png" width="1920" height="1080" playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2023/02/Screenshot-2023-02-03-at-6.12.34-PM.png&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><h2 id="part-2-downloading-lightship-ardk">Part 2: Downloading Lightship ARDK</h2><figure class="kg-card kg-video-card kg-width-full"><div class="kg-video-container"><video src="https://readclub.me/content/media/2023/02/2.mp4" poster="https://img.spacergif.org/v1/1920x1080/0a/spacer.png" width="1920" height="1080" playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2023/02/Screenshot-2023-02-03-at-6.14.35-PM.png&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><h2 id="part-3-configurations">Part 3: Configurations</h2><figure class="kg-card kg-video-card kg-width-full"><div class="kg-video-container"><video src="https://readclub.me/content/media/2023/02/3.mp4" poster="https://img.spacergif.org/v1/1920x1080/0a/spacer.png" width="1920" height="1080" playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2023/02/Screenshot-2023-02-03-at-6.15.44-PM.png&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><h2 id="part-4-introduction-to-the-geospatial-browser-and-visual-positioning-system-vps">Part 4: Introduction to the Geospatial Browser and Visual Positioning System (VPS)</h2><figure class="kg-card kg-video-card kg-width-full"><div class="kg-video-container"><video src="https://readclub.me/content/media/2023/02/4.mp4" poster="https://img.spacergif.org/v1/1920x1080/0a/spacer.png" width="1920" height="1080" playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2023/02/Screenshot-2023-02-03-at-6.17.26-PM-1.png&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><h2 id="part-5-scanning-the-real-world-space-using-your-mobile-device">Part 5: Scanning the Real-World Space Using Your Mobile Device</h2><figure class="kg-card kg-video-card kg-width-full"><div class="kg-video-container"><video src="https://readclub.me/content/media/2023/02/5-1.mp4" poster="https://img.spacergif.org/v1/1920x1080/0a/spacer.png" width="1920" height="1080" playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2023/02/Screenshot-2023-02-03-at-6.22.43-PM.png&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><h2 id="part-6-uploading-the-scan-to-the-geospatial-browser">Part 6: Uploading the Scan to the Geospatial Browser</h2><figure class="kg-card kg-video-card kg-width-full"><div class="kg-video-container"><video src="https://readclub.me/content/media/2023/02/5-2.mp4" poster="https://img.spacergif.org/v1/1920x1080/0a/spacer.png" width="1920" height="1080" playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2023/02/Screenshot-2023-02-03-at-6.24.36-PM.png&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><h2 id="part-7-importing-real-world-3d-scan-to-unity">Part 7: Importing Real-World 3D Scan to Unity</h2><figure class="kg-card kg-video-card kg-width-full"><div class="kg-video-container"><video src="https://readclub.me/content/media/2023/02/6-1.mp4" poster="https://img.spacergif.org/v1/1920x1080/0a/spacer.png" width="1920" height="1080" playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2023/02/Screenshot-2023-02-03-at-6.41.31-PM.png&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><h2 id="part-8-creating-ar-anchors">Part 8: Creating AR Anchors</h2><figure class="kg-card kg-video-card kg-width-full"><div class="kg-video-container"><video src="https://readclub.me/content/media/2023/02/6-2.mp4" poster="https://img.spacergif.org/v1/1920x1080/0a/spacer.png" width="1920" height="1080" playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2023/02/Screenshot-2023-02-03-at-6.43.00-PM.png&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><h2 id="part-9-building-the-project">Part 9: Building the Project</h2><figure class="kg-card kg-video-card kg-width-full"><div class="kg-video-container"><video src="https://readclub.me/content/media/2023/02/7-1.mp4" poster="https://img.spacergif.org/v1/1920x1080/0a/spacer.png" width="1920" height="1080" playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2023/02/Screenshot-2023-02-03-at-6.47.02-PM.png&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><h2 id="part-10-testing-the-ar-application">Part 10: Testing the AR Application</h2><figure class="kg-card kg-video-card kg-width-full"><div class="kg-video-container"><video src="https://readclub.me/content/media/2023/02/7-2-1.mp4" poster="https://img.spacergif.org/v1/1920x1080/0a/spacer.png" width="1920" height="1080" playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2023/02/Screenshot-2023-02-03-at-7.05.44-PM.png&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><h2 id="part-11-final-thoughts">Part 11: Final Thoughts</h2><figure class="kg-card kg-video-card kg-width-full"><div class="kg-video-container"><video src="https://readclub.me/content/media/2023/02/7-2-2.mp4" poster="https://img.spacergif.org/v1/1920x1080/0a/spacer.png" width="1920" height="1080" playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2023/02/Screenshot-2023-02-03-at-7.00.28-PM.png&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div></figure><h2 id="useful-resources">Useful Resources</h2><ul><li>Lightship ARDK: <a href="http://lightship.dev/?ref=readclub.me">http://Lightship.dev</a></li><li>Unity 3D: <a href="https://unity.com/download?ref=readclub.me">https://unity.com/download</a></li></ul><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://readclub.me/game-development-with-augmented-reality/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Beginners Guide to Augmented Reality Game Development</div><div class="kg-bookmark-description">Step by step tutorial to designing state-of-the-art AR apps with Niantic Lightship ARDK for Android and iOS</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://readclub.me/content/images/size/w256h256/2022/10/read-9-2.png" alt="A Visual Guide to Placing AR Objects in the Real World with Remote Content Authoring"><span class="kg-bookmark-author">ReadClub | Technology, Education and News Blog</span><span class="kg-bookmark-publisher">Yasas Sri Wickramasinghe</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://readclub.me/content/images/2022/11/Beginners-Guide-to-Augmented-Reality-Game-Development.webp" alt="A Visual Guide to Placing AR Objects in the Real World with Remote Content Authoring"></div></a></figure>]]></content:encoded></item><item><title><![CDATA[Building Augmented Reality Applications with Hand Tracking]]></title><description><![CDATA[Even though hand tracking gloves and hand tracking oculus quest 2 are available for VR and mixed reality applications hand tracking in AR is still very new. This step by step augmented reality tutorial guides you in building a hand tracking augmented reality application with Unity 3D and Lightship.]]></description><link>https://readclub.me/hand-tracking-in-augmented-reality/</link><guid isPermaLink="false">63557a9b74857da46aa4762a</guid><category><![CDATA[augmented reality]]></category><category><![CDATA[lightship]]></category><category><![CDATA[game development]]></category><dc:creator><![CDATA[Yasas Sri Wickramasinghe]]></dc:creator><pubDate>Mon, 24 Oct 2022 09:21:15 GMT</pubDate><media:content url="https://readclub.me/content/images/2022/10/Building-Augmented-Reality-Applications-with-Hand-Tracking.webp" medium="image"/><content:encoded><![CDATA[<img src="https://readclub.me/content/images/2022/10/Building-Augmented-Reality-Applications-with-Hand-Tracking.webp" alt="Building Augmented Reality Applications with Hand Tracking"><p>AR Hand tracking is not a new playground for researchers developing image and video processing applications. After some time, hand tracking became important for many immersive applications such as Augmented Reality (AR). &#xA0;Even though devices with embedded sensors detect hand gestures, such as hand tracking Oculus Quest 2, hand tracking VR devices and hand tracking gloves for mixed reality applications, it is pretty complex and processor-intensive work to track hands with hand-held mobile AR applications.</p><blockquote class="kg-blockquote-alt">Hand tracking may not very practical on hand-held mobile AR, but this technique is important for making AR interactions for HMDs and other hands-free devices.</blockquote><p>I was searching for a way to implement hand tracking in augmented reality and found <a href="https://youtu.be/dZ0wWYFW3QE?ref=readclub.me">this great YouTube tutorial</a>. That is the only guide I could find apart from the Lightship documentation, but the video was in Spanish. I thought to write this article to give you a step by step guide on how I managed to setup my project following the above video. Most of my code is inspired by his work, so kudos to the original developer.</p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Building-Augmented-Reality-Applications-with-Hand-Tracking-2.gif" class="kg-image" alt="Building Augmented Reality Applications with Hand Tracking" loading="lazy" width="1280" height="720" srcset="https://readclub.me/content/images/size/w600/2022/10/Building-Augmented-Reality-Applications-with-Hand-Tracking-2.gif 600w, https://readclub.me/content/images/size/w1000/2022/10/Building-Augmented-Reality-Applications-with-Hand-Tracking-2.gif 1000w, https://readclub.me/content/images/2022/10/Building-Augmented-Reality-Applications-with-Hand-Tracking-2.gif 1280w" sizes="(min-width: 720px) 720px"></figure><p>This article brings all the steps required to setup hand tracking in an AR project, including code explanations and complete source code at the end. Let&apos;s get started! </p><p>#HandTracking #AugmentedReality #AR #HandDetection #Unity3D</p><hr><h2 id="getting-started-with-lightship-ardk">Getting Started with Lightship ARDK</h2><p>We are using Lightship ARDK with Unity for this augmented reality project. The Lightship team recently released an update to their library to track hands in real-time, and I&apos;m going to explain how you can use this feature in your next project.</p><p>If you are new to Lightship and Unity 3D, I recommend you to refer the below article and get familiar with our tech stack first.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://readclub.me/game-development-with-augmented-reality/"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Beginners Guide to Augmented Reality Game Development</div><div class="kg-bookmark-description">Step by step tutorial to designing state-of-the-art AR apps with Niantic Lightship ARDK for Android and iOS</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://readclub.me/content/images/size/w256h256/2022/10/read-9-2.png" alt="Building Augmented Reality Applications with Hand Tracking"><span class="kg-bookmark-author">ReadClub</span><span class="kg-bookmark-publisher">Yasas Sri Wickramasinghe</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-11-at-8.30.49-PM.png" alt="Building Augmented Reality Applications with Hand Tracking"></div></a></figure><p>If you like to learn AR in video format, check out my Udemy Course.</p><div class="kg-card kg-button-card kg-align-center"><a href="https://www.udemy.com/course/augmented-reality-ar-game-development/?referralCode=C2679752910B068C3B29&amp;ref=readclub.me" class="kg-btn kg-btn-accent">Metaverse 2023: Augmented Reality Game Development Course</a></div><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/12/Augmented-Reality-AR-Game-Development.png" class="kg-image" alt="Building Augmented Reality Applications with Hand Tracking" loading="lazy" width="2000" height="1000" srcset="https://readclub.me/content/images/size/w600/2022/12/Augmented-Reality-AR-Game-Development.png 600w, https://readclub.me/content/images/size/w1000/2022/12/Augmented-Reality-AR-Game-Development.png 1000w, https://readclub.me/content/images/size/w1600/2022/12/Augmented-Reality-AR-Game-Development.png 1600w, https://readclub.me/content/images/size/w2400/2022/12/Augmented-Reality-AR-Game-Development.png 2400w" sizes="(min-width: 720px) 720px"></figure><p>If you are familiar with setting up a lightship project on Unity, you can proceed with the below steps.</p><hr><h3 id="step-1-open-lightship-example-project-human-ar">Step 1: Open Lightship Example Project &quot;Human AR&quot;</h3><p>Once you have imported all Lightship libraries and example projects into Unity as described <a href="https://readclub.me/game-development-with-augmented-reality/">in this article</a>, go to the Project section and open,</p><ul><li>Assets -&gt; ARDKExamples -&gt; ContextAwareness -&gt; HumanAR -&gt; HandTracking</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-23-at-11.28.43-PM.png" class="kg-image" alt="Building Augmented Reality Applications with Hand Tracking" loading="lazy" width="1316" height="560" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-23-at-11.28.43-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-23-at-11.28.43-PM.png 1000w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-23-at-11.28.43-PM.png 1316w" sizes="(min-width: 720px) 720px"><figcaption>Finding Hand Tracking Sample Project</figcaption></figure><p>If you double-click and open the HandTracking unity scene, you can check a basic version of a hand tracking AR application. You can build this scene to Android or iOS and run it. A red colour box will appear when a hand is detected with a confidence level score. The box size also denotes the tracked hand size in a relative measurement. </p><h3 id="step-2-create-a-class-to-read-hand-tracking-event-data">Step 2: Create a Class to Read Hand Tracking Event Data </h3><p>Lightship ARDK provides listeners to pass hand tracking data to other classes in the Unity project. Let&apos;s create a custom script to handle these hand tracking data first.</p><p>Create a new C# script and name it as <code>HandPositionSolver.cs</code>. Open this new file in your favourite code editor. Next, you need to import two packages to your new script. </p><pre><code class="language-.cs">using ARDK.Extensions;
using Niantic.ARDK.AR.Awareness;</code></pre><p>Let&apos;s declare serializable variables as below.</p><pre><code class="language-.cs">    public class HandPositionSolver : MonoBehaviour {
    
       [SerializeField] private ARHandTrackingManager handTrackingManager;
       [SerializeField] private Camera ARCamera;
       [SerializeField] private float accuracyLevel = 0.90f;
    
       ...
    }</code></pre><p>As you can see, we are using <code>HandTrackingManager</code> which is an ARDK import, and we have declared a variable &#xA0;<code>ARCamera</code> which will be used to refer to the <code>ARSceneCamera</code> in the below steps. the <code>accuracyLevel</code> holds the threshold value we define to activate the trigger action once a hand is tracked. In this example, let&apos;s consider it as 90%.</p><p>We will declare another private variable inside the <code>HandPositionSolver</code> class to store the detected position of the hand.</p><pre><code class="language-.cs">    private Vector3 handPosition;
    public Vector3 HandPosition { get =&gt; handPosition; }</code></pre><p>Now we can construct the class to read data from hand tracking events and populate values to variables that we declared above. We are listening to event updates on Start and on Destroy through the Lightship&apos;s hand tracking manager implementation as below.</p><pre><code class="language-.cs">    void Start()
    {
        handTrackingManager.HandTrackingUpdated += UpdateTrackingData;
    }

    private void OnDestroy()
    {
        handTrackingManager.HandTrackingUpdated -= UpdateTrackingData;
    }</code></pre><p>Next, let&apos;s create the <code>UpdateTrackingData</code> event handler to populate values inside the class. According to the Lightship documentation, <code>TrackingData.AlignedDetections</code> should return a list of tracking data. Therefore, we are using <code>trackingInfo</code> variable to keep those data for further processing.</p><p>If there are available <code>trackingInfo</code>, we will iterate through the list and identify the size of the tracked frame and estimated depth. Once we have these data, we can estimate the hand position in the 3D world space.</p><pre><code class="language-.cs">private void UpdateTrackingData(HumanTrackingArgs updatedData)
    {
        var trackingInfo = updatedData.TrackingData?.AlignedDetections;
        if(trackingInfo == null)
        {
            return;
        }
        foreach(var latestDataSet in trackingInfo)
        {
            if(latestDataSet.Confidence &lt; accuracyLevel)
            {
                return;
            }

            Vector3 trackingFrameSize = new Vector3(latestDataSet.Rect.width, latestDataSet.Rect.height, 0);
            float depthEstimation = 0.2f + Mathf.Abs(1 - trackingFrameSize.magnitude);

            handPosition = ARCamera.ViewportToWorldPoint(new Vector3(latestDataSet.Rect.center.x, 1 - latestDataSet.Rect.center.y, depthEstimation));

        }
    }</code></pre><div class="kg-card kg-callout-card kg-callout-card-green"><div class="kg-callout-emoji">&#x2139;&#xFE0F;</div><div class="kg-callout-text">You can find the full code as a GitHub project at the end of this article.</div></div><p>Now we have successfully implemented a class to estimate hand position and next, we can add some virtual object interactions with the tracked hand.</p><h3 id="step-3-virtual-object-interactions-with-hand-tracking">Step 3: Virtual Object Interactions with Hand Tracking</h3><p>In this step, we are going to create another class called <code>PlaceARObjectsOnHand</code>. This class will be able to position AR objects on top of the hand in real time by changing the game object&apos;s transform.</p><p>I will be using this animated 3D model for this experiment as inspired by <a href="https://www.youtube.com/watch?v=dZ0wWYFW3QE&amp;ref=readclub.me">@Unity Adventure (YouTube)</a>. You also can download this model or any other object as you prefer.</p><!--kg-card-begin: html--><div class="sketchfab-embed-wrapper"> <iframe title="phoenix bird" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" allow="autoplay; fullscreen; xr-spatial-tracking" xr-spatial-tracking execution-while-out-of-viewport execution-while-not-rendered web-share src="https://sketchfab.com/models/844ba0cf144a413ea92c779f18912042/embed?ui_theme=dark&amp;dnt=1"> </iframe> <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;"> <a href="https://sketchfab.com/3d-models/phoenix-bird-844ba0cf144a413ea92c779f18912042?utm_medium=embed&amp;utm_campaign=share-popup&amp;utm_content=844ba0cf144a413ea92c779f18912042&amp;ref=readclub.me" target="_blank" style="font-weight: bold; color: #1CAAD9;"> phoenix bird </a> by <a href="https://sketchfab.com/norberto3d?utm_medium=embed&amp;utm_campaign=share-popup&amp;utm_content=844ba0cf144a413ea92c779f18912042&amp;ref=readclub.me" target="_blank" style="font-weight: bold; color: #1CAAD9;"> NORBERTO-3D </a> on <a href="https://sketchfab.com/?utm_medium=embed&amp;utm_campaign=share-popup&amp;utm_content=844ba0cf144a413ea92c779f18912042&amp;ref=readclub.me" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a></p></div><!--kg-card-end: html--><blockquote>&quot;phoenix bird&quot; (<a href="https://skfb.ly/6vLBp?ref=readclub.me">https://skfb.ly/6vLBp</a>) by NORBERTO-3D is licensed under Creative Commons Attribution (<a href="http://creativecommons.org/licenses/by/4.0/?ref=readclub.me">http://creativecommons.org/licenses/by/4.0/</a>).</blockquote><p>Download your 3D model and import it to your Unity project. You can import files by dragging them from the Finder/Explorer window into the Project view or manually copying them to the asset folder.</p><p>Once you have the 3D model imported to Unity, you can drag your 3D model into the hierarchy panel. I adjust some position values from the Inspector panel as below. You can feel free to add your preferred object and setup it as you like.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/Screen-Recording-2022-10-24-at-11.10.39-AM.gif" class="kg-image" alt="Building Augmented Reality Applications with Hand Tracking" loading="lazy" width="2000" height="953" srcset="https://readclub.me/content/images/size/w600/2022/10/Screen-Recording-2022-10-24-at-11.10.39-AM.gif 600w, https://readclub.me/content/images/size/w1000/2022/10/Screen-Recording-2022-10-24-at-11.10.39-AM.gif 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screen-Recording-2022-10-24-at-11.10.39-AM.gif 1600w, https://readclub.me/content/images/size/w2400/2022/10/Screen-Recording-2022-10-24-at-11.10.39-AM.gif 2400w" sizes="(min-width: 720px) 720px"><figcaption>Adding Virtual Object to the Hierarchy Panel</figcaption></figure><p>Now let&apos;s create a few serializable fields to define the initial settings for the class as below.</p><pre><code class="language-.cs">public class PlaceARObjectsOnHand : MonoBehaviour
{
    [SerializeField] private HandPositionSolver handpositionSolver;
    [SerializeField] private GameObject ARObject;
    [SerializeField] private float objectMovingSpeed = 0.5f;
    [SerializeField] private float objectRotationSpeed = 25.0f;
    
    private float minimumDistanceToObject = 0.05f;
    private float minimumAngleToObject = 2.0f;
    private bool isRequiredAngleChange;
    
    ...
 }</code></pre><p>We have some pre-defined speed values for our virtual object, but you can adjust these accordingly.</p><p>It is important to update our scene frequently because the position of the hand can vary in every frame update. Therefore, we&apos;ll call a method during the <code>update()</code> method and write our object interaction logic inside our own custom method.</p><pre><code class="language-.cs">    void Update()
    {
        PlaceObjectsOnHand(handpositionSolver.HandPosition);
    }</code></pre><p>The main intention of our custom method <code>PlaceObjectsOnHand()</code> is to change the position and rotation of the virtual object according to the updated hand tracking data. We want to move the virtual object toward our hand by changing the virtual object&apos;s transform and rotation values.</p><ul><li><a href="https://docs.unity3d.com/ScriptReference/Vector3.Distance.html?ref=readclub.me">Vector3.Distance</a>: gives the distance between two points. We use this to get the distance between the hand and the virtual object.</li><li><a href="https://docs.unity3d.com/ScriptReference/Vector3.MoveTowards.html?ref=readclub.me">Vector3.MoveTowards</a>: moves an object from one &#xA0;point to another point. We use this to bring our virtual object toward the updated hand position.</li></ul><p>We have a simple logic to rotate the object toward the hand if the distance exceeds the minimum distance threshold we defined. </p><ul><li> <a href="https://docs.unity3d.com/ScriptReference/Transform.LookAt.html?ref=readclub.me">Transform.LookAt</a>: rotates the object following the forward vector toward the given point. In our example, we rotate the object toward the latest hand position.</li><li><a href="https://docs.unity3d.com/ScriptReference/Quaternion.html?ref=readclub.me">Quaternion.Slerp</a>: makes the rotation between two angles smoother. If there is an angle change, we use this option to make the rotation.</li><li><a href="https://docs.unity3d.com/ScriptReference/Transform.html?ref=readclub.me">Transform.Rotate</a>: rotates an object around its axis. We use this method if there is no angle change.</li></ul><pre><code class="language-.cs">    private void PlaceObjectsOnHand(Vector3 handPosition)
    {
        float currentDistanceToObject = Vector3.Distance(handPosition, ARObject.transform.position);
        ARObject.transform.position = Vector3.MoveTowards(ARObject.transform.position, handPosition, objectMovingSpeed * Time.deltaTime);

        if(currentDistanceToObject &gt;= minimumDistanceToObject)
        {
            ARObject.transform.LookAt(handPosition);
            isRequiredAngleChange = true;
        }
        else
        {
            if (isRequiredAngleChange)
            {
                ARObject.transform.rotation = Quaternion.Slerp(ARObject.transform.rotation, Quaternion.identity, 2 * Time.deltaTime);
                Vector3 angles = ARObject.transform.rotation.eulerAngles;
                isRequiredAngleChange = angles.magnitude &gt;= minimumAngleToObject;
            }
            else
            {
                ARObject.transform.Rotate(Vector3.up * objectRotationSpeed * Time.deltaTime);
            }
        }
    }</code></pre><p>Now we have completed our class to add object interactions to work together with the tracked hand position. </p><h3 id="step-4-project-configurations-and-building-the-app">Step 4: Project Configurations and Building the App</h3><p>From the hierarchy panel, select the &quot;ExampleManager&quot; and see the inspector panel. We will attach our two newly created scripts there.</p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-24-at-12.40.37-PM.png" class="kg-image" alt="Building Augmented Reality Applications with Hand Tracking" loading="lazy" width="364" height="216"></figure><p>You can drag and drop your two custom scripts to the Inspector panel. And you need to assign the required game objects to your fields as below.</p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-24-at-12.45.50-PM.png" class="kg-image" alt="Building Augmented Reality Applications with Hand Tracking" loading="lazy" width="644" height="497" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-24-at-12.45.50-PM.png 600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-24-at-12.45.50-PM.png 644w"></figure><p>You can drag and drop these assets from the hierarchy panel to relevant fields at the inspector panel to assign those as above. &#xA0;</p><div class="kg-card kg-callout-card kg-callout-card-grey"><div class="kg-callout-emoji">&#x2139;&#xFE0F;</div><div class="kg-callout-text">Note that the AR Object I have assigned for the &quot;Place AR Objects On Hand&quot; script is the one I downloaded from sketchfab. You can assign any 3D object of your choice for this.</div></div><p>Now you can build the app and test it on your device. If you are new to Lightship ARDK, I recommend you check <a href="https://readclub.me/game-development-with-augmented-reality/">my previous article</a> and <a href="https://lightship.dev/docs/ardk/ardk_fundamentals/getting_started.html?ref=readclub.me">Lightship documentation</a> to learn how to build Lightship ARDK apps for Android and iOS devices with Unity.</p><h3 id="step-5-output-of-the-hand-tracking-augmented-reality-app">Step 5: Output of the Hand Tracking Augmented Reality App</h3><figure class="kg-card kg-video-card kg-width-wide kg-card-hascaption"><div class="kg-video-container"><video src="https://readclub.me/content/media/2022/10/Hand-Tracking-in-Augmented-Reality-2.mp4" poster="https://img.spacergif.org/v1/1280x720/0a/spacer.png" width="1280" height="720" playsinline preload="metadata" style="background: transparent url(&apos;https://readclub.me/content/images/2022/10/Screenshot-2022-10-24-at-2.21.50-PM.png&apos;) 50% 50% / cover no-repeat;"></video><div class="kg-video-overlay"><button class="kg-video-large-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button></div><div class="kg-video-player-container"><div class="kg-video-player"><button class="kg-video-play-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M23.14 10.608 2.253.164A1.559 1.559 0 0 0 0 1.557v20.887a1.558 1.558 0 0 0 2.253 1.392L23.14 13.393a1.557 1.557 0 0 0 0-2.785Z"/></svg></button><button class="kg-video-pause-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><rect x="3" y="1" width="7" height="22" rx="1.5" ry="1.5"/><rect x="14" y="1" width="7" height="22" rx="1.5" ry="1.5"/></svg></button><span class="kg-video-current-time">0:00</span><div class="kg-video-time">/<span class="kg-video-duration"></span></div><input type="range" class="kg-video-seek-slider" max="100" value="0"><button class="kg-video-playback-rate">1&#xD7;</button><button class="kg-video-unmute-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M15.189 2.021a9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h1.794a.249.249 0 0 1 .221.133 9.73 9.73 0 0 0 7.924 4.85h.06a1 1 0 0 0 1-1V3.02a1 1 0 0 0-1.06-.998Z"/></svg></button><button class="kg-video-mute-icon kg-video-hide"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M16.177 4.3a.248.248 0 0 0 .073-.176v-1.1a1 1 0 0 0-1.061-1 9.728 9.728 0 0 0-7.924 4.85.249.249 0 0 1-.221.133H5.25a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h.114a.251.251 0 0 0 .177-.073ZM23.707 1.706A1 1 0 0 0 22.293.292l-22 22a1 1 0 0 0 0 1.414l.009.009a1 1 0 0 0 1.405-.009l6.63-6.631A.251.251 0 0 1 8.515 17a.245.245 0 0 1 .177.075 10.081 10.081 0 0 0 6.5 2.92 1 1 0 0 0 1.061-1V9.266a.247.247 0 0 1 .073-.176Z"/></svg></button><input type="range" class="kg-video-volume-slider" max="100" value="100"></div></div></div><figcaption>The Output of the Hand Tracking Augmented Reality App</figcaption></figure><hr><blockquote class="kg-blockquote-alt"><strong>Be a part of the ReadClub Community.</strong></blockquote><blockquote class="kg-blockquote-alt">Sign up with ReadClub and enjoy exclusive content. Also, if you have further questions or comments, you can send those by becoming a ReadClub member. </blockquote><div class="kg-card kg-button-card kg-align-center"><a href="https://readclub.me/#/portal/signup/free" class="kg-btn kg-btn-accent">Click &amp; Join ReadClub Premium</a></div><hr><h2 id="complete-unity-project-source-code">Complete Unity Project Source Code</h2><figure class="kg-card kg-bookmark-card kg-card-hascaption"><a class="kg-bookmark-container" href="https://github.com/yasassrime/Augmented-Reality-Hand-Tracking?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">GitHub - yasassrime/Augmented-Reality-Hand-Tracking: Building Augmented Reality Applications with Hand Tracking</div><div class="kg-bookmark-description">Building Augmented Reality Applications with Hand Tracking - GitHub - yasassrime/Augmented-Reality-Hand-Tracking: Building Augmented Reality Applications with Hand Tracking</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://github.com/fluidicon.png" alt="Building Augmented Reality Applications with Hand Tracking"><span class="kg-bookmark-author">GitHub</span><span class="kg-bookmark-publisher">yasassrime</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://opengraph.githubassets.com/b4291771da9dcd9b4b7f749fe8b5ff06fe3e7a7de8c2ffbc23eb309daf871496/yasassrime/Augmented-Reality-Hand-Tracking" alt="Building Augmented Reality Applications with Hand Tracking"></div></a><figcaption>Hand Tracking in Augmented Reality Project Source Code</figcaption></figure><hr><h2 id="download-the-model-card-of-the-media-pipe-hands">Download the Model Card of the Media Pipe Hands</h2><p>If you are a researcher in the field of human-computer interaction, human-interfacing technology or computer vision and are interested to know the machine learning model behind this hand tracking feature, you may download the model card from the below link.</p>
        <div class="kg-card kg-file-card ">
            <a class="kg-file-card-container" href="https://readclub.me/content/files/2022/10/Model-Card-Hand-Tracking--Lite_Full--with-Fairness-Oct-2021.pdf" title="Download" download>
                <div class="kg-file-card-contents">
                    <div class="kg-file-card-title">Model Card Hand Tracking Lite Full with Fairness - Specification Document</div>
                    <div class="kg-file-card-caption">Hand Tracking in Augmented Reality with Media Pipe Engine</div>
                    <div class="kg-file-card-metadata">
                        <div class="kg-file-card-filename">Model Card Hand Tracking (Lite_Full) with Fairness Oct 2021.pdf</div>
                        <div class="kg-file-card-filesize">350 KB</div>
                    </div>
                </div>
                <div class="kg-file-card-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><defs><style>.a{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;}</style></defs><title>download-circle</title><polyline class="a" points="8.25 14.25 12 18 15.75 14.25"/><line class="a" x1="12" y1="6.75" x2="12" y2="18"/><circle class="a" cx="12" cy="12" r="11.25"/></svg>
                </div>
            </a>
        </div>
        <hr><h2 id="summary">Summary</h2><p>This article discussed how to implement hand tracking in augmented reality using Unity 3D and Lightship ARDK. Huge thanks to <a href="https://www.youtube.com/watch?v=dZ0wWYFW3QE&amp;ref=readclub.me">@Unity Adventure (YouTube)</a> channel for taking the heads up, and his initial work inspired this article and project. </p><p>Let&apos;s meet soon with another augmented reality guide!</p>]]></content:encoded></item><item><title><![CDATA[GitHub Student Pack: Hidden Treasure that Most University Students Unaware]]></title><description><![CDATA[Create a professional website for you and host it, or even run a live webinar using this completely free access to various developer tools]]></description><link>https://readclub.me/github-student-pack-hidden-treasure-that-most-university-students-unaware/</link><guid isPermaLink="false">63500f75997197362d17d2b0</guid><category><![CDATA[web design]]></category><category><![CDATA[News]]></category><category><![CDATA[Education]]></category><dc:creator><![CDATA[Yasas Sri Wickramasinghe]]></dc:creator><pubDate>Wed, 19 Oct 2022 16:39:08 GMT</pubDate><media:content url="https://images.unsplash.com/photo-1605476973754-cfe2139c2352?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=MnwxMTc3M3wwfDF8c2VhcmNofDgxfHx0cmVhc3VyZXxlbnwwfHx8fDE2NjYxOTEzOTk&amp;ixlib=rb-4.0.3&amp;q=80&amp;w=2000" medium="image"/><content:encoded><![CDATA[<!--kg-card-begin: html--><amp-auto-ads type="adsense" data-ad-client="ca-pub-9588250048821786">
</amp-auto-ads><!--kg-card-end: html--><img src="https://images.unsplash.com/photo-1605476973754-cfe2139c2352?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=MnwxMTc3M3wwfDF8c2VhcmNofDgxfHx0cmVhc3VyZXxlbnwwfHx8fDE2NjYxOTEzOTk&amp;ixlib=rb-4.0.3&amp;q=80&amp;w=2000" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware"><p><strong>Create a professional website for you and host it, or even run a live webinar using this completely free access to various developer tools</strong></p><p>Are you a university student with an email address issued by your education provider? Then you may be eligible for this golden opportunity that most students are unaware of.</p><p>This article introduces GitHub Student Pack to you, what you can do with it and why you need to grab this treasure today. Follow this step-by-step guide, and at the end of this article, you will have this completely free GitHub Student Pack in your hand. You do not need to be an IT or computer science student to get this pack, but anyone who wants to use this opportunity can do so.</p><h2 id="what-is-github-student-developer-pack">What is GitHub Student Developer Pack? &#xA0;</h2><p>GitHub Student Developer Pack is a free set of developer tools for university students worldwide. There are Web Hosting Services, Domain Names, Access to Premium Educational Platforms, Code Editors and IDEs, Web Development Frameworks, Graphic Designing Tools, Live Webinar Hosting Platforms, and so many other tools provided under this pack.</p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.32.22-PM.png" class="kg-image" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware" loading="lazy" width="1926" height="1454" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-19-at-8.32.22-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-19-at-8.32.22-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-19-at-8.32.22-PM.png 1600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.32.22-PM.png 1926w" sizes="(min-width: 720px) 720px"></figure><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.32.34-PM.png" class="kg-image" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware" loading="lazy" width="1910" height="1414" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-19-at-8.32.34-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-19-at-8.32.34-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-19-at-8.32.34-PM.png 1600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.32.34-PM.png 1910w" sizes="(min-width: 720px) 720px"></figure><p>You can visit <a href="https://education.github.com/pack?ref=readclub.me">https://education.github.com/pack</a> for the complete list.</p><hr><h2 id="what-can-i-do-with-github-student-developer-pack">What can I do with GitHub Student Developer Pack?</h2><p>There are thousands of benefits you can get from this treasure! Below are some of the common use cases.</p><h3 id="1-creating-a-professional-portfolio-website-blog-or-an-ecommerce-website">1. Creating a Professional Portfolio Website, Blog or an Ecommerce Website</h3><p>You can learn Web Development with &quot;Educative&quot; learning platform, and then start building your website using &quot;JetBrains IntelliJ IDEA&quot; code editor. &quot;Bootstrap Studio&quot; comes in handy for making your website look nicer. Once you are ready to host, you can obtain a domain name from &quot;Namecheap&quot; and host your website with SSL on &quot;Azure&quot; or &quot;DigitalOcean.&quot; </p><blockquote class="kg-blockquote-alt">Every cloud service and tool I mentioned are delivered to you for FREE by GitHub Developer Pack.</blockquote><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/0nT8Aj-m1xk?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="How students can get a free domain name from Namecheap"></iframe></figure><figure class="kg-card kg-image-card kg-width-full kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-9.42.28-PM.png" class="kg-image" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware" loading="lazy" width="2000" height="1076" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-19-at-9.42.28-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-19-at-9.42.28-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-19-at-9.42.28-PM.png 1600w, https://readclub.me/content/images/size/w2400/2022/10/Screenshot-2022-10-19-at-9.42.28-PM.png 2400w"><figcaption>Tools for Web Design and Development - Free from GitHub Developer Pack</figcaption></figure><blockquote><strong>Fun fact:</strong> Did you know that this blog is created and hosted completely free thanks to GitHub Developer Pack? </blockquote><p>Read how to make a money-making blog like this via the below article. </p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://yasassri.medium.com/start-a-money-making-blog-on-ghost-497c1d2c99c7?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Start a Money Making Blog on Ghost</div><div class="kg-bookmark-description">Guide to Creating a Ghost CMS and Self-host with Zero Cost</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://cdn-static-1.medium.com/_/fp/icons/Medium-Avatar-500x500.svg" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware"><span class="kg-bookmark-author">Medium</span><span class="kg-bookmark-publisher">Yasas Sri Wickramasinghe</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://miro.medium.com/max/1200/1*Bvjpr0P7tWM112qgWYSWkQ.png" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware"></div></a></figure><h3 id="2-creative-user-interface-and-user-experience-design">2. Creative User Interface and User Experience Design</h3><p>Are you interested in Developing and designing creative user interfaces, web layouts or any form of the digital project? You can access premium icons, mockup tools, and 3D assets with the GitHub Students Developer Pack.</p><figure class="kg-card kg-image-card kg-width-full kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-9.51.24-PM.png" class="kg-image" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware" loading="lazy" width="2000" height="787" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-19-at-9.51.24-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-19-at-9.51.24-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-19-at-9.51.24-PM.png 1600w, https://readclub.me/content/images/size/w2400/2022/10/Screenshot-2022-10-19-at-9.51.24-PM.png 2400w"><figcaption>Tools for Creative Work - Free from GitHub Developer Pack</figcaption></figure><h3 id="3-hosting-webinars-virtual-events-or-live-streams-on-social-media-for-entertainment">3. Hosting Webinars, Virtual Events or Live Streams on Social Media for Entertainment</h3><p>Are you looking for hosting a live event? GitHub Student Pack provides modern tools and services like &quot;StreamYard&quot; for free, so you can go live like a Pro!</p><figure class="kg-card kg-embed-card"><iframe width="200" height="113" src="https://www.youtube.com/embed/p9Q82rx6iVo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen title="Virtual Event Kit - GitHub Universe"></iframe></figure><p>The Virtual Event Kit will help you as an individual, even if your club, student association or batchmates will benefit from these tools. Not only that but also, if you want to brush up your skills and colour up your portfolio with the experience of using these production tools, this is another great opportunity.</p><figure class="kg-card kg-image-card kg-width-full kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-9.59.32-PM.png" class="kg-image" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware" loading="lazy" width="2000" height="869" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-19-at-9.59.32-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-19-at-9.59.32-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-19-at-9.59.32-PM.png 1600w, https://readclub.me/content/images/size/w2400/2022/10/Screenshot-2022-10-19-at-9.59.32-PM.png 2400w"><figcaption>Tools for Hosting Virtual Events - Free from GitHub Developer Pack</figcaption></figure><hr><h2 id="how-to-get-github-student-pack">How to Get GitHub Student Pack?</h2><p>Getting started with GitHub Student Pack is pretty easy. There is only one pre-requisite, and that is you need to have a GitHub account created using your <strong>email address issued by your university</strong>. If you do not have a GitHub account, first create an account via this link (<a href="https://github.com/signup?ref=readclub.me">https://github.com/signup</a>).</p><p>Now let&apos;s see how to enrol with GitHub Student Pack.</p><ul><li><strong>Step 01:</strong> Go to Google, search &quot;github student pack&quot;, and visit the first search result. </li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.10.23-PM.png" class="kg-image" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware" loading="lazy" width="1800" height="670" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-19-at-8.10.23-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-19-at-8.10.23-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-19-at-8.10.23-PM.png 1600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.10.23-PM.png 1800w" sizes="(min-width: 720px) 720px"><figcaption>Search result for &quot;github student pack&quot; on Google</figcaption></figure><ul><li><strong>Step 02:</strong> You will see the <a href="https://education.github.com/?ref=readclub.me">GitHub Student Developer Pack webpage</a> below. Click the &quot;Sign up for Student Developer Pack&quot; button there.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.10.51-PM.png" class="kg-image" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware" loading="lazy" width="2000" height="889" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-19-at-8.10.51-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-19-at-8.10.51-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-19-at-8.10.51-PM.png 1600w, https://readclub.me/content/images/size/w2400/2022/10/Screenshot-2022-10-19-at-8.10.51-PM.png 2400w" sizes="(min-width: 720px) 720px"><figcaption><a href="https://education.github.com/?ref=readclub.me">GitHub Student Developer Pack webpage</a></figcaption></figure><p></p><ul><li><strong>Step 03:</strong> Select the &quot;Student&quot; checkbox as your academic status and scroll down.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.11.32-PM.png" class="kg-image" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware" loading="lazy" width="2000" height="992" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-19-at-8.11.32-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-19-at-8.11.32-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-19-at-8.11.32-PM.png 1600w, https://readclub.me/content/images/size/w2400/2022/10/Screenshot-2022-10-19-at-8.11.32-PM.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>Enrolling for the GitHub benefits</figcaption></figure><ul><li><strong>Step 04:</strong> You need to enter your university email address and university/high school name and then add a brief description explaining how you plan to use &#xA0;GitHub. Then click the &quot;Continue&quot; button.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.13.58-PM.png" class="kg-image" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware" loading="lazy" width="1576" height="1422" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-19-at-8.13.58-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-19-at-8.13.58-PM.png 1000w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.13.58-PM.png 1576w" sizes="(min-width: 720px) 720px"><figcaption>Providing details for enrolling with the GitHub Student Pack benefits</figcaption></figure><ul><li><strong>Step 05:</strong> GitHub will request you to upload proof of your academic status. You can take a photo of your student ID card or enrolment confirmation/offer letter. Make sure to take a clear photo of your document and upload it. Select the document type from the dropdown menu and submit. &#xA0;</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.15.37-PM.png" class="kg-image" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware" loading="lazy" width="2000" height="1094" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-19-at-8.15.37-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-19-at-8.15.37-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-19-at-8.15.37-PM.png 1600w, https://readclub.me/content/images/size/w2400/2022/10/Screenshot-2022-10-19-at-8.15.37-PM.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>Requested academic status proofs</figcaption></figure><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.15.49-PM.png" class="kg-image" alt="GitHub Student Pack: Hidden Treasure that Most University Students Unaware" loading="lazy" width="1534" height="1384" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-19-at-8.15.49-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-19-at-8.15.49-PM.png 1000w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-19-at-8.15.49-PM.png 1534w" sizes="(min-width: 720px) 720px"><figcaption>Submission of academic status proof document</figcaption></figure><ul><li><strong>Step 06:</strong> That&apos;s it! Now you need to wait sometime until you hear from GitHub. It may not take long, but it takes a couple of days. Once your request is approved, you can check your benefits from the below link. <strong><a href="https://education.github.com/pack?ref=readclub.me">https://education.github.com/pack</a></strong></li></ul><hr><hr><h2 id="final-thoughts">Final Thoughts</h2><p>I believe this GitHub Student Developer Pack is a treasure to any undergraduate or college student, but it is mostly underrated. Many of the students are not aware of this amazing opportunity.</p><p>This article discussed what GitHub Student Pack is, how you can get its benefits and a step-by-step guide to applying for this chance. If you are smart enough, you can use these premium products and services to enhance your online presence, showcase your portfolio to the world, and even make some passive income while studying!</p><p>Thanks for reading! Subscribe to <a href="https://readclub.me/">ReadClub</a> and become a part of out community so you will receive exclusive content like this directly to you inbox.</p><p></p><p></p>]]></content:encoded></item><item><title><![CDATA[This Netherlands Company Controls the Entire World's Chip Manufacturing Process]]></title><description><![CDATA[ASML Holding's EUV Machine takes the size of a minibus but works with an atomic-level precession. Learn why ASML is so special and why Apple, Samsung and Intel rely on them.]]></description><link>https://readclub.me/asml-chip-manufacturing/</link><guid isPermaLink="false">634f73dc17b0c42c734ccaf1</guid><category><![CDATA[computer architecture]]></category><category><![CDATA[computer organization]]></category><category><![CDATA[chip manufacturing]]></category><category><![CDATA[News]]></category><dc:creator><![CDATA[Yasas Sri Wickramasinghe]]></dc:creator><pubDate>Wed, 19 Oct 2022 03:51:31 GMT</pubDate><media:content url="https://readclub.me/content/images/2022/10/Blue-Futuristic-Tech-Insight-Newsroom-Facebook-Post-2.png" medium="image"/><content:encoded><![CDATA[<h3 id="asml-euv-machine-takes-the-size-of-a-minibus-but-works-with-an-atomic-level-precession">ASML EUV Machine takes the size of a minibus but works with an atomic-level precession</h3><img src="https://readclub.me/content/images/2022/10/Blue-Futuristic-Tech-Insight-Newsroom-Facebook-Post-2.png" alt="This Netherlands Company Controls the Entire World&apos;s Chip Manufacturing Process"><p></p><p>Semiconductor chips are everywhere. Your car, smartphone and even your refrigerator may have one of several chips inside. However, did you know that a company in the Netherlands has a 100% monopoly in the global chip manufacturing processes? They control almost all tech brands, such as Apple, Samsung and even Intel.</p><p><br>Recently, there has been massive attention to this company because the technology they own is genuinely world-changing. The entire world&apos;s technological enhancements may rely on their work!</p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/artcile.jpg" class="kg-image" alt="This Netherlands Company Controls the Entire World&apos;s Chip Manufacturing Process" loading="lazy" width="1074" height="887" srcset="https://readclub.me/content/images/size/w600/2022/10/artcile.jpg 600w, https://readclub.me/content/images/size/w1000/2022/10/artcile.jpg 1000w, https://readclub.me/content/images/2022/10/artcile.jpg 1074w" sizes="(min-width: 720px) 720px"></figure><p>ASML (Advanced Semiconductor Materials Lithography) is a semiconductor company located in the Netherlands. They are the pioneers of making chip manufacturing machines worldwide.</p><hr><h2 id="chip-manufacturing-process">Chip Manufacturing Process</h2><p>The chip manufacturing process begins with a wafer, a large sheet of silicon sliced into smaller pieces. The pieces are then processed to create the different types of chips, and finally, the chips are packaged and sent off to be used in products. The in-detail process is available below the link.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://www.asml.com/en/technology/all-about-microchips/how-microchips-are-made?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">How microchips are made | ASML</div><div class="kg-bookmark-description">Find out just how tiny microchips are made, following the journey from the semiconductor fabrication plant to your phone.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://www.asml.com/assets/v-637997834780000000/favicons/asml/apple-touch-icon.png" alt="This Netherlands Company Controls the Entire World&apos;s Chip Manufacturing Process"><span class="kg-bookmark-author">ASML</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://www.asml.com/-/media/asml/images/technology/cleanroom/asml-employees-working-in-a-cleanroom.jpg?mw=1200&amp;rev=fb3308ffb1f14be481900bb98efd45c0&amp;hash=04FA2E3052F59DCE56A40494C2171A96" alt="This Netherlands Company Controls the Entire World&apos;s Chip Manufacturing Process"></div></a></figure><hr><h2 id="why-is-asml-so-important">Why is ASML so important?</h2><blockquote class="kg-blockquote-alt">ASML is the only company in the world that makes EUV lithography systems.</blockquote><p>ASML has the technology for building chip manufacturing machinery with extreme ultraviolet lithography (EUV). EUV is the state-of-the-art technology required to make the most advanced chips by leading tech giants like Apple, Intel and Samsung.</p><p><br>ASML holdings has the monopoly because the Extreme Ultraviolet (EUV) lithography machines they build are among the most complicated devices ever made. This technology is so complex that it has taken China years to crack.</p><figure class="kg-card kg-image-card kg-width-full kg-card-hascaption"><img src="https://www.asml.com/-/media/asml/images/products/euv-lithography-systems/nxe3400_simplified_front_semiclosed.jpg?mw=1200&amp;rev=01c1c1b6c345409bb94d0115ace9f66a&amp;hash=88C22E485AD38977A8C29CD21742FBA4" class="kg-image" alt="This Netherlands Company Controls the Entire World&apos;s Chip Manufacturing Process" loading="lazy"><figcaption>ASML Lithography Machine (Photo credit: <a href="https://www.asml.com/?ref=readclub.me">ASML</a>)</figcaption></figure><blockquote class="kg-blockquote-alt">This EUV machine takes a size similar to a mini-bus, but it works an atomic level precision!</blockquote><p>ASML says the accuracy of EUV lithography is like shooting a laser gun from the moon to hit a coin on the planet earth. And the ASML EUV machines are built as 7 different sub-modules, and transporting a finished machine takes 20 trucks and 3 fully-loaded 747 aeroplanes. Because of this one of its kind machinery, ASML gains enormous profit, and as of now, ASML stock prices are clearly higher even than INTEL.</p><figure class="kg-card kg-image-card kg-width-wide kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-18-at-7.16.05-PM.png" class="kg-image" alt="This Netherlands Company Controls the Entire World&apos;s Chip Manufacturing Process" loading="lazy" width="2000" height="1127" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-18-at-7.16.05-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-18-at-7.16.05-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-18-at-7.16.05-PM.png 1600w, https://readclub.me/content/images/size/w2400/2022/10/Screenshot-2022-10-18-at-7.16.05-PM.png 2400w" sizes="(min-width: 1200px) 1200px"><figcaption>ASML Stocks are higher than INTEL (Source: <a href="https://finance.yahoo.com/chart/ASML?ref=readclub.me#eyJpbnRlcnZhbCI6Im1vbnRoIiwicGVyaW9kaWNpdHkiOjEsImNhbmRsZVdpZHRoIjo0LjM0ODY1OTAwMzgzMTQxNzUsImZsaXBwZWQiOmZhbHNlLCJ2b2x1bWVVbmRlcmxheSI6dHJ1ZSwiYWRqIjp0cnVlLCJjcm9zc2hhaXIiOnRydWUsImNoYXJ0VHlwZSI6ImxpbmUiLCJleHRlbmRlZCI6ZmFsc2UsIm1hcmtldFNlc3Npb25zIjp7fSwiYWdncmVnYXRpb25UeXBlIjoib2hsYyIsImNoYXJ0U2NhbGUiOiJwZXJjZW50Iiwic3R1ZGllcyI6eyLigIx2b2wgdW5kcuKAjCI6eyJ0eXBlIjoidm9sIHVuZHIiLCJpbnB1dHMiOnsiaWQiOiLigIx2b2wgdW5kcuKAjCIsImRpc3BsYXkiOiLigIx2b2wgdW5kcuKAjCJ9LCJvdXRwdXRzIjp7IlVwIFZvbHVtZSI6IiMwMGIwNjEiLCJEb3duIFZvbHVtZSI6IiNmZjMzM2EifSwicGFuZWwiOiJjaGFydCIsInBhcmFtZXRlcnMiOnsid2lkdGhGYWN0b3IiOjAuNDUsImNoYXJ0TmFtZSI6ImNoYXJ0In19fSwicGFuZWxzIjp7ImNoYXJ0Ijp7InBlcmNlbnQiOjEsImRpc3BsYXkiOiJBU01MIiwiY2hhcnROYW1lIjoiY2hhcnQiLCJpbmRleCI6MCwieUF4aXMiOnsibmFtZSI6ImNoYXJ0IiwicG9zaXRpb24iOm51bGx9LCJ5YXhpc0xIUyI6W10sInlheGlzUkhTIjpbImNoYXJ0Iiwi4oCMdm9sIHVuZHLigIwiXX19LCJzZXRTcGFuIjp7fSwibGluZVdpZHRoIjoyLCJzdHJpcGVkQmFja2dyb3VuZCI6dHJ1ZSwiZXZlbnRzIjp0cnVlLCJjb2xvciI6IiMwMDgxZjIiLCJzdHJpcGVkQmFja2dyb3VkIjp0cnVlLCJldmVudE1hcCI6eyJjb3Jwb3JhdGUiOnsiZGl2cyI6dHJ1ZSwic3BsaXRzIjp0cnVlfSwic2lnRGV2Ijp7fX0sInN5bWJvbHMiOlt7InN5bWJvbCI6IkFTTUwiLCJzeW1ib2xPYmplY3QiOnsic3ltYm9sIjoiQVNNTCIsInF1b3RlVHlwZSI6IkVRVUlUWSIsImV4Y2hhbmdlVGltZVpvbmUiOiJBbWVyaWNhL05ld19Zb3JrIn0sInBlcmlvZGljaXR5IjoxLCJpbnRlcnZhbCI6Im1vbnRoIiwic2V0U3BhbiI6e319LHsic3ltYm9sIjoiSU5UQyIsInN5bWJvbE9iamVjdCI6eyJzeW1ib2wiOiJJTlRDIn0sInBlcmlvZGljaXR5IjoxLCJpbnRlcnZhbCI6Im1vbnRoIiwic2V0U3BhbiI6e30sImlkIjoiSU5UQyIsInBhcmFtZXRlcnMiOnsiY29sb3IiOiIjNzJkM2ZmIiwid2lkdGgiOjIsImlzQ29tcGFyaXNvbiI6dHJ1ZSwic2hhcmVZQXhpcyI6dHJ1ZSwiY2hhcnROYW1lIjoiY2hhcnQiLCJzeW1ib2xPYmplY3QiOnsic3ltYm9sIjoiSU5UQyJ9LCJwYW5lbCI6ImNoYXJ0IiwiZmlsbEdhcHMiOmZhbHNlLCJhY3Rpb24iOiJhZGQtc2VyaWVzIiwic3ltYm9sIjoiSU5UQyIsImdhcERpc3BsYXlTdHlsZSI6InRyYW5zcGFyZW50IiwibmFtZSI6IklOVEMiLCJvdmVyQ2hhcnQiOnRydWUsInVzZUNoYXJ0TGVnZW5kIjp0cnVlLCJoZWlnaHRQZXJjZW50YWdlIjowLjcsIm9wYWNpdHkiOjEsImhpZ2hsaWdodGFibGUiOnRydWUsInR5cGUiOiJsaW5lIiwic3R5bGUiOiJzdHhfbGluZV9jaGFydCIsImhpZ2hsaWdodCI6ZmFsc2V9fV0sImN1c3RvbVJhbmdlIjpudWxsLCJyYW5nZSI6e319">Yahoo Finance</a>)</figcaption></figure><p>ASML sells EUV machinery to customers, including <a href="https://www.tsmc.com/english?ref=readclub.me">TSMC</a>, a Taiwanese chip manufacturing company that produces high-end chips. &#xA0;Because of the ASML machines, TSMC always stays one step ahead of Samsung and Intel because TSMC always goes for the latest machinery from ASML.</p><hr><h2 id="asml-was-selling-duv-machines-to-china-but-not-euv-machines">ASML was selling DUV Machines to China, but not EUV Machines</h2><p>DUV lithography is the previous generation of EUV lithography. Both technologies can be used to design chips, but EUV is far more advanced, so it helps create tiny chips like 4nm or lower. Meanwhile, DUV machines can make chips around 7nms, which is enormous compared to 4nm processors.</p><p>Even though DUV is older technology, mainland China was a more prominent customer of ASML. But recently, western countries imposed many regulations on ASML banning sales to China, including DUV equipment. The main reason could be to delay China in producing more advanced technology than ASML. Also, ASML has not sold at least one EUV machine to China.</p><p>There are a few more DUV lithography machinery producers besides ASML, including Nikon. Still, ASML is the only option for EUV machinery.</p><hr><h2 id="why-is-bidens-plan-to-boost-semiconductor-chip-manufacturing-in-the-us-critical">Why is Biden&apos;s Plan to Boost Semiconductor Chip Manufacturing in the U.S. critical?</h2><p>Semiconductor chips are at the heart of many modern devices, from computers and smartphones to medical devices and automobiles. But the global supply of semiconductors is increasingly coming from overseas, where production costs are lower. This trend threatens to drive up the prices of electronics and put American jobs at risk.</p><p> The semiconductor industry is worth more than $1 trillion, and the United States can play a major role in shaping the future of the global semiconductor supply chain. However, if China gets the upper hand in this semiconductor chip manufacturing process, it may badly affect many other western countries. </p><hr><h2 id="apple-beginning-3nm-chip-manufacturing-by-the-end-of-this-year-possibly-will-start-in-september">Apple beginning 3nm chip manufacturing by the end of this year, possibly will start in September</h2><p>Backend firms are upbeat about demand for upcoming MacBook chips, which will be built using TSMC&apos;s 3nm process technology. According to industry sources, production is set to kick off later this year. This information aligns with a report from Taiwan&apos;s Commercial Times last week, which said TSMC would begin production of 3nm chips for Apple by the end of 2022. That report claimed that Apple&apos;s first 3nm chip may be the M2 Pro chip for Macs and added that the A17 Bionic chip in next year&apos;s iPhone 15 Pro models would also be a 3nm chip.</p><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://appleinsider.com/articles/22/08/18/apple-could-be-the-first-to-use-tsmcs-3nm-chip-process-for-m2-pro?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Apple could be the first to use TSMC&#x2019;s 3nm chip process for M2 Pro | AppleInsider</div><div class="kg-bookmark-description">Apple&#x2019;s 2022 MacBook Pros may pack new M2 Pro and M2 Max chipsets made with TSMC&#x2019;s latest 3nm manufacturing process, according to a new report.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://photos5.appleinsider.com/v9/images/apple-touch-icon-144.png" alt="This Netherlands Company Controls the Entire World&apos;s Chip Manufacturing Process"><span class="kg-bookmark-author">AppleInsider</span><span class="kg-bookmark-publisher">Mike Peterson</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://photos5.appleinsider.com/gallery/49954-97914-M2-graphic-xl.jpg" alt="This Netherlands Company Controls the Entire World&apos;s Chip Manufacturing Process"></div></a></figure><p>Bloomberg&apos;s Mark Gurman expects the M2 Pro chip to be used in the next 14-inch and 16-inch MacBook Pros and in a new high-end Mac mini that would replace the current Intel-based configuration. Gurman believes that Apple plans to announce multiple new Macs at an October event, but it&apos;s not entirely clear if this would include new MacBook Pro and Mac mini models or if Apple will wait to announce its first Macs with 3nm chips in 2023.</p><h2 id="will-asml-invalidate-moores-law">Will ASML invalidate Moore&apos;s Law?</h2><p>ASML has always pushed the chip manufacturing boundaries further, yet Moore&apos;s law is still valid to date.</p><blockquote>The number of transistors in a dense integrated circuit (IC) doubles every two years. &#x2014; Gordon Moore in 1965</blockquote><p>However, ASML plans to push further toward making machinery capable of producing 2nm processors. They call their next generation of lithography machine &quot;high-NA EUV&quot;, which is currently in test. The world is waiting for this to be a success, even though a few other competitors are announcing that they will produce lithography machines.</p><hr><div class="kg-card kg-header-card kg-width-full kg-size-small kg-style-image" style="background-image: url(https://readclub.me/content/images/2022/10/goldtexture.png)" data-kg-background-image="https://readclub.me/content/images/2022/10/goldtexture.png"><h2 class="kg-header-card-header" id="become-a-readclub-member">Become a ReadClub Member</h2><h3 class="kg-header-card-subheader" id="read-exclusive-content-for-free">Read Exclusive Content for Free</h3><a href="https://readclub.me/#/portal/" class="kg-header-card-button">Click Here to Register Now</a></div><p></p><h2 id="final-thoughts">Final Thoughts</h2><p>However, ASML is the clear one and only company yet that has the potential to make this reality sooner. It might unleash an incredible performance from chips, breaking the Moore&apos;s law.</p><p>I hope you learned about ASML holdings, their technology, and how much the entire world relies on their machinery. We&apos;ll see what they are bringing in 2023; sometimes, it might be a paradigm change in CPU performance with 2nm chips. Only time will tell!</p><hr><blockquote class="kg-blockquote-alt">This blog is created with Ghost and DigitalOcean. If interested, here is a $200 free credit upon SignUp.</blockquote><figure class="kg-card kg-image-card kg-card-hascaption"><a href="https://www.digitalocean.com/?refcode=22ae290baec3&amp;utm_campaign=Referral_Invite&amp;utm_medium=Referral_Program&amp;utm_source=badge"><img src="https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%201.svg" class="kg-image" alt="This Netherlands Company Controls the Entire World&apos;s Chip Manufacturing Process" loading="lazy"></a><figcaption>DigitalOcean Coupon</figcaption></figure><h2 id="learn-how-i-made-this-blog-with-ghost-cms">Learn How I Made this Blog with Ghost CMS</h2><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://yasassri.medium.com/start-a-money-making-blog-on-ghost-497c1d2c99c7?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Start a Money Making Blog on Ghost</div><div class="kg-bookmark-description">Guide to Creating a Ghost CMS and Self-host with Zero Cost</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://cdn-static-1.medium.com/_/fp/icons/Medium-Avatar-500x500.svg" alt="This Netherlands Company Controls the Entire World&apos;s Chip Manufacturing Process"><span class="kg-bookmark-author">Medium</span><span class="kg-bookmark-publisher">Yasas Sri Wickramasinghe</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://miro.medium.com/max/1200/1*Bvjpr0P7tWM112qgWYSWkQ.png" alt="This Netherlands Company Controls the Entire World&apos;s Chip Manufacturing Process"></div></a></figure>]]></content:encoded></item><item><title><![CDATA[How to Write JavaScript Clean Code in 8 Steps]]></title><description><![CDATA[if you are someone who wants to know What is “Clean Coding” and “How You Can Start Writing Clean Code” in JavaScript, this 5-minute article is for you.]]></description><link>https://readclub.me/how-to-write-javascript-clean-code-and-clean-coding-practices/</link><guid isPermaLink="false">634977c81024f004aca9eba3</guid><category><![CDATA[JavaScript]]></category><category><![CDATA[web design]]></category><dc:creator><![CDATA[Yasas Sri Wickramasinghe]]></dc:creator><pubDate>Fri, 14 Oct 2022 15:23:08 GMT</pubDate><media:content url="https://images.unsplash.com/photo-1607705703571-c5a8695f18f6?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=MnwxMTc3M3wwfDF8c2VhcmNofDR8fGNvZGluZyUyMGdpcmx8ZW58MHx8fHwxNjY1NzYwMzky&amp;ixlib=rb-1.2.1&amp;q=80&amp;w=2000" medium="image"/><content:encoded><![CDATA[<!--kg-card-begin: html--><amp-auto-ads type="adsense" data-ad-client="ca-pub-9588250048821786">
</amp-auto-ads><!--kg-card-end: html--><img src="https://images.unsplash.com/photo-1607705703571-c5a8695f18f6?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=MnwxMTc3M3wwfDF8c2VhcmNofDR8fGNvZGluZyUyMGdpcmx8ZW58MHx8fHwxNjY1NzYwMzky&amp;ixlib=rb-1.2.1&amp;q=80&amp;w=2000" alt="How to Write JavaScript Clean Code in 8 Steps"><p>As newbies to the software engineering field, most of us focus a lot on building web apps that are &#x2018;working&#x2019; or at least &#x2018;demo-able&#x2019;, which is somewhat understandable. But I have seen most newbies into software engineering having various problems when they are supposed to complete a project within a certain time period. If you are a software engineering undergraduate, I guess you have experienced some issues related to your code, such as,</p><ul><li>Your code is giving a lot of compile errors.</li><li>Your IDE (integrated development environment &#x2014; simply the tool you use to code) shows so many red markings and alerts, and you can&#x2019;t run your code.</li><li>You can&#x2019;t remember the execution flow of your code.</li><li>Your project proposal contains some sets of diagrams that are opposite to your current implementation (and you have no idea how to modify your diagrams to reflect the current code you have).</li><li>You can&#x2019;t write unit tests for your code (Your methods/functions are not testable).</li><li>When you look at your code, You don&#x2019;t &#x2018;feel good to read your code.</li></ul><p>If so, you may continue reading this article to be inspired by &#x201C;clean coding practices&#x201D; meanwhile you are working on writing web applications to build great solutions in less time. And, of course, you will find the above problems are getting resolved without much additional effort!</p><p>If you are someone who wants to know What is &#x201C;Clean Coding&#x201D; and &#x201C;How You Can Start Writing Clean Code&#x201D;, this 5-minute article is for you.</p><blockquote><strong>What you are going to learn&#x2026;</strong></blockquote><ol><li><em><em>How to Name Files in JavaScript</em></em></li><li><em><em>How to Name Boolean Type Variables</em></em></li><li><em><em>How to Name Private Variables or Functions/Methods</em></em></li><li><em><em>How to Name Constants</em></em></li><li><em><em>How to Name Functions</em></em></li><li><em><em>How to Name Classes</em></em></li><li><em><em>How to Name Components</em></em></li><li><em><em>Some General Tips</em></em></li></ol><p>In this article, I&#x2019;ll guide you to write Clean Code from the basics. However, Clean Coding is a skill you can improve by practising it whenever possible. I&#x2019;m using general examples using JavaScript, but the concepts are mostly similar in other programming languages/frameworks except for a few scenarios. Please follow official guidelines/documentation of your language for further details.</p><hr><p><em><em>Let&#x2019;s get started with one famous quote from Martin Fowler, an </em>a<em>merican software engineer and one of the founders of Agile Manifesto.</em></em></p><figure class="kg-card kg-image-card"><img src="https://miro.medium.com/max/1400/1*QQtG7MVcUWq8c-fidg2NCQ.png" class="kg-image" alt="How to Write JavaScript Clean Code in 8 Steps" loading="lazy" width="700" height="351"></figure><p><br>As a beginner, How can you improve your Clean Coding skills?</p><blockquote class="kg-blockquote-alt"><strong>Let&#x2019;s start with the basics of Naming JavaScript Variables and JavaScript Functions</strong></blockquote><p>Variables names are used to identify a value stored in memory locations instead of using memory addresses. So when you are supposed to define a variable, make sure to put a meaningful name instead of using a very generic or random name. Some examples of &#x2018;not so good&#x2019; variable names are,</p><blockquote><em>int i= 10,</em><br><br><em>String s = &#x201C;abc&#x201D;,</em><br><br><em>Student stu = new Student();</em></blockquote><figure class="kg-card kg-embed-card"><blockquote class="twitter-tweet"><p lang="en" dir="ltr">&quot;There are only two hard things in Computer Science: cache invalidation and naming things.&quot; - Phil Karlton</p>&#x2014; Programming Wisdom (@CodeWisdom) <a href="https://twitter.com/CodeWisdom/status/1012328267083370498?ref_src=twsrc%5Etfw&amp;ref=readclub.me">June 28, 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</figure><hr><blockquote><em><em><strong>But I know, it&#x2019;s easier said than done.</strong></em></em></blockquote><p>How do you verify whether your identifier it is &#x2018;Good&#x2019;?</p><p>Simple, If your name tells,</p><ul><li>Why It Exists</li><li>What It Does</li><li>How is it used</li></ul><p>You have chosen a &#x2018;Good&#x2019; name.</p><p><em><em>but If your name requires a comment to explain it, probably your name is &#x2018;Not So Good&#x2019;.</em></em></p><h2 id="let%E2%80%99s-look-into-clean-coding-practices-related-to-javascript">Let&#x2019;s look into Clean Coding Practices related to JavaScript.</h2><p><em><em>The below clean code practices apply to Angular, React, Vue or any other JS-based front-end frameworks as well.</em></em></p><p>Some good JS variable names,</p><blockquote>var remainingTimeInDays;<br><br>var daysUntilShipment;<br><br>var daysSinceModification;</blockquote><h2 id="did-you-know-that-in-javascript-variable-names-are-case-sensitive">Did you know that in JavaScript, variable names are Case Sensitive?</h2><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/max/998/1*m6u0i4k5iTHNxCCvhNdZSg.png" class="kg-image" alt="How to Write JavaScript Clean Code in 8 Steps" loading="lazy" width="499" height="562"><figcaption>In JavaScript, if you define the same variable name using different caps, those variables will be treated differently. so remember, CAPS count!</figcaption></figure><hr><h2 id="1-how-to-name-files-in-javascript">1. How to Name Files in JavaScript?</h2><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/max/792/1*GGjjKyIE7c6Kd80PQ_Ah8w.png" class="kg-image" alt="How to Write JavaScript Clean Code in 8 Steps" loading="lazy" width="396" height="388"><figcaption>In this example, front-end JS file names are written in PascalCase, back-end JS file names are written in kebab-case</figcaption></figure><p>If you are going to name project files in any JavaScript framework, you may use PascalCase for frontend projects with JavaScript Frameworks like React. You can use kebab-case if you are working with a Backend Framework (Express/Node etc.).</p><ul><li><strong>Important Note</strong>: This is a generic pattern you can follow in JavaScript-based frameworks. But file naming standards are different in other Non-JS based Frameworks. I advise you to refer to official style guides specific to your framework or use Google Style Guide to explore more. I have linked them at the end of this article.</li></ul><figure class="kg-card kg-image-card"><img src="https://miro.medium.com/max/960/1*BhCedKA3c8IhKRk3jq5gSw.png" class="kg-image" alt="How to Write JavaScript Clean Code in 8 Steps" loading="lazy" width="480" height="562"></figure><hr><h2 id="2-how-to-name-boolean-type-variables">2. How to Name Boolean Type Variables?</h2><p>When you are going to name a variable that defines a boolean type value, It is always good to give a name that can express the variable, whether it can be &#x2018;true&#x2019; or &#x2018;false&#x2019;. One approach is to start with &#x2018;is&#x2019; as a prefix. Ex: isStudent, isValid etc.</p><p>You may use other prefix terms like &#x2018;has&#x2019;, &#x2018;can&#x2019;, and &#x2018;should&#x2019; as well, but make sure not to give nouns just like you give for other variables, but treat boolean variables differently.</p><hr><h2 id="3-how-to-name-private-variables-or-functionsmethods">3. How to Name Private Variables or Functions/Methods</h2><p>If you see an underscore (_) in front of a name, it implies that the variable, function or method is private.</p><figure class="kg-card kg-image-card"><img src="https://miro.medium.com/max/1400/1*frAUU3beOL0ITRojo9nyXw.png" class="kg-image" alt="How to Write JavaScript Clean Code in 8 Steps" loading="lazy" width="700" height="461"></figure><hr><h2 id="4-how-to-name-constants">4. How to Name Constants?</h2><p>Constants are the variables you declare with a value that is expected to remain unchanged. These variables are named with CAPITAL letters.</p><figure class="kg-card kg-image-card"><img src="https://miro.medium.com/max/1400/1*sz5U2EsjmZbX-HCi50b1sg.png" class="kg-image" alt="How to Write JavaScript Clean Code in 8 Steps" loading="lazy" width="700" height="138"></figure><hr><p><strong><em><em>Before moving further, Let me refresh your knowledge&#x2026;</em></em></strong></p><p>Are you familiar with <strong>camelCase</strong> and <strong>PascalCase</strong>?</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/max/1400/1*5F07m50ToMGBfx2Gfi4g-g.png" class="kg-image" alt="How to Write JavaScript Clean Code in 8 Steps" loading="lazy" width="700" height="288"><figcaption>PascalCase and camelCase are commonly used in naming functions and classes</figcaption></figure><hr><div class="kg-card kg-header-card kg-width-full kg-size-small kg-style-dark" style data-kg-background-image><h2 class="kg-header-card-header" id="clean-coding-in-javascriptnbsp">Clean Coding in JavaScript&#xA0;</h2><h3 class="kg-header-card-subheader" id="high-quality-tech-tutorials-and-guides-no-ads-free">High Quality Tech Tutorials and Guides (No Ads, Free)</h3><a href="https://readclub.me/#/portal/" class="kg-header-card-button">Click Here to Register for the Newsletter</a></div><h2 id="5-how-to-name-javascript-functions">5. How to Name JavaScript Functions?</h2><p>This applies to JS Frameworks like Angular, React etc. and Backed Frameworks like Java SpringBoot, .NET etc.</p><p>When you are naming a Function/Method, <strong>use</strong> <strong>camelCase</strong>.</p><figure class="kg-card kg-image-card"><img src="https://miro.medium.com/max/1400/1*9AHn4Aj0FrtlO9qLf4zkeA.png" class="kg-image" alt="How to Write JavaScript Clean Code in 8 Steps" loading="lazy" width="700" height="251"></figure><hr><h2 id="6-how-to-name-javascript-classes">6. How to Name JavaScript Classes?</h2><p>This applies to JS Frameworks like Angular, React etc. and Backed Frameworks like Java SpringBoot, .NET etc.</p><p>When you are naming a class, <strong>use PascalCase.</strong></p><figure class="kg-card kg-image-card"><img src="https://miro.medium.com/max/1400/1*EkrEzYPngbBlL3GAT5eEXA.png" class="kg-image" alt="How to Write JavaScript Clean Code in 8 Steps" loading="lazy" width="700" height="212"></figure><hr><h2 id="7-how-to-name-components">7. How to Name Components?</h2><p>This applies to any JS Framework like Angular, React etc.</p><p>When you are naming a Component, <strong>use PascalCase.</strong> Components are common in modern JavaScript frameworks like Angular and React.</p><figure class="kg-card kg-image-card"><img src="https://miro.medium.com/max/1400/1*gIoRZCKodZT12rbl6Z5Lwg.png" class="kg-image" alt="How to Write JavaScript Clean Code in 8 Steps" loading="lazy" width="700" height="766"></figure><p>When you name your components in PascalCase, it is easier to identify them in HTML component bindings because HTML tags will be in simple letters, and your component will be in PascalCase.</p><hr><h2 id="8-some-general-tips">8. Some General Tips</h2><ul><li>Make sure to give pronounceable names for your identifiers.</li><li>Avoid giving numbers in the middle of your code unexpectedly. Try to use variables appropriately.</li></ul><figure class="kg-card kg-image-card"><img src="https://miro.medium.com/max/1400/1*zKGMAEL_4EwRFi2BywXHpg.png" class="kg-image" alt="How to Write JavaScript Clean Code in 8 Steps" loading="lazy" width="700" height="253"></figure><ul><li>When using axios or any other web service call and declaring your API path, don&#x2019;t hardcode the path in every place where you call your backend APIs. Make sure to define your backend path as a base URL and import it whenever you need to call your API.</li></ul><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/max/1400/1*MlefPvpNPeNpHRmzNdbXpg.png" class="kg-image" alt="How to Write JavaScript Clean Code in 8 Steps" loading="lazy" width="700" height="410"><figcaption><em class="qb" style="box-sizing: inherit; font-style: inherit;">Read axios Best Practices: </em><a class="au qc" href="https://github.com/axios/axios?ref=readclub.me#config-defaults" rel="noopener ugc nofollow" target="_blank" style="box-sizing: inherit; color: inherit; text-decoration: underline;"><em class="qb" style="box-sizing: inherit; font-style: inherit;">https://github.com/axios/axios#config-defaults</em></a></figcaption></figure><ul><li>Make your words/naming styles consistent across your application. For example, if you use <strong>get</strong>Student(), <strong>get</strong>Scores() kind of pattern for your methods/functions, don&#x2019;t define some other similar functions like <strong>fetch</strong>Time(), <strong>fetch</strong>Name() etc. Make them consistent as previous methods by naming getTime(), getName() etc.</li><li>Make sure your functions/methods do just one thing. For example, calculateExamGrade() should do only calculate the Grade. But if it is calculating Grade AND saving the Grade in a database or sending an API request or even if it is performing a validation within the same calculateExamGrade method, it is &#x2018;not nice&#x2019;.</li><li>Try to maintain a minimum number of arguments/parameters you pass to a function/method.</li><li>Know your programming language&#x2019;s style conventions. The best resource is to read the official style guides available. I&#x2019;ll list some below for your reference.</li></ul><p>Angular Style Guide: <a href="https://angular.io/guide/styleguide?ref=readclub.me" rel="noopener ugc nofollow">https://angular.io/guide/styleguide</a></p><p>React Style Guide: <a href="https://react-styleguidist.js.org/?ref=readclub.me" rel="noopener ugc nofollow">https://react-styleguidist.js.org</a></p><p>VueJS Style Guide: <a href="https://vuejs.org/v2/style-guide/?ref=readclub.me" rel="noopener ugc nofollow">https://vuejs.org/v2/style-guide</a></p><p>Google Style Guide for Backend and Frontend Frameworks: <a href="https://google.github.io/styleguide/?ref=readclub.me" rel="noopener ugc nofollow">https://google.github.io/styleguide</a></p><hr><h1 id="summary">Summary</h1><p>Clean Coding is a skill every developer should practice more often. This article presented some basic steps you can think of when you are coding next time. Clean Coding is not just about naming conventions, but I believe this is a very good starting point for anyone who is new to this topic. In the next article, I will write further details and aspects of clean coding.</p><p>Do you know that you can automate most of the above practices using some plugins? You can configure your IDE to ensure Clean Coding standards and easily check your coding style&apos;s compliance with official style guides. Let me know if you are interested to learn how to do it, So I&#x2019;ll write further covering those aspects as well.</p><p><strong>Don&#x2019;t forget to subscribe to this blog for more tech articles like this!</strong></p><div class="kg-card kg-button-card kg-align-center"><a href="https://readclub.me/#/portal/" class="kg-btn kg-btn-accent">Subscribe to this Blog for Free</a></div>]]></content:encoded></item><item><title><![CDATA[Best Practices for Using NPM packages]]></title><description><![CDATA[Installing an NPM package is a straightforward task, but choosing the right one is a lot harder than you think since there are over 1.3 million NPM packages. Therefore, consider the aspects below when selecting an NPM package for your project.]]></description><link>https://readclub.me/5-best-practices-to-choosing-third-party-npm-packages/</link><guid isPermaLink="false">6346b9d862242837d7ab52fd</guid><category><![CDATA[devtools]]></category><category><![CDATA[web design]]></category><category><![CDATA[npm]]></category><dc:creator><![CDATA[Yasas Sri Wickramasinghe]]></dc:creator><pubDate>Wed, 12 Oct 2022 13:06:07 GMT</pubDate><media:content url="https://images.unsplash.com/photo-1605379399843-5870eea9b74e?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=MnwxMTc3M3wwfDF8c2VhcmNofDIxfHxjb2Rpbmd8ZW58MHx8fHwxNjY1NTc5ODgy&amp;ixlib=rb-1.2.1&amp;q=80&amp;w=2000" medium="image"/><content:encoded><![CDATA[<!--kg-card-begin: html--><amp-auto-ads type="adsense" data-ad-client="ca-pub-9588250048821786">
</amp-auto-ads><!--kg-card-end: html--><img src="https://images.unsplash.com/photo-1605379399843-5870eea9b74e?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=MnwxMTc3M3wwfDF8c2VhcmNofDIxfHxjb2Rpbmd8ZW58MHx8fHwxNjY1NTc5ODgy&amp;ixlib=rb-1.2.1&amp;q=80&amp;w=2000" alt="Best Practices for Using NPM packages"><p>Installing an NPM package is a straightforward task, but choosing the right one is a lot harder than you think since there are over 1.3 million NPM packages. Therefore, consider the aspects below when selecting an NPM package for your project.</p><h3 id="1-check-the-package-license">1. Check the Package License</h3><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/1-gA2cGMNrpMYFAXmMH1kbKQ.png" class="kg-image" alt="Best Practices for Using NPM packages" loading="lazy" width="400" height="333"><figcaption><a href="http://www.npmjs.com/?ref=readclub.me" rel="noopener ugc nofollow">www.npmjs.com</a> showing the license type of an npm package</figcaption></figure><h3 id="2-check-contribution-frequency-and-downloads">2. Check Contribution Frequency and Downloads</h3><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/1-cH23LB33SXR3n-Okfow12w.png" class="kg-image" alt="Best Practices for Using NPM packages" loading="lazy" width="2000" height="1167" srcset="https://readclub.me/content/images/size/w600/2022/10/1-cH23LB33SXR3n-Okfow12w.png 600w, https://readclub.me/content/images/size/w1000/2022/10/1-cH23LB33SXR3n-Okfow12w.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/1-cH23LB33SXR3n-Okfow12w.png 1600w, https://readclub.me/content/images/size/w2400/2022/10/1-cH23LB33SXR3n-Okfow12w.png 2400w" sizes="(min-width: 720px) 720px"><figcaption>You can use a tool like <a href="https://www.npmtrends.com/?ref=readclub.me" rel="noopener ugc nofollow">npm trends</a> to compare and see which NPM package has the most downloads over time</figcaption></figure><h3 id="3-look-for-smaller-bundle-sizes">3. Look for Smaller Bundle Sizes</h3><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/1-L9hQJPgi_-zcM_6wEFeU1A.png" class="kg-image" alt="Best Practices for Using NPM packages" loading="lazy" width="2000" height="963" srcset="https://readclub.me/content/images/size/w600/2022/10/1-L9hQJPgi_-zcM_6wEFeU1A.png 600w, https://readclub.me/content/images/size/w1000/2022/10/1-L9hQJPgi_-zcM_6wEFeU1A.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/1-L9hQJPgi_-zcM_6wEFeU1A.png 1600w, https://readclub.me/content/images/size/w2400/2022/10/1-L9hQJPgi_-zcM_6wEFeU1A.png 2400w" sizes="(min-width: 720px) 720px"><figcaption><a href="https://bundlephobia.com/package/react-map-gl@6.1.16?ref=readclub.me" rel="noopener ugc nofollow">Bundlephobia</a> analysis on react-map-gl npm package</figcaption></figure><h3 id="4-look-for-the-packages-backed-by-larger-developer-communities">4. Look for the Packages Backed by Larger Developer Communities</h3><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/1-ewf0kEmjM757ockpRC6y9Q.png" class="kg-image" alt="Best Practices for Using NPM packages" loading="lazy" width="1400" height="781" srcset="https://readclub.me/content/images/size/w600/2022/10/1-ewf0kEmjM757ockpRC6y9Q.png 600w, https://readclub.me/content/images/size/w1000/2022/10/1-ewf0kEmjM757ockpRC6y9Q.png 1000w, https://readclub.me/content/images/2022/10/1-ewf0kEmjM757ockpRC6y9Q.png 1400w" sizes="(min-width: 720px) 720px"><figcaption>Contributors&apos; activity of an npm package on GitHub</figcaption></figure><h3 id="5-assess-the-security">5. Assess the Security</h3><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://readclub.me/content/images/2022/10/1-p1sV-J7DVV9ti0JoCLOjxA.png" class="kg-image" alt="Best Practices for Using NPM packages" loading="lazy" width="1044" height="733" srcset="https://readclub.me/content/images/size/w600/2022/10/1-p1sV-J7DVV9ti0JoCLOjxA.png 600w, https://readclub.me/content/images/size/w1000/2022/10/1-p1sV-J7DVV9ti0JoCLOjxA.png 1000w, https://readclub.me/content/images/2022/10/1-p1sV-J7DVV9ti0JoCLOjxA.png 1044w" sizes="(min-width: 720px) 720px"><figcaption>Visualizing dependencies of google-map-react npm package using <a href="https://npm.anvaka.com/?ref=readclub.me" rel="noopener ugc nofollow">npmgraph</a></figcaption></figure><hr><blockquote class="kg-blockquote-alt">Read the complete article from the below publication.</blockquote><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://blog.bitsrc.io/5-best-practices-when-choosing-third-party-npm-packages-2198994357f9?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">5 Best Practices to Choosing Third-Party NPM Packages</div><div class="kg-bookmark-description">What you should consider when choosing a third-party NPM library for your project.</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://cdn-static-1.medium.com/_/fp/icons/Medium-Avatar-500x500.svg" alt="Best Practices for Using NPM packages"><span class="kg-bookmark-author">Bits and Pieces</span><span class="kg-bookmark-publisher">Yasas Sri Wickramasinghe</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://miro.medium.com/max/1200/1*Pmdbsq08Jd_Y2d8w29i7Xg.jpeg" alt="Best Practices for Using NPM packages"></div></a></figure>]]></content:encoded></item><item><title><![CDATA[Google Chrome Hidden Features Every Developer Should Know]]></title><description><![CDATA[This article discusses five powerful yet uncommon Chrome DevTools experimental features. Below are the five main features to focus on. ]]></description><link>https://readclub.me/google-chrome-developer-tools/</link><guid isPermaLink="false">6346b60662242837d7ab5298</guid><category><![CDATA[google chrome]]></category><category><![CDATA[chrome]]></category><category><![CDATA[devtools]]></category><category><![CDATA[web design]]></category><dc:creator><![CDATA[Yasas Sri Wickramasinghe]]></dc:creator><pubDate>Wed, 12 Oct 2022 12:49:56 GMT</pubDate><media:content url="https://readclub.me/content/images/2022/10/1-PFJ5UGke-8gze_lcmzX5fw.jpeg" medium="image"/><content:encoded><![CDATA[<img src="https://readclub.me/content/images/2022/10/1-PFJ5UGke-8gze_lcmzX5fw.jpeg" alt="Google Chrome Hidden Features Every Developer Should Know"><p>This article discusses five powerful yet uncommon Chrome DevTools experimental features. Below are the five main features to focus on. </p><!--kg-card-begin: html--><amp-auto-ads type="adsense" data-ad-client="ca-pub-9588250048821786">
</amp-auto-ads>
<!--kg-card-end: html--><p><strong>1. CSS Overview &#x2014; Every bit and piece of styles</strong></p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/1-2UARjBrielEWvEQGmNRB3w.png" class="kg-image" alt="Google Chrome Hidden Features Every Developer Should Know" loading="lazy" width="2000" height="1289" srcset="https://readclub.me/content/images/size/w600/2022/10/1-2UARjBrielEWvEQGmNRB3w.png 600w, https://readclub.me/content/images/size/w1000/2022/10/1-2UARjBrielEWvEQGmNRB3w.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/1-2UARjBrielEWvEQGmNRB3w.png 1600w, https://readclub.me/content/images/size/w2400/2022/10/1-2UARjBrielEWvEQGmNRB3w.png 2400w" sizes="(min-width: 720px) 720px"></figure><p><strong>2. CSP Violations &#x2014; Warns for possible security vulnerabilities</strong></p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/1-oaTaMGZS1zKot8dJ5vsi3w.png" class="kg-image" alt="Google Chrome Hidden Features Every Developer Should Know" loading="lazy" width="1400" height="498" srcset="https://readclub.me/content/images/size/w600/2022/10/1-oaTaMGZS1zKot8dJ5vsi3w.png 600w, https://readclub.me/content/images/size/w1000/2022/10/1-oaTaMGZS1zKot8dJ5vsi3w.png 1000w, https://readclub.me/content/images/2022/10/1-oaTaMGZS1zKot8dJ5vsi3w.png 1400w" sizes="(min-width: 720px) 720px"></figure><p><strong>3. New Font Editor Tools &#x2014; Flip font styles instantly</strong></p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/1-qMUCY5GN6DplhkiOOz9lOA.gif" class="kg-image" alt="Google Chrome Hidden Features Every Developer Should Know" loading="lazy" width="800" height="452" srcset="https://readclub.me/content/images/size/w600/2022/10/1-qMUCY5GN6DplhkiOOz9lOA.gif 600w, https://readclub.me/content/images/2022/10/1-qMUCY5GN6DplhkiOOz9lOA.gif 800w" sizes="(min-width: 720px) 720px"></figure><p><strong>4. Dual Screen Mode &#x2014; Emulate dual screens for foldable devices</strong></p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/1-l_TbtiYfm_xaNVHJk9bCYg.png" class="kg-image" alt="Google Chrome Hidden Features Every Developer Should Know" loading="lazy" width="1400" height="968" srcset="https://readclub.me/content/images/size/w600/2022/10/1-l_TbtiYfm_xaNVHJk9bCYg.png 600w, https://readclub.me/content/images/size/w1000/2022/10/1-l_TbtiYfm_xaNVHJk9bCYg.png 1000w, https://readclub.me/content/images/2022/10/1-l_TbtiYfm_xaNVHJk9bCYg.png 1400w" sizes="(min-width: 720px) 720px"></figure><p><strong>5. Full Accessibility Tree View &#x2014; Inspect elements with more accessibility details</strong></p><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/1-KRikkliMonM5WaFfWJDG7w.png" class="kg-image" alt="Google Chrome Hidden Features Every Developer Should Know" loading="lazy" width="1400" height="880" srcset="https://readclub.me/content/images/size/w600/2022/10/1-KRikkliMonM5WaFfWJDG7w.png 600w, https://readclub.me/content/images/size/w1000/2022/10/1-KRikkliMonM5WaFfWJDG7w.png 1000w, https://readclub.me/content/images/2022/10/1-KRikkliMonM5WaFfWJDG7w.png 1400w" sizes="(min-width: 720px) 720px"></figure><p></p><blockquote class="kg-blockquote-alt"><strong>Interested to know how to enable these features? </strong></blockquote><figure class="kg-card kg-bookmark-card"><a class="kg-bookmark-container" href="https://blog.bitsrc.io/google-chrome-experimental-features-for-developers-a9a7cc9d1b30?ref=readclub.me"><div class="kg-bookmark-content"><div class="kg-bookmark-title">Google Chrome Hidden Features Every Developer Should Know</div><div class="kg-bookmark-description">Google Chrome experiments you should try</div><div class="kg-bookmark-metadata"><img class="kg-bookmark-icon" src="https://cdn-static-1.medium.com/_/fp/icons/Medium-Avatar-500x500.svg" alt="Google Chrome Hidden Features Every Developer Should Know"><span class="kg-bookmark-author">Bits and Pieces</span><span class="kg-bookmark-publisher">Yasas Sri Wickramasinghe</span></div></div><div class="kg-bookmark-thumbnail"><img src="https://miro.medium.com/max/1200/1*PFJ5UGke-8gze_lcmzX5fw.jpeg" alt="Google Chrome Hidden Features Every Developer Should Know"></div></a></figure>]]></content:encoded></item><item><title><![CDATA[Computer Architect’s View on Apple M1 Ultra Chip]]></title><description><![CDATA[This article brings you a detailed review of the Apple M1 Ultra chip, which was included as one of two processor variations available with Apple’s Mac Studio, more focused on the CPU organization, architecture and data flow.]]></description><link>https://readclub.me/computer-architects-view-on-apple-m1-ultra-chip/</link><guid isPermaLink="false">63469737b302a104b271a153</guid><category><![CDATA[courses]]></category><category><![CDATA[computer architecture]]></category><category><![CDATA[computer organization]]></category><dc:creator><![CDATA[Yasas Sri Wickramasinghe]]></dc:creator><pubDate>Wed, 12 Oct 2022 11:16:40 GMT</pubDate><media:content url="https://readclub.me/content/images/2022/10/1-ytsXPGJ55SZEM5rmVQpXcw.png" medium="image"/><content:encoded><![CDATA[<blockquote class="kg-blockquote-alt">Did Apple Just Release a Breakthrough Design in CPU Structure and Organization?</blockquote><img src="https://readclub.me/content/images/2022/10/1-ytsXPGJ55SZEM5rmVQpXcw.png" alt="Computer Architect&#x2019;s View on Apple M1 Ultra Chip"><p>The Apple event on 8th March 2022 unleashed a truly unprecedented computer system packed in a boxy compact design. They called this machine the &#x201C;Mac Studio&#x201D;.</p><p>As an enthusiast and researcher on computer architecture, the CPU design included in Mac Studio caught my attention. It made me think that did Apple just release a breakthrough System On Chip (SoC)</p><p>This article brings you a detailed review of the Apple M1 Ultra chip, which was included as one of two processor variations available with Apple&#x2019;s Mac Studio, more focused on the CPU organization, architecture and data flow.</p><h1 id="apple-silicon-m1-series">Apple Silicon M1 Series</h1><p>The long Intel chip history in apple products is gradually coming to an end with the M1 Series of Apple&#x2019;s in-house silicon chips. It is exciting to see the breakthrough change that Apple brings into their MacBooks, iPads, and many more devices.</p><p>They first released the M1 chip in November 2020 with MacBook Air to the market, and it was a big HIT! The processor&#x2019;s efficiency was top-notch, and the MacBook Air laptops had ~10-hour battery life without compromising performance.</p><p>The Apple M1 Pro and M1 Max chips were another step ahead, released on October 2021 Apple event featuring high-performance MacBook Pro models.</p><p>A few weeks ago, Apple released their latest M1 Chip, Ultra with &#x201C;Mac Studio,&#x201D; and they <a href="https://www.apple.com/newsroom/2022/03/apple-unveils-m1-ultra-the-worlds-most-powerful-chip-for-a-personal-computer/?ref=readclub.me" rel="noopener ugc nofollow">claim</a> this chip to be the &#x201C;world&#x2019;s most powerful chip for a personal computer.&#x201D;</p><figure class="kg-card kg-image-card"><img src="https://miro.medium.com/max/1400/1*fPxNqTlJu3J3uWCmO4KvIw.png" class="kg-image" alt="Computer Architect&#x2019;s View on Apple M1 Ultra Chip" loading="lazy" width="700" height="420"></figure><p>Usually, general-purpose computers use Complex Instruction Set Computing (CISC) architecture for CPUs. Still, the Apple M1 platform is based on ARM, in Reduced Instruction Set Computing (RISC). RISC Processors are mostly used for mobile computing devices such as smartphones.</p><blockquote class="kg-blockquote-alt">But how did Apple adapt the RISC architecture for their high-performance laptops and nail the benchmark scores?</blockquote><p>Let&#x2019;s analyze the Apple M1 Chip Structure from a Computer architect&#x2019;s point of view.</p><hr><h3 id="computer-architectures-%E2%80%94-risc-and-cisc">Computer Architectures &#x2014; RISC and CISC</h3><p>There are two main CPU design architectures in-use today. Based on the Instruction Set Architecture, this categorization is done as below.</p><ol><li>Reduced Instruction Set Computing (RISC)</li><li>Complex Instruction Set Computing (CISC)</li></ol><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/max/1400/1*ADhLTK-PJSWec0-fVzAgow.png" class="kg-image" alt="Computer Architect&#x2019;s View on Apple M1 Ultra Chip" loading="lazy" width="700" height="363"><figcaption>Two different CPU designs</figcaption></figure><p>In a nutshell, Instruction Set Architecture (ISA) is a well-defined hardware/software interface that acts as a &#x201C;contract&#x201D; between software and hardware. Instruction Set provides the ability to perform operations such as add, multiply, branch, load, store, etc.</p><p>If the CPU is RISC, that denotes a small, highly compact ISA, which is more optimized to run on the processor. So definitely, it sounds more efficient but limited in flexibility. That is why the RISC is a prominent candidate for mobile CPU design.</p><p>On the other hand, CISC is a more complicated yet flexible design, allowing a more comprehensive range of instruction. Still, it asks for more CPU clock cycles to execute instructions. This is commonly used for general-purpose computers.</p><hr><h3 id="learn-more-about-computer-architecture">Learn more about Computer Architecture</h3><p>Are you a university student reading for Computer Science or Information Technology subjects, or curious to learn how computers work at the hardware level?</p><p>I released my latest course &#x2014; The Computer Architecture and Computer Organization Full Course, on Udemy. I packed everything you need to know about the subject, including Instruction Set Architecture, RISC and CISC, Calculating Performance Benchmark Scores, etc.</p><figure class="kg-card kg-image-card"><img src="https://miro.medium.com/max/1400/1*i5ShHx6D4H0pTMjOzQx0yA.png" class="kg-image" alt="Computer Architect&#x2019;s View on Apple M1 Ultra Chip" loading="lazy" width="700" height="393"></figure><p>If you like to learn Computer Organization and Architecture with the latest examples, tools, and concepts, click here to enrol in <a href="https://www.udemy.com/course/computer-organization-and-architecture-course-masterclass/?referralCode=283EE8EE4B939642F32B&amp;ref=readclub.me" rel="noopener ugc nofollow">my new course.</a></p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/max/1400/1*SxBMzJVXteOLxi4SGYnYSA.png" class="kg-image" alt="Computer Architect&#x2019;s View on Apple M1 Ultra Chip" loading="lazy" width="700" height="121"><figcaption><strong><strong>Enrol in learning </strong></strong><a href="https://www.udemy.com/course/computer-organization-and-architecture-course-masterclass/?referralCode=283EE8EE4B939642F32B&amp;ref=readclub.me" rel="noopener ugc nofollow"><strong><strong>Computer Architecture and Organization</strong></strong></a> <strong><strong>now</strong></strong></figcaption></figure><div class="kg-card kg-button-card kg-align-center"><a href="https://www.udemy.com/course/computer-organization-and-architecture-course-masterclass/?referralCode=283EE8EE4B939642F32B&amp;ref=readclub.me" class="kg-btn kg-btn-accent">Join Now</a></div><hr><h2 id="cpu-organization-of-m1-ultra-and-performance">CPU Organization of M1 Ultra and Performance</h2><p>The System on Chip (SoC) M1 chipset is remarkably efficient due to its energy-efficient and high-performance cores. M1 chip is already a considerable performance gain featured on MacBook Air 2020 models. It evolved so much until the M1 Max, which now features on MacBook Pros.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/max/1400/1*Mc2BsKevMe_1bT7YIimHyw.jpeg" class="kg-image" alt="Computer Architect&#x2019;s View on Apple M1 Ultra Chip" loading="lazy" width="700" height="394"><figcaption>M1 Chip Series (Image from <a class="au mq" href="https://www.apple.com/newsroom/2022/03/apple-unveils-m1-ultra-the-worlds-most-powerful-chip-for-a-personal-computer/?ref=readclub.me" rel="noopener ugc nofollow" target="_blank" style="box-sizing: inherit; color: inherit; text-decoration: underline;">Apple Newsroom</a>)</figcaption></figure><p>The Ultra chip design is incredibly simple at a glance, but an engineering marvel in another hand. The M1 Ultra chip is literally a combination of 2 M1 Max chips.</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://miro.medium.com/max/1400/1*KZdK1lXgRLmTZ1NtCq-WeQ.jpeg" class="kg-image" alt="Computer Architect&#x2019;s View on Apple M1 Ultra Chip" loading="lazy" width="700" height="394"><figcaption>M1 Ultra SoC Design (Image from <a class="au mq" href="https://www.apple.com/newsroom/2022/03/apple-unveils-m1-ultra-the-worlds-most-powerful-chip-for-a-personal-computer/?ref=readclub.me" rel="noopener ugc nofollow" target="_blank" style="box-sizing: inherit; color: inherit; text-decoration: underline;">Apple Newsroom</a>)</figcaption></figure><p>It is not magic to connect two chips together, but how Apple created this connection is a breakthrough. They call this technology <strong>UltraFusion Architecture.</strong></p><h2 id="the-ultrafusion-architecture">The UltraFusion Architecture</h2><p>This is a custom-built packaging architecture that Apple used to design the M1 Ultra Chip. A most conventional way of improving performance is to connect two chips via motherboard busses. Still, it gives a number of bottlenecks in terms of data transfer latencies and less power-efficient designs. However, Apple&#x2019;s invented a state-of-the-art architecture that uses a silicon interposer and connects the chips across more than 10,000 signals, providing a massive 2.5TB/s of low latency, 4x inter-processor bandwidth of the leading multi-chip interconnect technologies. This made the M1 Ultra chip a truly groundbreaking product.</p><h1 id="final-thoughts">Final Thoughts</h1><p>We are not surprised to witness dramatic performance improvements in computer processors every year. Moore&#x2019;s Law also presents this fact.</p><blockquote><strong>The number of transistors in a dense integrated circuit (IC) doubles every two years</strong>. &#x2014; Gordon Moore in 1965</blockquote><p>However, the Apple M1 Ultra Architecture brings a big performance leap in an energy-efficient manner. This article analyzed this breakthrough innovation from a computer architect&#x2019;s perspective.</p><p>The M1 Ultra is available only on the &#x201C;Mac Studio&#x201D; device yet, costing a few thousand bucks. Sometimes, consumers only focus on performance. Still, it is worth mentioning that power consumption, thermal performance, and price are critical.</p><p>I hope this article helps you explore more Computer Organization and Architecture and make your buying decisions with more knowledge. Thank you for reading!</p><figure class="kg-card kg-image-card"><img src="https://miro.medium.com/max/1400/1*Hazw68SJEzW9FnuYVViQQA.png" class="kg-image" alt="Computer Architect&#x2019;s View on Apple M1 Ultra Chip" loading="lazy" width="700" height="343"></figure>]]></content:encoded></item><item><title><![CDATA[Beginners Guide to Augmented Reality Game Development]]></title><description><![CDATA[Step by step tutorial to designing state-of-the-art AR apps with Niantic Lightship ARDK for Android and iOS]]></description><link>https://readclub.me/game-development-with-augmented-reality/</link><guid isPermaLink="false">6341a1d4bac78d1d467527e3</guid><category><![CDATA[augmented reality]]></category><category><![CDATA[lightship]]></category><category><![CDATA[game development]]></category><dc:creator><![CDATA[Yasas Sri Wickramasinghe]]></dc:creator><pubDate>Sun, 09 Oct 2022 05:43:13 GMT</pubDate><media:content url="https://readclub.me/content/images/2022/11/Beginners-Guide-to-Augmented-Reality-Game-Development.webp" medium="image"/><content:encoded><![CDATA[<img src="https://readclub.me/content/images/2022/11/Beginners-Guide-to-Augmented-Reality-Game-Development.webp" alt="Beginners Guide to Augmented Reality Game Development"><p>Step by step tutorial to designing state-of-the-art AR apps with Niantic Lightship ARDK for Android and iOS</p><figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://images.unsplash.com/photo-1590126141992-d6a613152c77?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=MnwxMTc3M3wwfDF8c2VhcmNofDF8fGF1Z21lbnRlZCUyMHJlYWxpdHl8ZW58MHx8fHwxNjY1MjQ1NzA1&amp;ixlib=rb-1.2.1&amp;q=80&amp;w=2000" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="4032" height="3024" srcset="https://images.unsplash.com/photo-1590126141992-d6a613152c77?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=MnwxMTc3M3wwfDF8c2VhcmNofDF8fGF1Z21lbnRlZCUyMHJlYWxpdHl8ZW58MHx8fHwxNjY1MjQ1NzA1&amp;ixlib=rb-1.2.1&amp;q=80&amp;w=600 600w, https://images.unsplash.com/photo-1590126141992-d6a613152c77?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=MnwxMTc3M3wwfDF8c2VhcmNofDF8fGF1Z21lbnRlZCUyMHJlYWxpdHl8ZW58MHx8fHwxNjY1MjQ1NzA1&amp;ixlib=rb-1.2.1&amp;q=80&amp;w=1000 1000w, https://images.unsplash.com/photo-1590126141992-d6a613152c77?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=MnwxMTc3M3wwfDF8c2VhcmNofDF8fGF1Z21lbnRlZCUyMHJlYWxpdHl8ZW58MHx8fHwxNjY1MjQ1NzA1&amp;ixlib=rb-1.2.1&amp;q=80&amp;w=1600 1600w, https://images.unsplash.com/photo-1590126141992-d6a613152c77?crop=entropy&amp;cs=tinysrgb&amp;fit=max&amp;fm=jpg&amp;ixid=MnwxMTc3M3wwfDF8c2VhcmNofDF8fGF1Z21lbnRlZCUyMHJlYWxpdHl8ZW58MHx8fHwxNjY1MjQ1NzA1&amp;ixlib=rb-1.2.1&amp;q=80&amp;w=2400 2400w" sizes="(min-width: 720px) 720px"><figcaption>Photo by <a href="https://unsplash.com/@uniboa?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit">UNIBOA</a> / <a href="https://unsplash.com/?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit">Unsplash</a></figcaption></figure><h2 id="prerequisites">Prerequisites</h2><ul><li>Install <a href="https://unity3d.com/get-unity/download?ref=readclub.me">Unity Hub</a> </li><li>Install <a href="https://prf.hn/click/camref:1011lr4gQ?ref=readclub.me">Unity version 2020.3.2f1</a></li><li>Download Niantic <a href="https://lightship.dev/account/downloads?ref=readclub.me">Lightship ARDK</a>, Lightship Example Projects, ARDK Sample Mock Meshes, ARDK Mock Environments and Lightship Hub files</li></ul><!--kg-card-begin: html--><amp-auto-ads type="adsense" data-ad-client="ca-pub-9588250048821786">
</amp-auto-ads><!--kg-card-end: html--><h3 id="optional">Optional</h3><ul><li><a href="https://developer.apple.com/programs/enroll/?ref=readclub.me">Apple Developer Account</a> and <a href="https://developer.apple.com/xcode/?ref=readclub.me">XCode</a> (if you plan to create apps for iOS (You need to have a Mac also)</li><li><a href="https://lightship.dev/docs/building_android.html?ref=readclub.me">Android SDK</a> <em>(if you plan to create apps for Android, this can be downloaded via Unity as well)</em></li></ul><hr><h3 id="step-01-open-unity-hub">Step 01: Open Unity Hub</h3><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-9.37.40-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="2000" height="1158" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-10-at-9.37.40-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-10-at-9.37.40-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-10-at-9.37.40-PM.png 1600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-9.37.40-PM.png 2028w" sizes="(min-width: 720px) 720px"></figure><h3 id="step-02-create-a-new-unity-3d3d-mobile-project">Step 02: Create a New Unity 3D/3D Mobile Project</h3><ul><li>Go to Create -&gt; New Project and select the 3D (or 3D Mobile) template. </li><li>Give a project name and click the &quot;Create project&quot; button.</li></ul><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-9.40.39-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="2000" height="1163" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-10-at-9.40.39-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-10-at-9.40.39-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-10-at-9.40.39-PM.png 1600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-9.40.39-PM.png 2030w" sizes="(min-width: 720px) 720px"></figure><ul><li>It will take a few minutes, and you will get a new Unity 3D project.</li></ul><figure class="kg-card kg-image-card kg-width-full"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-9.57.11-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="2000" height="1250" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-10-at-9.57.11-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-10-at-9.57.11-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-10-at-9.57.11-PM.png 1600w, https://readclub.me/content/images/size/w2400/2022/10/Screenshot-2022-10-10-at-9.57.11-PM.png 2400w"></figure><h3 id="step-03-importing-lightship-ardk-packages-to-unity">Step 03: Importing Lightship ARDK packages to Unity</h3><ul><li>Import ARDK files to Unity via Assets --&gt; Import Package --&gt; Custom Package</li><li>Make sure to select all the downloaded files following the above process starting with <code>ardk-x.x.x.unitypackage</code>.</li></ul><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-10.05.09-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="1206" height="1200" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-10-at-10.05.09-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-10-at-10.05.09-PM.png 1000w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-10.05.09-PM.png 1206w" sizes="(min-width: 720px) 720px"></figure><h3 id="step-04-integrate-lightship-ardk-account-with-unity-project">Step 04: Integrate Lightship ARDK Account with Unity Project</h3><ul><li>Create an account on the <a href="https://lightship.dev/?ref=readclub.me">Lightship Developer Platform</a>.</li><li>Login to your Lightship developer account, go to the Projects section and click on the &quot;New Project&quot; button to create a new project.</li></ul><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-10.17.18-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="2000" height="555" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-10-at-10.17.18-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-10-at-10.17.18-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-10-at-10.17.18-PM.png 1600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-10.17.18-PM.png 2010w" sizes="(min-width: 720px) 720px"></figure><ul><li>You can rename your newly created project and create a new API key by clicking the &quot;+Create New Key&quot; button. Then you need to copy your newly created API key by clicking the Copy button.</li></ul><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-10.53.53-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="1984" height="1090" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-10-at-10.53.53-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-10-at-10.53.53-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-10-at-10.53.53-PM.png 1600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-10.53.53-PM.png 1984w" sizes="(min-width: 720px) 720px"></figure><ul><li>Then open Configuration Helper Window through Lightship --&gt; Lightship Hub --&gt; Configuration Helper Window.</li></ul><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-11.16.32-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="1700" height="1296" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-10-at-11.16.32-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-10-at-11.16.32-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-10-at-11.16.32-PM.png 1600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-10-at-11.16.32-PM.png 1700w" sizes="(min-width: 720px) 720px"></figure><ul><li>Paste the previously copied API key to the &quot;API Key&quot; input box and click the &quot;Setup&quot; button.</li><li>You may get a popup message to confirm the API key submission is successful. Now you may close the &quot;Configuration Helper&quot; window.</li></ul><div class="kg-card kg-callout-card kg-callout-card-grey"><div class="kg-callout-emoji">&#x26A0;&#xFE0F;</div><div class="kg-callout-text">Make sure you have only one ArdkAuthCongig.asset in your Project. You can search and verify it. If multiple ArdkAuthConfig.asset files are found, delete the duplicates and keep only one (which is located at <em>Assets/LightshipHUB/Resources/ARDK path.)</em></div></div><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-11-at-6.42.37-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="1956" height="672" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-11-at-6.42.37-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-11-at-6.42.37-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-11-at-6.42.37-PM.png 1600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-11-at-6.42.37-PM.png 1956w" sizes="(min-width: 720px) 720px"></figure><div class="kg-card kg-header-card kg-width-full kg-size-small kg-style-image" style="background-image: url(https://readclub.me/content/images/2022/10/renato-ramos-puma-UrOeJ0cLXAw-unsplash.jpg)" data-kg-background-image="https://readclub.me/content/images/2022/10/renato-ramos-puma-UrOeJ0cLXAw-unsplash.jpg"><h2 class="kg-header-card-header" id="subscribe-readclub%E2%84%A2">Subscribe ReadClub&#x2122;</h2><h3 class="kg-header-card-subheader" id="receive-the-latest-blog-posts-directly-to-your-email-for-free">Receive the Latest Blog Posts Directly to Your Email for FREE</h3><a href="https://readclub.me/#/portal/signup" class="kg-header-card-button">Subscribe Now</a></div><h3 id="step-05-use-lightship-templates">Step 05: Use Lightship Templates</h3><ul><li>Open Lightship Hub through Lightship --&gt; Lightship Hub --&gt; Welcome</li></ul><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-11-at-8.21.03-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="774" height="438" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-11-at-8.21.03-PM.png 600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-11-at-8.21.03-PM.png 774w" sizes="(min-width: 720px) 720px"></figure><ul><li>You will get get &quot;Lightship Templates Gallery&quot; window. </li><li>These pre-made AR applications include various AR functionalities ranging from basic AR object placement to Shared AR and Visual Positioning System (VPS) based experiences. </li><li>As a beginner, you can use one of these templates and customize one to get familiar with AR. </li></ul><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-11-at-8.21.42-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="1926" height="1448" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-11-at-8.21.42-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-11-at-8.21.42-PM.png 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screenshot-2022-10-11-at-8.21.42-PM.png 1600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-11-at-8.21.42-PM.png 1926w" sizes="(min-width: 720px) 720px"></figure><ul><li>Let&apos;s pick the &quot;Object Placement&quot; template. Once you click on it, your Unity will be updated with all the project resources and configurations.</li></ul><h3 id="step-06-use-mock-environment-and-test-the-ar-app">Step 06: Use Mock Environment and Test the AR App</h3><ul><li>Now you have an AR app ready to test. But first, let&apos;s open Virtual Studio and load a mock environment so you can test your AR app within the Unity editor.</li><li>Go to Lightship --&gt; ARDK --&gt; Virtual Studio</li></ul><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-11-at-8.52.36-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="700" height="306" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-11-at-8.52.36-PM.png 600w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-11-at-8.52.36-PM.png 700w"></figure><ul><li>You will get the Lightship Virtual Studio as below. Next, go to the &quot;Mock&quot; tab and select &quot;MeshInteriorScene&quot; from the Mock Scene drop-down.</li></ul><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-11-at-8.58.25-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="1036" height="1274" srcset="https://readclub.me/content/images/size/w600/2022/10/Screenshot-2022-10-11-at-8.58.25-PM.png 600w, https://readclub.me/content/images/size/w1000/2022/10/Screenshot-2022-10-11-at-8.58.25-PM.png 1000w, https://readclub.me/content/images/2022/10/Screenshot-2022-10-11-at-8.58.25-PM.png 1036w" sizes="(min-width: 720px) 720px"></figure><ul><li>Now you can run your AR app by clicking the run button on top of your Unity editor.</li></ul><figure class="kg-card kg-image-card"><img src="https://readclub.me/content/images/2022/10/Screenshot-2022-10-11-at-9.00.07-PM.png" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="332" height="56"></figure><ul><li>You can use the mouse and WASD keys to navigate the mock environment and place the AR object on horizontal surfaces.</li></ul><figure class="kg-card kg-image-card kg-width-full"><img src="https://readclub.me/content/images/2022/10/Screen-Recording-2022-10-11-at-9.01.33-PM-2.gif" class="kg-image" alt="Beginners Guide to Augmented Reality Game Development" loading="lazy" width="2000" height="1250" srcset="https://readclub.me/content/images/size/w600/2022/10/Screen-Recording-2022-10-11-at-9.01.33-PM-2.gif 600w, https://readclub.me/content/images/size/w1000/2022/10/Screen-Recording-2022-10-11-at-9.01.33-PM-2.gif 1000w, https://readclub.me/content/images/size/w1600/2022/10/Screen-Recording-2022-10-11-at-9.01.33-PM-2.gif 1600w, https://readclub.me/content/images/size/w2400/2022/10/Screen-Recording-2022-10-11-at-9.01.33-PM-2.gif 2400w"></figure>]]></content:encoded></item></channel></rss>