Transferring CodePen to Replit

Question:
I wanted to have this CodePen I found on a repl, but it has a dependency on a JavaScript Library named PIXI, which I do not know how to install on Replit as it is built in on CodePen.
Repl link:
https://replit.com/@MiloCat/MiloCat-1#index.html
CodePen link:

1 Like

Well the library is from a link, so just try and import the whole thing. Do you want to invite me to the repl so I can halp?

Ok sure, I invited you

I don’t use codepen, so I don’t know if theres an easier way to do this, but at the bottom of the page there’s an export button, so you can save it as a zip on your computer, unzip it to a folder, make a repl, select all the files in your folder, and then drag n drop them inside the repl’s files.

This is just an html css js repl, so it will work just fine (no configuration needed)

I think they probably resolved it already.

hopefully XD‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎

Well, I hadn’t actually marked anything as the solution since I actually wasn’t able to work as this codepen uses a lib built into codepen called PixiJS, and I couldn’t get it to work on Replit.

1 Like

:eyes: add this to head:

<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/7.2.3/pixi.min.js" integrity="sha512-kSAmAcKhOWlbU8H4m6ssR2NlLMssZG5Y0cAaNwEhR2I4xswsXYpbVqqHXujCe+LJwJ3cQWluy2i+5886+mz6tA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

Just search up whatever default package up on cdnjs XD

like with what @dragonhunter1 sent, you can insert that script inbetween the <head> and </head>
i dont use pixijs so you may have to configure it with a json file, but it should probably work standalone

Hmm maybe I’ll try that, but I think I might already have… I think I’m just dum tho lol

2 Likes