Posts

Getting Started With THREE.JS | Insert Your FIRST 3D Model into your Website

Image
CONCEPTS INCLUDED : Scene Renderer Camera Position Material Textures  Animation Controls   We start of with a pretty empty project Just a html boiler plate code :       Importing CDN :   We have the html boiler plate Now we need someway to get the three js into our project     Cdn website :   threejs cdn : https://www.jsdelivr.com/package/npm/three   WorkFlow :       For better understanding I will be using Wrestling or WWE as a theme .   SCENE :   1st we need an area / environment to place our 3d objects Like in wrestling we must have the ring to fight      Similarly here we have something called scene     So a Scene here is a 3d area which has x , y and z co-ordinates . Let's initialise it by saying scene = new THREE.Scene ()       RENDERER : Now we have our ring setup for our wrestling ready But we need a broadcasting service to actually display it in television     And that is called a renderer A renderer takes the components and renders our scene for us with th

Creating Custom VSCode Themes | How I built one | Complete Step By Step Process

Image
Creating Custom VSCode Themes | How I built one | Complete Step By Step Process STEP 1 : Install Yo Code Generator :  Yo Code Generator Docs npm install -g yo generator-code Run It :   yo code     Select -> New Color Theme     Select -> Start Fresh and Give it  Name , Description     Also Select -> Dark / Light / High Contrast based on what theme you want STEP : 2     cd into your theme folder     To See your Theme in action Press "F5" Run->Start Debugging to see a new window popup with your new Theme     * If you had multiple environments setup in your VSCode it may probably ask you to Select one , I overcame this by Choosing the launch.json and Adding Configuration for VScode Extension and Select Launch Extension in your Debug window STEP 3 :      The Themes .json file is where all the magic happens . You can change individual colors and see how it changes your theme .  Tools like Ctrl + Shift + P    ->  Developer: Inspect TM Scopes  , can help you inspect s

8 Awesome VSCode Themes for 2021 | Crazy Unique Themes to try | Old School | Different | Hacker | Neon

Image
8 Awesome VSCode Themes for 2021 Tired of using the same boring fonts , here are a set of new fonts that would help you feel like you are in a new coding environment and ultimately can help you with your workflow . You may not expect the same One Dark Pro or similar Styles over here . This is a collection of cool and crazy underrated themes , that will give you a new coding area .  And in no particular order , The themes are : 1 . Tokyo Night     If you love punchy colors , You will love this theme .  A clean, dark (and now light) Visual Studio Code theme that celebrates the lights of Downtown Tokyo at night . Many UI elements are intentionally low contrast so as not to distract.  Tokyo Night 2 . Hacker-Theme     This one is a crazy theme . Ever wanted to have the same hollywood hacker window on your workflow . This theme makes that possible for you . Wear a black hoodie and you are all set to be a hacker .  Hacker-Theme 3 . Aurora X     This is another one punchy theme to boost up the

5 Skills That Would Level Up your Coding Career

Image
  5 Skills That Would Level Up your Coding Career             Coding is undoubtedly a great skill to master . Sometimes it could be impossible , as the technology is changing everyday . To sustain the position learning a new skill could help a lot . Below are few skills that could help you in your project or getting a job and to stand out .             Few things could be done better by an expert but still knowing these could help in any time . 5 . 3D Modelling :             The ability to create 3D models could come in handy when you wanted to create 3D games , placeholders , VR , animations and lots more . 3D modelling is an in-demand skillset and you may have the need for someone time to time . If you can create one , it could help you a lots of money and time .             One can start with Blender , as it is a powerful open source free software with a huge community support and number of tutorials . 4 . Copywriting :             Copywriting is the process of writing persuasive m