Комментарии 20
Интересно, продолжайте! Но приведите, пожалуйста, код в читабельное состояние — во многих местах отсутствуют пробелы после var и function.
Очень здорово. Очень хотелось бы еще ссылку на рабочий пример после каждой иттерации.
или хотябы на финальную версию
А не подскажите, где это можно выложить, я только за!
вот прямо сейчас накидал за 30 секунд:
codepen.io/anon/pen/vbhFH
codepen.io/anon/pen/vbhFH
А как можно библиотеки подключить?
нажимайте на шестеренки в нужных секциях
выбирайте то то что уже есть в списке
и/или вставить ссылку на библиотеку
Three.js можно также найти на cdnjs.com/:
cdnjs.cloudflare.com/ajax/libs/three.js/r67/three.min.js
выбирайте то то что уже есть в списке
и/или вставить ссылку на библиотеку
Three.js можно также найти на cdnjs.com/:
cdnjs.cloudflare.com/ajax/libs/three.js/r67/three.min.js
можете попробовать jsfiddle.net может он вам будет удобнее :)
Добавил в самых интересных случаях(3 последних) большое спасибо за помощь dron_k
По КПДВ ожидал увидеть загрузку 3D модели F1 :)
С нетерпением жду следующие выпуски!
С нетерпением жду следующие выпуски!
clara.io/view/dcb0b529-b3a9-421e-a1ad-dabfd6717bbc — выбираем RealTime :)
предпочтительно Chrome
предпочтительно Chrome
Это мечта! Жду выпусков. Присоединяюсь по поводу рабочего примера в конце статьи, кроме ссылки на GitHub.
Конечно я не большой знаток 3D-графики но думаю в реальных задачах сцена строится на наборе готовых моделей. Поэтому действительно интересно что есть близкое этому фреймворку по загрузке моделей.
В этом фремворке есть встроенная поддержка загрузки моделей из блендера, например так.
Зачем вы подключаете jQuery? Ради одной строчки? ИМХО — дикое расточительство.
О том, что можно использовать не только WebGl рендер, а еще и CanvasRender стоило упоминуть. Полезное свойство фреймворка.
Для красоты анимации можно у шарика было сделать «сплющивание» (через свойство scale).
Анимацию стоит выносить в отдельную функцию чисто из эстетических соображений, а не впихивать в Render, к этому нужно привыкать сразу.
А вообще хороший туториал, но, по опыту, изучение этого фреймворка сводится к поиску примеру, какой вам понравится, и копанию в его коде. Да, основы для этого знать нужно, но некоторые вещи проще посмотреть в живую.
О том, что можно использовать не только WebGl рендер, а еще и CanvasRender стоило упоминуть. Полезное свойство фреймворка.
Для красоты анимации можно у шарика было сделать «сплющивание» (через свойство scale).
Анимацию стоит выносить в отдельную функцию чисто из эстетических соображений, а не впихивать в Render, к этому нужно привыкать сразу.
А вообще хороший туториал, но, по опыту, изучение этого фреймворка сводится к поиску примеру, какой вам понравится, и копанию в его коде. Да, основы для этого знать нужно, но некоторые вещи проще посмотреть в живую.
Очень интересно. Как-раз сегодня начал разбираться с этой темой. Плюсую в карму. Переводите дальше.
ASCII-арт прекрасен :) поиграть бы в такую игру
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Изучаем Three.js.Глава 1: Создаем нашу первую 3D-сцену, используя Three.js