Изучаем Three.js.Глава 1: Создаем нашу первую 3D-сцену, используя Three.js

[@valkiriy]

Интересно, продолжайте! Но приведите, пожалуйста, код в читабельное состояние — во многих местах отсутствуют пробелы после var и function.

[@Vasilui]

Спасибо за замечание, поправил.

[@Iktash]

Очень здорово. Очень хотелось бы еще ссылку на рабочий пример после каждой иттерации.

[@dron_k]

или хотябы на финальную версию

[@Vasilui]

А не подскажите, где это можно выложить, я только за!

[@dron_k]

вот прямо сейчас накидал за 30 секунд:
codepen.io/anon/pen/vbhFH

[@Vasilui]

А как можно библиотеки подключить?

[@dron_k]

нажимайте на шестеренки в нужных секциях
выбирайте то то что уже есть в списке
и/или вставить ссылку на библиотеку
Three.js можно также найти на cdnjs.com/:

cdnjs.cloudflare.com/ajax/libs/three.js/r67/three.min.js

[@dron_k]

можете попробовать jsfiddle.net может он вам будет удобнее :)

[@Vasilui]

Добавил в самых интересных случаях(3 последних) большое спасибо за помощь dron_k

[@dron_k]

По КПДВ ожидал увидеть загрузку 3D модели F1 :)
С нетерпением жду следующие выпуски!

[@dron_k]

clara.io/view/dcb0b529-b3a9-421e-a1ad-dabfd6717bbc — выбираем RealTime :)
предпочтительно Chrome

[@xskif]

Это мечта! Жду выпусков. Присоединяюсь по поводу рабочего примера в конце статьи, кроме ссылки на GitHub.

[@nzeemin]

Конечно я не большой знаток 3D-графики но думаю в реальных задачах сцена строится на наборе готовых моделей. Поэтому действительно интересно что есть близкое этому фреймворку по загрузке моделей.

[@kahi4]

В этом фремворке есть встроенная поддержка загрузки моделей из блендера, например так.

[@kahi4]

Зачем вы подключаете jQuery? Ради одной строчки? ИМХО — дикое расточительство.
О том, что можно использовать не только WebGl рендер, а еще и CanvasRender стоило упоминуть. Полезное свойство фреймворка.
Для красоты анимации можно у шарика было сделать «сплющивание» (через свойство scale).
Анимацию стоит выносить в отдельную функцию чисто из эстетических соображений, а не впихивать в Render, к этому нужно привыкать сразу.

А вообще хороший туториал, но, по опыту, изучение этого фреймворка сводится к поиску примеру, какой вам понравится, и копанию в его коде. Да, основы для этого знать нужно, но некоторые вещи проще посмотреть в живую.

[@dron_k]

очевидно это вопрос не к переводчику…

[@kahi4]

Это понятно. Но если бы я делал перевод, я бы вносил правки, какие считаю нужными, уведомляя об этом читателей.

[@CodeByZen]

Очень интересно. Как-раз сегодня начал разбираться с этой темой. Плюсую в карму. Переводите дальше.

[@Crapachi]

ASCII-арт прекрасен :) поиграть бы в такую игру