I have a photo gallery and want to enable mouse or touch drawing for only some pages.
In the Adobe Animate program I put a page code in the gallery, but when I get to the page whose frame contains the drawing code, the drawing becomes effective on that page and all pages and I cannot stop the mouse from drawing in the rest of the gallery pages.
How do I customize the code for drawing only on specific pages?
Link to the file I'm working on : the FLA file.
The pages to be assigned to the drawing are 10 and 14.
Related
drag and drop a 2d svg icon/object on the viewer and move it on the page as well
i'm having a list of svg icons that i need to choose one and then drag it over to the viewer and also i can move it over the page using mouse moves
please help me with regards it any help is appericiated!
requirement
I would like to create a webpage that displays one image at a time with shapes and annotations shown over it. Each image should have a unique URL address in the address bar.
I have a set of images as PNGs. For each image there is a set of shapes (rectangles, polylines - as pairs of x,y coordinates in pixels) and annotations (location on the image x, y in pixels and a short text as string) to be displayed over it.
When user loads the unique url for an image they should see it with shapes displayed on top of it and annotation markers shown as circles. When user presses a button labeled „next“ the page loads the next PNG with its corresponding shapes and annotations. User can click on an annotation marker and a text balloon should open to show the text for the annotation.
How to approach developing this? I am asking since I don’t have an overview of web app frameworks or the current best practices for databases and graphic formats for online content.
I have experience in programming - Python, datascience, Procedural geometry, Unity for game development (C#), Lua - but not for the web.
I can do a WebGL app using Unity to do what i want and link it to a MySQL database but it feels like shooting a fly with bazooka. Maybe there is an easier, simpler way. Any advice or tips would be appreciated.
The best tip, I think, is in one of the tags of your question: canvas.
Images can be drawn onto it, as well as shapes. To handle your markers you could compare the coordinates of a click on the canvas to the coordinates of your markers (see this post for further info on getting the click coordinates). The annotation balloons could be realised by hiding or showing a simple <div> on click.
As for web app frameworks, depending on how fancy it should be you could do it "by hand" in native html and css, or use something with nice predefined components, like Bootstrap.
Depending on where you will be hosting this webpage, you will, or will not have to worry about the backend/server. There are numerous hosting providers available that provide user-friendly admin panels.
I'm using tiled map editor and libgdx to create a game, I have a vector based image that was included in the package I bought for my sprites, when I use the image in tiledmap editor the game does not run so I thought that the best think to do was to create a tile set based off my image, which I did in Photoshop, I used the slice tool saved it for web as png and ended up with 890 tiles each one 168 by 168 but when I put even 1 single tile of my new set in my game it does not run and when I take it off it does run.
How do I convert my image in a tile set which can be used in tiled map editor to be used with libgdx?
I want to create an interactive story for android studio.
This means that the images i draw on paper and put it in my app.
I like when user clicked on some images ,images move.
Thanks
I'm looking to add a custom tile overlay of my university campus on top of a Google Map. What I have is a jpeg image of my university campus layout, and what I'm trying to figure out is how to align it to the existing Google Maps such that I know the top leftmost tile coordinate which I need in order to then run the image through the Photoshop tile cutter script found at http://brokenbytes.info/tuts/documentation/examples/tilecutter.php.
The tool at http://anymap.org/GmapImage2TileGenerator/ sounded perfect for this job, but it looks as though it's only just been moved over to a new server and is proving buggy for me (I enter the image URL of my campus, but then it never shows an overlay of it on top of the map).
Are there any other tools available which can help with visually aligning an image/prepping it for the tile cutter, when the image itself has no geo information immediately attached to it?
The easiest is probably to use the latest MapTiler (from http://www.maptiler.com/) and it's visual georeferencing functionality.
See the video tutorial we prepared: https://www.youtube.com/watch?v=eJxdCe9CNYg