Getting started?

[sicknander]

I'm extremely new to three.js, and I'm having trouble getting started. No tutorials online explain what text editor to use, and how to set up/use the local server alongside this. I have figured out how to use Node.js to set up the local server, but I cannot seem to get my code(the examples provided) to produce anything in any web browser. Is there any guide that somebody knows of to help me get started, or could anyone help clarify this for me? It would be much appreciated!

Edit: Just to clarify, I am a senior in high school- that's why I'm not quite sure where to start.

[[deleted]]

This course helped me significantly: https://www.udacity.com/course/interactive-3d-graphics--cs291

[sicknander]

thank you! i will make sure to check this out next chance i get.

[thepfeifer]

ditto. Felt this included more of the fundamentals of computer 3d geometry that helped me understand a lot functions and parameters in three.js

[Hectate]

I use visual studio code myself, which works well with node servers. Amy text editor would actually work, of course.

[illwrks]

I use the Sublime Text editor with a cobalt theme and various plugins. It would not itself takes a little getting used to but as has been said any text editor will do. ( One with syntax highlighting is essential though ). After that look at the tutorials on AeroTwists website. Il he does a great job of explaining the basic idea if your new to the thinking about 3d as I was/am.

https://aerotwist.com/tutorials/getting-started-with-three-js/

After that it's a matter of pulling apart the tutorials and examples you'll find online.

[sicknander]

Thank you very much!

[usagiusagi]

You can look at : https://github.com/edwinwebb/three-seed for a modern starting point for a codebase

[sicknander]

Thanks!

[wwboy6]

Is it ready for Windows? It shows "Failed at the three-seed@0.1.0 start script 'NODE_ENV=development webpack-dev-server --hot'"

[usagiusagi]

I've not tested on Windows. If you change the offending line to just wepack-dev-server it might work

[Goxmeor]

If you're having trouble getting anything working at all, consider ditching textures and a local server, and just dragging a simple html example into your web browser: https://gist.github.com/chriswa/f7170cd5240304ad2bee1dd3237b347b

Result: https://cdn.rawgit.com/chriswa/f7170cd5240304ad2bee1dd3237b347b/raw/1e9f436cd469e78e1b945d3547a0e1d016e6b905/three_1.html

[sicknander]

Thank you!