Canvas Thumbnail (Plugins)

Discuss Scirra's 2D Asset Store

Post » Thu Aug 10, 2017 8:53 am



Canvas Thumbnail — Now for sale in the Scirra Store!
https://www.scirra.com/store/construct2-plugins/canvas-thumbnail-3766

What you buy here?

  • Canvas Thumbnail plugin for C2.
  • An example capx

What is Canvas Thumbnail plugin?

With a single action you can take a screenshot of your game which will be resized to the dimentions you specify.

You can save it to local storage and use as a thumbnail of a saved game or any other feature that has thumbnails.

C2 by default allows snapshots, why would I use this plugin?

That's true. You can make a snapshot with native C2 functions. Actually this plugin uses exactly the same functions to make a snapshot.

There are few differences though:

  • This plugin will automatically resize the image (snapshot) on the fly in the memory so the image size is much smaller which means it takes less memory and loads much faster from local storage.
  • There's one cosmetic feature - you can add a border around the snapshot (see example video).

Features

  • Canvas snapshot
  • Resize snapshot (the image, not just sprite)
  • Ability to add frame around the thumbnail
  • Ability to set resizing based on ratio (% of original image) or by fixed dimensions

Performance

It has exactly the same performance as C2 native snapshot feature as it's based on the same functions, which means it may cause a small lag while taking a snapshot if the game layout is big.



Use this topic to leave comments, ask questions and talk about Canvas Thumbnail
ImageImageImage
B
46
S
23
G
89
Posts: 1,106
Reputation: 50,658

Post » Tue Dec 26, 2017 7:50 pm

Works perfectly! I'm super excited about this.

Quick question. I'm assuming the images are in PNG format?
B
70
S
25
G
7
Posts: 163
Reputation: 8,484

Post » Thu Dec 28, 2017 3:11 pm

basspenguin wrote:Works perfectly! I'm super excited about this.

Quick question. I'm assuming the images are in PNG format?


Hi, glad you found it useful!

Actually, it's a full quality JPG. It takes less memory so I found it more suitable here.
ImageImageImage
B
46
S
23
G
89
Posts: 1,106
Reputation: 50,658

Post » Mon Jan 29, 2018 7:39 am

Ok cool. Thanks again!
B
70
S
25
G
7
Posts: 163
Reputation: 8,484

Post » Wed Jan 31, 2018 2:15 am

Actually I lied... :X I may have a Cordova plugin that will require me to use PNG. What's the possibility of getting an option of being able to configure the filetype as JPEG or PNG?

I'll keep you posted if I find out otherwise.

Thanks!
B
70
S
25
G
7
Posts: 163
Reputation: 8,484

Post » Wed Jan 31, 2018 3:02 am

JarrydHuntley wrote:Actually I lied... :X I may have a Cordova plugin that will require me to use PNG. What's the possibility of getting an option of being able to configure the filetype as JPEG or PNG?

I'll keep you posted if I find out otherwise.

Thanks!


I just checked it and it looks like I lied as well. Right now it saves as a PNG. You can see it in the header of the base64 string if you console.log the thumbnail. Sorry for the confusion!
ImageImageImage
B
46
S
23
G
89
Posts: 1,106
Reputation: 50,658


Return to Scirra Store

Who is online

Users browsing this forum: No registered users and 0 guests