Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

HTML Canvas doesn't show the imported stuff used in Animate

Community Beginner ,
Jun 17, 2021 Jun 17, 2021

Hello Everyone, i don't  know why when i use  imported bitmaps or vectors or even when i convert them to symbol, they are not shown in HTML output.. i can see only the scene color, but the things that i draw myself on animate works normally in HTML ,this is the output and this is the errors..  Sa.png

1.8K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

Hi.

 

What version of Animate are you using and what are your publish settings? Can you post screenshots?

 

Regards,

JC

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 17, 2021 Jun 17, 2021

Hi ,thanks for reply , i use Animate version 21.0 and i didn't change the publish setting .. S1.pngS2.pngS3.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

Thanks.

 

It seems to me that your image atlas has a name that doesn't match your html/js/assets output.

 

The browser is looking for an image file called barber_banner_atlas_1.png but the prefix for the file names in your Publish Settings is set to bannerxch1. Your atlas should be called bannerxch1_atlas_1.png.

 

Can you check this?

 

Regards,

JC

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

you're clicking the wrong html file to test.  when you test in animate, everything works correctly, true?

 

and then when you publish and click the html you have a problem because you're clicking the wrong file - probably an out-of-date html.

 

if you can't remember what you did and how to fix it, just save your fla to a new directory, publish your files and then click the html in that new directory.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 17, 2021 Jun 17, 2021

no , when i test (ctrl + enter) it opens in browser and i have the same problem ..

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

nevertheless, save your fla to a new directory with a new name, publish your files and then click the html in that new directory or test from animate. 

 

if that fails, the publish settings have been changed from default.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 17, 2021 Jun 17, 2021

bro i'm sorry i've took the screenshots from another .fla file .. and also i've noticed that the images folder created is always empty ..

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

save your fla to a new directory, publish your files and then click the html in that new directory.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 17, 2021 Jun 17, 2021

the same thing happens .. and the problem not in my work , it opens for other persons ,just it didn't for me i don't know why ..

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

Can you share your FLA?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 17, 2021 Jun 17, 2021

i couldn't send it here .. i can send it from Email ..

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

You can upload it to a file sharing/hosting service like Creative Cloud, Dropbox, Google Drive, WeTransfer and paste the link here or you can email me at joaocesar.design@gmail.com if you prefer.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 17, 2021 Jun 17, 2021
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

i doubt that's going to help.  there's not going to be a problem in your fla. 

 

the problem is the way you're testing or your preferences or something else that's not trackable by others that can't see what you're doing.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

Thanks.

 

There's only one JavaScript error in which you're trying to add an event listener to a instance that doesn't exist in the first frame of the main timeline.

 

But the HTML output works fine.

image.png

 

I advise you to update Animate to the latest version.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 17, 2021 Jun 17, 2021

Sa.pngthis is how it opens to me, just the stage color .. and you see ? always i have this errors , not the same as you have ..

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

you're not following my suggestion.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 17, 2021 Jun 17, 2021

i tried to republish it and it didn't work 😕

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 17, 2021 Jun 17, 2021

after deleting previous created files of course ..

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

did you save the fla to a new directory with a new name?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 17, 2021 Jun 17, 2021

yes , i named it "test" and i saved it on the desktop .. but the same issue and errors..this problem is only with imported stuff , what i draw by myself in animate works normally ..Sa.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

in that new folder is there an images subfolder with that png in it?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 17, 2021 Jun 17, 2021

i saved it on desktop directly , not in a folder , and the files created by the .Fla file are HTML file , JS file and an empty folder named "images" .. i did that screenshot after testing it ..

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 17, 2021 Jun 17, 2021

your animate is failing to create that atlas png.

 

try changing the settings to see if that resets something. eg, use a spritesheet instead of a texture and/or try 32 bit instead of 8bit.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines