diff options
Diffstat (limited to 'feed.rss')
| -rw-r--r-- | feed.rss | 6 |
1 files changed, 3 insertions, 3 deletions
@@ -1,4 +1,4 @@ -<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content"><channel><title>Navan Chauhan</title><description>Welcome to my personal fragment of the internet. Majority of the posts should be complete.</description><link>https://navanchauhan.github.io/</link><language>en</language><lastBuildDate>Sat, 1 Aug 2020 17:00:53 +0530</lastBuildDate><pubDate>Sat, 1 Aug 2020 17:00:53 +0530</pubDate><ttl>250</ttl><atom:link href="https://navanchauhan.github.io/feed.rss" rel="self" type="application/rss+xml"/><item><guid isPermaLink="true">https://navanchauhan.github.io/posts/2020-08-01-Natural-Feature-Tracking-ARJS</guid><title>Introduction to AR.js and Natural Feature Tracking</title><description>An introduction to AR.js and NFT</description><link>https://navanchauhan.github.io/posts/2020-08-01-Natural-Feature-Tracking-ARJS</link><pubDate>Sat, 1 Aug 2020 15:43:00 +0530</pubDate><content:encoded><![CDATA[<h1>Introduction to AR.js and Natural Feature Tracking</h1><h2>AR.js</h2><p>AR.js is a lightweight library for Augmented Reality on the Web, coming with features like Image Tracking, Location based AR and Marker tracking. It is the easiest option for cross-browser augmented reality.</p><p>The same code works for iOS, Android, Desktops and even VR Browsers!</p><p>It weas initially created by Jerome Etienne and is now maintained by Nicolo Carpignoli and the AR-js Organisation</p><h2>NFT</h2><p>Usually for augmented reality you need specialised markers, like this Hiro marker (notice the thick non-aesthetic borders 🤢)</p><img src="https://upload.wikimedia.org/wikipedia/commons/4/48/Hiro_marker_ARjs.png"/><p>This is called marker based tracking where the code knows what to look for. NFT or Natural Feature Tracing converts normal images into markers by extracting 'features' from it, this way you can use any image of your liking!</p><p>I'll be using my GitHub profile picture</p><img src="https://navanchauhan.github.io//images/me.jpeg"/><h2>Creating the Marker!</h2><p>First we need to create the marker files required by AR.js for NFT. For this we use Carnaux's repository 'NFT-Marker-Creator'.</p><pre><code><div class="highlight"><span></span>$ git clone https://github.com/Carnaux/NFT-Marker-Creator +<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content"><channel><title>Navan Chauhan</title><description>Welcome to my personal fragment of the internet. Majority of the posts should be complete.</description><link>https://navanchauhan.github.io/</link><language>en</language><lastBuildDate>Tue, 15 Sep 2020 15:40:39 +0530</lastBuildDate><pubDate>Tue, 15 Sep 2020 15:40:39 +0530</pubDate><ttl>250</ttl><atom:link href="https://navanchauhan.github.io/feed.rss" rel="self" type="application/rss+xml"/><item><guid isPermaLink="true">https://navanchauhan.github.io/posts/2020-08-01-Natural-Feature-Tracking-ARJS</guid><title>Introduction to AR.js and Natural Feature Tracking</title><description>An introduction to AR.js and NFT</description><link>https://navanchauhan.github.io/posts/2020-08-01-Natural-Feature-Tracking-ARJS</link><pubDate>Sat, 1 Aug 2020 15:43:00 +0530</pubDate><content:encoded><![CDATA[<h1>Introduction to AR.js and Natural Feature Tracking</h1><h2>AR.js</h2><p>AR.js is a lightweight library for Augmented Reality on the Web, coming with features like Image Tracking, Location based AR and Marker tracking. It is the easiest option for cross-browser augmented reality.</p><p>The same code works for iOS, Android, Desktops and even VR Browsers!</p><p>It weas initially created by Jerome Etienne and is now maintained by Nicolo Carpignoli and the AR-js Organisation</p><h2>NFT</h2><p>Usually for augmented reality you need specialised markers, like this Hiro marker (notice the thick non-aesthetic borders 🤢)</p><img src="https://upload.wikimedia.org/wikipedia/commons/4/48/Hiro_marker_ARjs.png"/><p>This is called marker based tracking where the code knows what to look for. NFT or Natural Feature Tracing converts normal images into markers by extracting 'features' from it, this way you can use any image of your liking!</p><p>I'll be using my GitHub profile picture</p><img src="https://navanchauhan.github.io//images/me.jpeg"/><h2>Creating the Marker!</h2><p>First we need to create the marker files required by AR.js for NFT. For this we use Carnaux's repository 'NFT-Marker-Creator'.</p><pre><code><div class="highlight"><span></span>$ git clone https://github.com/Carnaux/NFT-Marker-Creator Cloning into <span class="s1">'NFT-Marker-Creator'</span>... remote: Enumerating objects: <span class="m">79</span>, <span class="k">done</span>. @@ -425,9 +425,9 @@ Serving HTTP on <span class="m">0</span>.0.0.0 port <span class="m">8000</span> <span class="p"><</span><span class="nt">a-torus-knot</span> <span class="na">radius</span><span class="o">=</span><span class="s">'0.26'</span> <span class="na">radius-tubular</span><span class="o">=</span><span class="s">'0.05'</span> <span class="p">></</span><span class="nt">a-torus-knot</span><span class="p">></span> <span class="p"></</span> <span class="nt">a-box</span><span class="p">></span> <span class="p"></</span> <span class="nt">a-nft</span><span class="p">></span> -</div></code></pre><img src="https://navanchauhan.github.io//assets/posts/arjs/03-knot.png"/><h2>Where are the GIFs?</h2><p>Now that we know how to place a box in the scene and add a torus knot in it, what do we do next? We bring the classic internet back!</p><p><code>AFrame GIF Shader</code> is a gif shader for A-Frame created by mayognaise.</p><h3>First things first</h3><p>Add <code><script src="https://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.js"></script> </code> to <code><head></code></p><h3>🎦</h3><p>Change the box's material to add the GIF shader</p><pre><code><div class="highlight"><span></span>... +</div></code></pre><img src="https://navanchauhan.github.io//assets/posts/arjs/03-knot.png"/><h2>Where are the GIFs?</h2><p>Now that we know how to place a box in the scene and add a torus knot in it, what do we do next? We bring the classic internet back!</p><p><code>AFrame GIF Shader</code> is a gif shader for A-Frame created by mayognaise.</p><h3>First things first</h3><p>Add <code><script src="https://rawgit.com/mayognaise/aframe-gif-shader/master/dist/aframe-gif-shader.min.js"></script> </code> to <code><head></code></p><p>Change the box's material to add the GIF shader</p><pre><code><div class="highlight"><span></span>... <span class="p"><</span><span class="nt">a-box</span> <span class="na">position</span><span class="o">=</span><span class="s">'100 0.5 -180'</span> <span class="na">material</span><span class="o">=</span><span class="s">"shader:gif;src:url(https://media.tenor.com/images/412b1aa9149d98d561df62db221e0789/tenor.gif);opacity:.5"</span> <span class="err">.....</span><span class="p">></span> -</div></code></pre><img src="https://navanchauhan.github.io//assets/posts/arjs/04-nyan.gif"/><h2>Bonus Idea: Integrate it with GitHub's new profile Readme Feature!</h2><h3>1) Host the code using GitHub Pages</h3><h3>2) Create a new repository ( the name should be your GitHub username )</h3><h3>3) Add QR Code to the page and tell the users to scan your profile picture</h3><h3>Profit 💸</h3><p>Here is a demo of me scanning a rounded version of my profile picture ( It still works! Even though the image is cropped and I haven't changed any line of code )</p><img src="https://navanchauhan.github.io//assets/posts/arjs/05-GitHub.jpg"/>]]></content:encoded></item><item><guid isPermaLink="true">https://navanchauhan.github.io/posts/2020-07-01-Install-rdkit-colab</guid><title></title><description>Install RDKit on Google Colab with one code snippet.</description><link>https://navanchauhan.github.io/posts/2020-07-01-Install-rdkit-colab</link><pubDate>Wed, 1 Jul 2020 14:23:00 +0530</pubDate><content:encoded><![CDATA[<p>RDKit is one of the most integral part of any Cheminfomatic specialist's toolkit but it is notoriously difficult to install unless you already have <code>conda</code> installed. I originally found this in a GitHub Gist but I have not been able to found that gist again :/</p><p>Just copy and paste this in a Colab cell and it will install it 👍</p><pre><code><div class="highlight"><span></span><span class="kn">import</span> <span class="nn">sys</span> +</div></code></pre><img src="https://navanchauhan.github.io//assets/posts/arjs/04-nyan.gif"/><h2>Bonus Idea: Integrate it with GitHub's new profile Readme Feature!</h2><h3>1) Host the code using GitHub Pages</h3><h3>2) Create a new repository ( the name should be your GitHub username )</h3><h3>3) Add QR Code to the page and tell the users to scan your profile picture</h3><h3>??) Profit 💸</h3><p>Here is a screenshot of me scanning a rounded version of my profile picture ( It still works! Even though the image is cropped and I haven't changed any line of code )</p><img src="https://navanchauhan.github.io//assets/posts/arjs/05-GitHub.jpg"/>]]></content:encoded></item><item><guid isPermaLink="true">https://navanchauhan.github.io/posts/2020-07-01-Install-rdkit-colab</guid><title>Installing RDKit on Google Colab</title><description>Install RDKit on Google Colab with one code snippet.</description><link>https://navanchauhan.github.io/posts/2020-07-01-Install-rdkit-colab</link><pubDate>Wed, 1 Jul 2020 14:23:00 +0530</pubDate><content:encoded><![CDATA[<h1>Installing RDKit on Google Colab</h1><p>RDKit is one of the most integral part of any Cheminfomatic specialist's toolkit but it is notoriously difficult to install unless you already have <code>conda</code> installed. I originally found this in a GitHub Gist but I have not been able to find that gist again :/</p><p>Just copy and paste this in a Colab cell and it will install it 👍</p><pre><code><div class="highlight"><span></span><span class="kn">import</span> <span class="nn">sys</span> <span class="kn">import</span> <span class="nn">os</span> <span class="kn">import</span> <span class="nn">requests</span> <span class="kn">import</span> <span class="nn">subprocess</span> |