flash-anni

 1. three.js is undoubtedly the best library to create interactive content for the web in 3d. link https://threejs.org/ a working sample of three with react can be found below https://stackblitz.com/edit/react-7n5qf9?file=src%2FApp.js why choose threejs 1. lightweight  2.fast 3.big community  https://discourse.threejs.org/ 4. even you can use unity or unreal to publish html5 content but i don't think that would be acceptable in many cases. 5. open-source project. i created a running sample with React  https://stackblitz.com/edit/react-7n5qf9?file=src%2FApp.js

the two-pointer technique is a very popular technique to solve some basic problem like just watch this nice video for more information https://www.youtube.com/watch?v=2wVjt3yhGwg&t=174s https://leetcode.com/articles/two-pointer-technique/ 1. Given a  vector  of integers and a target sum returns true if any two elements sum is equal to the target in the given vector bool checkSum(int sum, vector<int> &myVect) {     sort(myVect.begin(),myVect.end());     int i=0,j=myVect.size()-1;     while(j>=i)     {         if(myVect[i]+myVect[j]==sum)         {             return true;         }else if(myVect[i]+myVect[j]>sum)         {             j--;         }else if(myVect[j]+myVect[i]<sum)         {             i++; ...

 working sample 1. a generic binary search tree using a c++ template. 2.  using both BFS (queue or level order traversal  ) DFS (stack). working sample can be found at - >   https://www.onlinegdb.com/edit/HkuQLdA-w

  Reverse a sentence and print each word in reverse order in Javascript working sample https://www.onlinegdb.com/edit/S1qrNPHEw #include <iostream> #include<string> #include <ctype.h> using namespace std; string reverse(string &name) {     string newStr;     int len=name.length()-1;     int track=0;     int count = 0;      for(int i=len;i>=0;i--)     {         int c=name[i];         if (isspace(c))         {                         int start=i;             int end=(name.length())-track;             string temp;             for(int i=start;i<end;i++)             {                 temp+=name[i];       ...

working link https://stackblitz.com/edit/box-box-animation 

a small 2d sprite animation using angular using  requestAnimationFrame working sample   https://stackblitz.com/edit/animationangular?file=src%2Fapp%2Fanimated-sprite%2Fanimated-sprite.component.ts

//1 check a string is palindrome or not bool checkString(string &name,int start,int end) {     if(start>=end)     {         return true;     }     char a=name[start];     char b=name[end];     if(a==b)     {        return checkString(name,++start,--end);     }      return false;      } //2 get maximum element from a array int getMax(vector<int> &items,int index=0) {     if(index>=items.size())     {         return 0;     }     int current=items.at(index);     return max(current,getMax(items,++index)); } //3 Longest Common Subsequence int LCS(string &str1,string &str2,int a=0,int b=0) {     if(a>=str1.length() || b>=str2.length())     {         return 0;     }     if(str1[a]...

check the code below -------------------------------------------------------- https://stackblitz.com/edit/js-9vhtdm?file=index.js   //better ES5 object oriented in es5 //rules  //1. you can pass values in any order //2. default value //3. handle undefined in a better way  throw new Error function   Hero ( obj = undefined ) {      //if object is null return throw a new Error      if ( obj === undefined )      {        throw   new   Error ( "Empty Object" );      }      const   { name , age }= obj      this . name = name ;      this . age = age ; } //now extend myhero class function   Myhero ( obj = undefined )...

https://www.geeksforgeeks.org/window-sliding-technique/  working example https://www.onlinegdb.com/edit/BJX3JA0Zv code => #include <stdio.h> #include<iostream> #include<vector> using namespace std; //https://www.geeksforgeeks.org/window-sliding-technique/ int Windowslidingtechnique(vector<int> &vec,int element) {      //get sum      int sum=0;      for(int i=0;i<element;i++)      {          sum+=vec.at(i);      }      //sliding window technique      int windowSum=sum;      int maxSum=0;      for(int i=element;i<vec.size();i++)      {          windowSum+=vec.at(i)-vec.at(i-element);          maxSum=max(maxSum,windowSum);      }      return maxSum; } int main() {     vector<int> ve...

 working link more solution=> https://www.geeksforgeeks.org/find-a-triplet-that-sum-to-a-given-value/ code https://www.onlinegdb.com/edit/HkS7dTRWP solution below *******************************************************************************/ #include <stdio.h> #include<algorithm> #include<iostream> #include<vector> using namespace std; void triplet(vector<int> &vec,int sum) {     //sort the vector      sort(vec.begin(),vec.end());     int i=0;     int j=vec.size()-1;     while(j>=i)     {         if(vec.at(i)+vec.at(i+1)+vec.at(j)==sum)         {              const int a=vec.at(i);              const int b=vec.at(i+1);              const int c=vec.at(j);              std::cout <<a<<"-"...

 1. a binary search tree in c++ using a generic approach with both BFS and DFS approach    working tree    https://www.onlinegdb.com/edit/HkuQLdA-w code=> some properties of binary search tree-> 1. binary search tree is not always a balanced tree.  2. Inorder, traversing gives you sorted data.  3.  best is o(log n) and worst is O(n).  4. left node data is always less than root data and right node data always be greater than root data.  5. red-black tree STL map is a balanced binary search tree. *******************************************************************************/ #include <stdio.h> #include<iostream> #include<queue> using namespace std; template < typename T > class Node {   //can store any type of data private:   //genric data or store any type of data   T data;   //reference of left pointer   Node *left = nullptr;   //reference of right pointer   Node *rig...

PixiJS is my favorite framework when i am looking for a web games specially for mobile or desktop  PixiJS is fast blazing fast and you can get a decent FPS even on older device.   so here is my optimization techniques for PixiJs 1. manage your sprites in a better way use spritesheet to reduce the draw calls create big sprite sheet which contain multiple sprites can be draw in gpu with a single draw call. use TexturePacker  https://www.codeandweb.com/texturepacker  best tool when its comes to spritesheet 2. for floating point calculation round off calculation for example let  speed = 0.75 ; let  position = 100 ; console . log ( Math . round ( speed * position )) 3. don't create very big canvas when u need a big canvas size game just try to create a small canvas and translate it. 4. its very important one managing TextureCache in memory you can get all TextureCache list by using  Object.entries(PIXI.utils.TextureCache); so even you use ap...

running Code:- https://stackblitz.com/edit/dragdiv

THREADING IN C++ before going to threading we need to check out some concepts of thread synchronization in modern computers. thread deadlock race condition spin lock context switching parallelism  concurrency semaphore mutex Scheduling Cancellation Synchronization These day we have multi core processor thats mean we can run multiple operation at same time using multi core functionality. so fully support multithreading where you can distribute your complex task to among different threads and after finishing each task they can join main thread. In most of cases graphics manipulation handle by main thread so different child thread can accomplish the operation given to them and than get back to main thread.   so in c++ we required  #include <thread> header file to access threading in c++ so let start with a  very simple program this function takes two parameter and return back sum of both the  parameter int   addNumber ( int x, int y) { ...