Three.js Visual Studio Code Setup Tutorial

Поділитися
Вставка
  • Опубліковано 18 бер 2021
  • Here I show how to setup Three.js - a library and API for webGL - with Visual Studio Code to run the javascript examples locally. And this means on a local web server, that I install as an extension of VS Code. It is totally simple to install it (with one click) and also to start it doesnt require a configuration. It also has a nice reload feature for the html pages included so that you can just save your html and Javascript files and they will be reloaded in your browser.
    ☕️ Buy me a coffee - would be nice: www.buymeacoffee.com/jayanam
    You can find the examples here on the Three.js webpage that run 3d in your browser.
    threejs.org/examples/
    The helmet model shown in the example you can find on sketchfab:
    sketchfab.com/theblueturtle_
    Join this channel to get access to perks:
    / @jayanam
    See my social profiles here:
    Instagram: / jayanamgames
    Twitter: / jayanamgames
    Facebook: / jayanamgames
    Patreon: / jayanam
    Merch Store: teespring.com/de/stores/jayan...
    Production Music courtesy of Epidemic Sound: www.epidemicsound.com

КОМЕНТАРІ • 54

  • @RiccaDiego
    @RiccaDiego 2 роки тому

    Amazing! I'd love to see the whole workflow from scratch! Thank you!

  • @hiddenvoid
    @hiddenvoid 3 роки тому +2

    Really nice to show your models on your webpage.

    • @JayAnAm
      @JayAnAm  3 роки тому

      Yes, absolutely, I also love the API

  • @jones1618
    @jones1618 3 роки тому +10

    Very helpful! I'd love to see the whole workflow from scratch: A simple model in Blender animated, exported and brought alive in three.js. I'd especially like to see how code can trigger different transition between keyframes, viewpoints and maybe material properties, for example.

    • @JayAnAm
      @JayAnAm  3 роки тому +3

      Alright, thx a lot for the input, will do

  • @LulululuZzzz
    @LulululuZzzz Рік тому +3

    Why does my command prompt says git is not recognized as an internal or external command

    • @phutureproof
      @phutureproof 3 місяці тому

      either because you havent installed git, or git is installed but it is not added to your systems PATH

  • @bazwells8451
    @bazwells8451 3 роки тому +1

    Thank you so much for this video. I am using blender so any video that details creating three.js and html would be awesome
    just what i need right now

  • @xadrus1799
    @xadrus1799 2 роки тому +1

    how do I start a new project with the git after following your video? I got it now on git hub, but can't seem to find how to start a new project from it.

  • @mmtukurofficial
    @mmtukurofficial 4 місяці тому

    Very simple and perfect

  • @CaffeineInjected
    @CaffeineInjected 3 роки тому

    Pretty cool stuff Jayanam. SimeDev does a ton of stuff with this library.

  • @proteus3083
    @proteus3083 6 місяців тому

    thanks for this useful tutorial! Do you have a tutorial to build from VSC to the website and not local server?

  • @archamondearchenwold8084
    @archamondearchenwold8084 2 роки тому +2

    You have a very pleasant personality!

  • @andrewmoreton3472
    @andrewmoreton3472 3 роки тому +2

    That was great - thanks.

    • @JayAnAm
      @JayAnAm  3 роки тому

      You're welcome

  • @yudelko
    @yudelko 2 роки тому +1

    very usefull and simple ....

  • @draronbalogh
    @draronbalogh 3 роки тому +1

    Thanks for sharing!

    • @JayAnAm
      @JayAnAm  3 роки тому

      You are very welcome!

  • @vincentruisso9582
    @vincentruisso9582 2 роки тому

    Very nice and straightforward. Thank you.

  • @bmazbmaz2342
    @bmazbmaz2342 3 роки тому +1

    really liked tutorial

  • @MMaller
    @MMaller 3 роки тому +6

    A tutorial would be awesome

    • @JayAnAm
      @JayAnAm  3 роки тому

      Alright, will do!

  • @gabrielesimoncini1121
    @gabrielesimoncini1121 Рік тому

    how can i add three js packages with a cdn? Can I just copy the Github link?

  • @thangabaalg5840
    @thangabaalg5840 2 роки тому

    Thanks brother

  • @continuehere
    @continuehere Рік тому

    Did you create a tutorial to make this from scratch please?

  • @cube6338
    @cube6338 2 роки тому +1

    why isn't my command prompt working qwq

  • @blenderzone5446
    @blenderzone5446 3 роки тому +1

    great video!

  • @Jeff-ze6td
    @Jeff-ze6td 2 роки тому

    So awesome

  • @SheryarShirazi
    @SheryarShirazi 2 роки тому

    interesting, any plan for the tutorial?

  • @maramsagheer3399
    @maramsagheer3399 11 місяців тому

    THANK YOUUUUUU

  • @javifontalva7752
    @javifontalva7752 Рік тому

    Do you have the tutorial?

  • @thomasgrove
    @thomasgrove 3 роки тому

    Yessss I particularly am interest in the part about loading my own blender model with animations and materials. For some reason I can’t get it to work! I model is black and it imports my whole scene in blender.

  • @MasBagz
    @MasBagz 2 роки тому

    I want it this course

  • @pewcy
    @pewcy 3 роки тому

    Yes, need this tutorial.. can you do one where you have a car model and control it using WASD

    • @pewcy
      @pewcy 3 роки тому

      Do this specific tutorial please

    • @sicfxmusic
      @sicfxmusic 2 роки тому

      @@pewcy I prefer red color car with chrome rims

  • @2k7u
    @2k7u 3 роки тому +2

    Very epic

    • @JayAnAm
      @JayAnAm  3 роки тому +1

      Wow, thx :-)

    • @2k7u
      @2k7u 3 роки тому

      @@JayAnAm :D

  • @btiwari-games5279
    @btiwari-games5279 3 роки тому +2

    Do more please

    • @JayAnAm
      @JayAnAm  3 роки тому +1

      Alright, will do

  • @Barao321
    @Barao321 3 роки тому

    Having the template, then just think about the infinite, very original web page in blender

  • @eledikohabib3369
    @eledikohabib3369 3 роки тому +1

    Hi..How can I reach you?.. I need your help on a project..🙏..

    • @JayAnAm
      @JayAnAm  3 роки тому +1

      Hey, mail is in the about page

    • @eledikohabib3369
      @eledikohabib3369 3 роки тому

      @@JayAnAm mail not available...only facebook, insta, twitter

    • @JayAnAm
      @JayAnAm  3 роки тому

      @@eledikohabib3369 It is, go to the About Page and click on View Email adress

  • @jleao2990
    @jleao2990 3 роки тому +1

    MOre of this please

  • @lucian6172
    @lucian6172 Рік тому

    It's not working in Win10. I get only a blank white page but no scene/camera. It has the panel with examples on the left but if you click on any of the examples it's not loading them.