How to edit thumbnails

🌵 Needle Engine
1

Hello Needle community,

I’m working on a Needle Engine project and I’d like to know how to change the thumbnail image for my project. I used one of builtin Needle projects as a template and now when sharing the glitch link the thumbnail is the one set for default.

How can I customize it to change both the name and image displayed?

Thank you in advance for your help!

2

Hi Pavel,

To change the thumbnail image and the name displayed for your Needle Engine project, you’ll want to edit the package.json of your project. Here are the key steps:

  1. Locate your package.json file: This file is found in the root of your project directory.

  2. Modify the Thumbnail and Name: You will need to update the Thumbnail field and the Name field within package.json. An example structure looks like this:

{
  "Name": "Your Custom Project Name",
  "Thumbnail": {
    "relativePath": "path/to/your/custom-thumbnail.jpg",
    "absolutePath": "https://link.to/your/custom-thumbnail.jpg"
  }
}
  1. Save the Changes: After making the changes, save the file and run your project again. The new thumbnail and name should display when you share your project link.

Make sure:

  • The thumbnail image is accessible via the provided URL.
  • You use relative paths correctly if that’s how you choose to implement the thumbnail.

For more detailed examples and documentation on Needle Engine’s structure, you can refer to the Needle Engine Samples and Needle Engine Documentation.

Let me know if you have further questions or need additional help!

3 replies left
thread_o8XEoLERfSakPCuegvkQilvh
Reply to this message to continue the conversation

3

Hi, are you using Unity? You can use the HTMLMeta component to modify the image from within Unity. If you used a sample project it might already be in your scene. Just assign a texture to the image slot and you’re good

image
image492×192 17.6 KB