Loading a threejs sketch from github

Design help Custom code
1

Hi, I want to import a couple of threejs sketches hosted on github… this is my website www.ujjwalagarwal.com and am trying to build it completely in webflow…
Know how I can get started? There are a bunch of files on github from ‘parcel’ - my web pack alternative…

github project: GitHub - kala0606/kala.bioV1

3

Hey I have made the git repo public… also connected stacket… still dont know the next steps… sorry I am not good at front end development… hence trying to use webflow…
I basically need this code to work on my home page :

<div id="container"></div>
 <script src="/app.c328ef1a.js"></script>
 <div id="back"></div>
 <script src="/appback.f471d949.js"></script>

These scripts rely on a sound file and some 3d models… do i need to update the path for those assets? This is all in the github repo…

Your help is hugely appreciated

4

So I tried using JS delivr… i am able to load the js files all right. but the assets are not trowing a 404… do i need to update their paths somewhere?

6

Sorry here it is https://kalas-bio.webflow.io/
If you see the console it gives me 404 for various images and assets… don’t know how to proceed

8

I made a tutorial on how to upload interactive 3D to Webflow, using Polygonjs (which is based on threejs):

https://www.youtube.com/watch?v=A54DA1E_44M

This would allow you to create your 3D experiences without any coding, if that helps.

1 Like