Syncdrome: Organize and Access Your Files Efficiently

In the digital era, managing and accessing a large number of files on our hard drives can become a challenge. To address this need, let me introduce you to Syncdrome, a revolutionary application that simplifies file organization and search in your personal library.

What is Syncdrome and How Does it Work?

Syncdrome serves as a comprehensive tool to create a detailed catalog of all your files on hard drives. Its main feature is the ability to perform quick keyword searches, providing results similar to a web search engine.

The application is user-friendly and does not require installation. Simply download the zip file, unzip it, and run syncdrome.exe. Developed in Electron, efforts are underway to make it compatible with other platforms in the future.

View More

Flags Quiz

I am pleased to announce a new addition to my map puzzle project, mappuzzle.xyz: a challenging Flag Quiz. After careful consideration and planning, I have decided to include this game to provide users with an educational and entertaining experience that promotes the development of their geographic knowledge.

The Flag Quiz is an interactive questionnaire designed with the objective of assessing participants’ geographic knowledge and fostering their familiarity with flags from different countries. Each question presents a flag and a series of options from which players must select the correct answer. Additionally, an interactive map functionality has been incorporated, displaying the corresponding geographic location for each selected flag, thereby enriching the understanding of world geography.

View More

React Depth 3d Viewer

Pseudo 3D photo viewer from a depth layer for React using pixi.js.

In 3D computer graphics and computer vision, a depth map is an image or image channel that contains information relating to the distance of the surfaces of scene objects from a viewpoint. The depth map applied to a texture as a displacement filter can achieve a 3D effect, other implementations such as Facebook also allow interpolation of the non-visible areas of the texture when moving in 3D.

The pseudo 3D photo viewer for React uses the pixi.js library and the bit displacement technique from a depth layer to create a 3D effect on photos.

Pixi.js is a widely used JavaScript library in the development of 3D games and applications due to its ease of use and optimized performance. The bit displacement technique is used to apply a displacement filter to the photo’s texture, achieving a 3D effect from the information contained in the depth layer.

To apply the displacement filter to the texture, the pixi.js function filters.DisplacementFilter(depthMap, 0) is used. This function takes as parameters the depth map and a displacement on the Z axis, and applies the displacement effect to the texture. In addition, some implementations such as Facebook’s also allow interpolation of the non-visible areas of the texture when moving in 3D, increasing the realism of the pseudo 3D photo viewer.

In summary, the pseudo 3D photo viewer for React is a tool that uses the pixi.js library and the bit displacement technique to create a 3D effect on photos using a depth layer. Thanks to its ease of use and optimized performance, this tool is an excellent option for those who want to add a touch of realism to their photos.

Download on Github.

MapPuzzle.xyz

MapPuzzle.xyz is a fun way to learn geography in a playful way. The game features a list of puzzle pieces on the left side of the screen, which can be countries, states, cities, or provinces, among others. Each piece is shown with a map illustration and when clicked, it follows the mouse and the player must find its match on the map. It also has a counter for found pieces, pieces to be found, and mistakes made. Players can choose the map they want to play and filter it by continent and region.

One of the interesting features of the game is that it allows players to translate the names of the puzzle pieces into different languages. This allows them to learn the names of the places in different languages, enriching their gaming experience and helping them develop their language skills.

In addition, every time a piece is placed on the map, players can access Wikipedia data about the place they are exploring. This allows them to obtain additional information about the geography, history, culture, and other areas related to the place, helping them learn more about the world around them.

In summary, the map puzzle game offers a complete and fun educational experience for all ages. Don’t miss out on trying it!

View More

@deck.gl/carto Demo

Test application of Deck.gl using React. The application has been divided into different components of React, communicating with each other. In the tool panel, the following modifications can be made on the map:

  • Change view (Show GeoJsonLayer)
  • Select the continent
  • Thickness of the line
  • Color scale height
  • Line colour
  • Colour of the polygon (the colour will be darker depending on the population level of the country)
  • Table with country information when you place the mouse over the polygon
  • Legend population and country count by Continent

Other features I have yet to explore:

  • Try some other ArcLayer, HexagonLayer, GridCellLayer components, etc
  • To be able to select the layers to be displayed and to zoom into the scope of each one.

Test app in http://aaranda.es/static/deckgl/

Download on Github.