does fabric JS supports magnetic effects on canvas ? [fabricjs] - fabricjs

I want to implement magnetic effects in my web application, I am fabric js canvas to add items on the canvas.
I have gone through the documentation but didn't find anything relevant.

Related

Technology advice for mobile application

I would like to develop a mobile game, kind of like an interactive ARG.
The players would see POI-s on a map, and they can interact with them in various ways. Some interactions on a POI should be visible to other players real time, and players should receive push notifications when a new POI appears in their area.
Up until now, I mostly worked with web technologies, so I figured a Node.js for backend, and a React Native for the application would be nice choices and I could learn both along the way. Since I have little experience with both, and don't really know about their capabilities performance-wise.
Are these technologies a good choice for an application like this? Is there a reason to go full native iOS/Android instead of React Native?
Could Node.js and React Native handle like 1-200k players daily? (It will probably never get there, lol)
I know it's just a pet project, but I'm interested in what would be the "industry standard" stack for something like this?
I would think using React native should be fine for this genre of game for your frontend/client. Where it seem to involves a lot of point click, drag and drop, present player with information. If more real time rendering and interactivity then you may need to use a library/framework that are suitable for more real time rendering and interactivity.
As for the backend using Node.js is fine for handling your data requests. For scaling to support lots of user, then that's quite a big topic that you'll need to work out. You'll typically have to look at how complex your data/requests are and so how much your server can handle the load. From there you will need to load balance on multiple servers.
For game or any type of application, where you need a backend it's very similar in needs. You'll use a language that's best for backend development and performance. From there you have to serve it and scale accordingly base on your loads. You can leverage AWS or other cloud providers to do a lot of these.
Hopefully this answer some of the things you're asking for.

How to draw vector icons on node.js for openlayers' layer?

I would like to draw 100-200k features/icons/markers to be used with openlayers v3.
Based on readings, the approach would be either to dp clustering, or let the server handle the drawings, in other words, use layer for that. This applies for google maps api.
So, i plan to use node.js (or php) for this task, but did not manage to find a proper module for node.js to do this.
Please recommend a module for this.
Or at least, how can i draw a png on node.
Specifically, I would like to create a layer where a request to my server, e.g: map.my.com/x/y/z.png would draw the markers on server (or predrawn), and not draw them on client side.

Approach to building an image scaling tool using Pixi.js 3.x

I'm building an authoring tools which needs to allow users to input images and later position and scale those images. What's the best way to implement image/sprite scaling using Pixi.js 3.x?

Image gallery website best practices

We are developing a web application/mobile app that is primarily based on images and galleries. The front end is Backbone Marionette and Bootstrap and back end is Node.js, Express and Mongoose.
While we are developing it from scratch, my question is what are the best practices to store the images, display them, choosing server and hosting solutions (like CDN)? Will appreciate some suggestions from experts.
Thanks
I will highly recommend using Transloadit. It can handle all image processing and even upload to your Amazon S3 bucket. It can even handle video processing and uploads if you decide to add that functionality later.
Note: I am in no way affiliated with Transloadit. Just a fan of their service and I personally use it in a few node.js apps.

how to create different zoom levels for a world map

we are developing an application similar to google maps. We are able to sucessfully transfer images from server to clent. we want to provide zooming capability to the images transferred to the clients. we are using Ubuntu for our application.
Thanks
-Roy
You might look at OpenStreetMap's Slippery Map where they did basically what you want for the OSM project.

Resources