Threejs TypeScript : Converting JavaScript Threejs Examples to TypeScript Projects

Veröffentlicht am: 15 August 2021
auf dem Kanal: SBCODE
3,866
80

Documentation : https://sbcode.net/threejs/convert-js...
YT Members :    / @sbcode  
Three.js and TypeScript (Book) : https://www.amazon.com/dp/B09GYTKRCH
Course Coupons : https://sbcode.net/coupons#threejs

Threejs TypeScript Boilerplate : https://github.com/Sean-Bradley/Three...

There are many great Threejs examples on the official Threejs examples website at https://threejs.org/examples/

They are written in JavaScript and you may one day want to convert a Threejs JavaScript project into the TypeScript project so in the video I demonstrate how I would go about doing that.

I convert the Threejs example Ocean into a TypeScript equivalent of that example.

In summary,

I base the new project on the statsgui branch of my boilerplate because it already includes the Stats and DAT.gui panels.
I get the project to the point where the JavaScript code is running in the client.ts file mostly unchanged.
I make sure all resources that the script needs are available such as any resources referenced in the examples html, or images/models/textures that will also need to be placed in your projects dist folder.
I then add the types to all the variables until there are no more TypeScript warnings.


Auf dieser Seite können Sie das Online-Video Threejs TypeScript : Converting JavaScript Threejs Examples to TypeScript Projects mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer SBCODE 15 August 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 3,866 Mal angesehen und es wurde von 80 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!