Interactive Island Animation Riddle

Island Animation Riddle

Check out my interactive Adobe Animate island riddle project below!

Interactive Island Riddle Animation Using Adobe Animate

How i did this

Part 1

Publish the project by going into Files then Publish Settings click the folder icon and select where you want your exported files to go. I would also HIGHLY reccomend to make your project responsive as it will work better everywhere.

Part 2

1. Sign up/log into Github
2. Click the + in the top right corner then click New repository
3. Name it whatever you want(this will be part of the URL used to access from the web) make sure to make repository PUBLIC
4. Click add a README file.
5. Click Add file
6. Click + Create new file.
7. Name the file images/placeholder. Should look like this Images/placeholder.
8. Click Commit changes....
9. Then click Commit changes again.
10. If you go to your repository home you should see a folder called images, click on it.
11. Then click Add file.
12. Then click Upload files and then upload all the images included in the adobe animate export.
13. Go back to your repository home and upload your .html and .js exactly how you uploaded your images.
14. Click on the .html then click the little pencil icon.
15. Then change your file name to index.html.
16. Then in the bar in the top click on Setting.
17. Then in the side bar under Code and automation click on Pages.
18. Then under Branch click None.
19. Then click main.
20. Then finally click Save.

AND THATS IT!!!

To veiw your animation go to https://YourGithubUsername.github.io/RepositoryName/

Example

My repository

Animation https://783009.github.io/IslandAnimation/

How i got it on my website

Just used this code

<iframe 
  src="https://783009.github.io/IslandAnimation/"
  width="621"
  height="360"
  style="border: 12px solid #333; border-radius: 8px;">
</iframe>

To make a website like this visit Getting Started