Одним солнечным весенним утром, мне пришла в голову замечательная идея — заняться изучением популярной библиотеки RequireJS. Я уже давно читал много хорошего и о простоте использования и о преимуществах, которые она оказывает при использовании в проектах. Поэтому и подумать не мог, что подключение RequireJS к модульному проекту на Backbone может вызвать столько проблем. Я потратил два дня на то, что должно занять не более часа. А если у разработчика нет этих двух дней? Вот и решил поделиться с другими своим опытом, чтобы сэкономить время и нервы.
Читать полностью »
Рубрика «javascript» - 444
Кто бы смог мне подсказать, как require подключать
2014-06-24 в 14:46, admin, рубрики: backbone, javascript, requirejs, Веб-разработка, Программирование, метки: backbone, javascript, requirejsСобственный движок WebGL. Статья №3. Примитивы
2014-06-24 в 11:29, admin, рубрики: javascript, WebGL, учимся вместе, метки: javascript, WebGL, учимся вместеВ продолжении статьи
В первой статье уже использовался самый первый примитив, который можно назвать просто «произвольная форма».
Перед описанием примитивов-объектов еще раз повторю два основных требования-замечания от нашей системы:
- Каждый примитив должен содержать вектор вершин и вектор индексов (vertex, indices).
- Строится каждый примитив по индексам через треугольники (TRIANGLE), то есть каждые 3 точки образуют независимый треугольник.
По мимо требований к каждому примитиву мы можем подключить матрицу. После подключения можно с легкостью производить следующие манипуляции:
- Перемещение по любой из осей. Перемещение на определенное кол-во единиц или перемещение к любой точки в пространстве
- Поворот вокруг любой точки. При подключении матрицы нам становится известен центр, соответственно, мы можем поворачивать примитив вокруг любой точки указав точку или же вокруг собственного центра.
Сами примитивы можно разделить:
- Простые. Состоят только из одного примитива.
- Сложные-составные. Состоят из нескольких примитивов
Собственный движок WebGL. Статья №2. Матрица
2014-06-23 в 14:25, admin, рубрики: javascript, matrix, WebGL, матрица, учимся вместе, метки: matrix, матрица, учимся вместеВ продолжении статьи
Матрица.
Когда только начал разрабатывать матрицу, даже не предполагал — на сколько она в дальнейшем нам упростит жизнь. У матрицы много свойств, но в нашей задаче я бы их все свел к одному — «отделение мух от котлет», то есть массива точек от общего массива координат. С точки зрения нашего кода — это будет выделение массива строк, каждая из которых является точкой и массива столбцов, массив одной из координат x,y,z или w. У меня упрощенная модель, поэтому «w» использовать не буду.
Описав наш объект через матрицу, можно с легкостью перемещать объект по любой из осей и поворачивать, а также можно сразу определить центр нашего объекта.
Читать полностью »
Интеграция GoogleDocs с Redmine
2014-06-23 в 13:48, admin, рубрики: api, Google API, javascript, redmine, автоматизация рутины, метки: redmine, автоматизация рутиныВведение
Если вы завязаны в разработке, то так или иначе сталкивались с баг-трекерными системами. В наши дни обойтись без них в процессе разработки программного обеспечения не просто трудно, а невозможно. Естественно, и нас это не обошло стороной. В компании мы пользуемся системой Redmine. Тут есть все, что нам необходимо:
— Отслеживание состояния задач
— Группировка задач в трекере
— Внутрипроектное обсуждение при необходимости
— Ведение документации (хоть и возможности весьма ограничены)
— Учет времени сотрудников и видов их деятельности
Все эти данные собираются не просто так. Каждая из перечисленных составляющих так или иначе включены во внутренние метрики компании, которые позволяют оценивать эффективность производственного процесса и анализировать слабые места проектов, чтобы не повторять ошибок и в следующий раз сделать лучше.Читать полностью »
Собственный движок WebGL. Статья №1. Холст
2014-06-23 в 8:48, admin, рубрики: javascript, WebGL, движок, учимся вместе, метки: javascript, WebGL, движок, учимся вместеЧерез серию статей попробую разобрать движок на webgl.
Основным требованием будет минимальный ввод данных. Ведь, грубо говоря, движок — это модель, созданная для упрощения задачи. Материал рассчитан на начинающий уровень, для тех, кто прочитал основы webgl и хочет попробовать начать работать. Таких как я.
Первое. Описание задачи на пальцах
Необходимо создать классы объектов (примитивы), которые из себя представляют набор точек. При этом примитивы должны быть независимы друг от друга. Каждый примитив можно перемещать, поворачивать вокруг центра или вокруг произвольной точки.
Необходимо создать механизм обрисовки этих объектов.
И напоследок необходимо создать что то вроде карты на которой можно установить наши объекты и по которой можно свободно перемещаться.
Фреймворк RPG JS v2 для создания браузерной 2D онлайн-игры
2014-06-22 в 6:19, admin, рубрики: canvas, html, javascript, метки: CanvasНедавно вышла вторая версия фреймворка RPG JS v2 основанного на движке CanvasEngine.
Основная информация
Автор: Samarium
Лицензия: GPL
Язык: Английский, Французский
Введение
— RPG JS представляет собой framework для создания браузерной RPG. Для работы с данным фреймворком вы должны иметь минимальные знания в области программирования, которые облегчат создание инфраструктуры игры. (прокрутки, столкновения, движения и т.д. ...)
— RPG JS написана на HTML 5 и Javascript. Для работы с растровыми изображениями, спрайтами и т.д. используется библиотека EaselJS
— Скрипты из RPG Maker XP можно конвертировать в карту для RPG JS
— Совместим с браузерами: IE, Google Chrome, Firefox, Safari, Opera
Несколько интересностей и полезностей для веб-разработчика #19
2014-06-21 в 18:14, admin, рубрики: css, html, javascript, Веб-разработкаДоброго времени суток уважаемые читатели. За последнее время я увидел несколько интересных и полезных инструментов/библиотек/событий, которыми хочу поделиться с Хабром.
DC.js
Бибиотека позволяет создавать великолепные многоуровневые/масштабируемые кроссплатформенные графики и диаграммы с моментальным перерендерингом при пользовательском взаимосдействии. За процесс визуализации отвечает знаменитая d3.js, а за анализ многомерных наборов данных crossfilter.js. Кстати кроссфильтр — проект небезызвестной компании Square.
chart.renderlet(function(chart){
// smooth the rendering through event throttling
dc.events.trigger(function(){
// focus some other chart to the range selected by user on this chart
someOtherChart.focus(chart.filter());
});
})
Приглашаем на Moscow JavaScript Meetup 26 июня
2014-06-21 в 5:43, admin, рубрики: javascript, meetup, Блог компании Mail.Ru Group, Учебный процесс в IT, метки: meetup26 июня 2014, в четверг, в Москве пройдёт 12-я встреча javascript-разработчиков MoscowJS.
Формат митапа устоялся и не меняется уже давно. Событие делится на две части: доклады и их обсуждение. Конечно, выступления важны, но кулуарные разговоры часто приносят даже больше пользы.
С каждым мероприятием мы стараемся улучшить MoscowJS. В этот раз мы попросили докладчиков задержаться после выступлений. Они проведут мастер-классы по своей теме и ответят на вопросы. Всё это в неформальной обстановке, за кусочком пиццы и чего-нибудь прохладительного.
Темы запланированных выступлений:
Муравей Лэнгтона на JS и Canvas
2014-06-20 в 10:32, admin, рубрики: canvas, html, javascript, Программирование Прочитав здесь пост об этой замечательной зверушке (wiki) я подумал, что будет интересно его реализовать и за вечер написал его на js+canvas.
Заодно чтобы было не скучно добавил ему соседей, получилось 5 цветовых популяций и ограниченное поле, которое породило граничные узоры.
Ну был бы муравей и был, но сегодня запустив его я поймал очень интересное поведение, желтая популяция в какой то момент начала методично избавляться от плодов деятельности розовой и при этом не оставлять следы своей деятельности, меня это заинтересовало и я потратил еще пару минут наблюдая за полем, желтая популяция полностью уничтожила стартовую локацию розовых, затем полностью само уничтожилась и начала строить дивный новый мир с «0», т.е. с 1 желтого пикселя.
Читать полностью »
MVbind — Backbone расширение для data binding между Model и View
2014-06-19 в 12:12, admin, рубрики: backbone, backbone.js, BackboneJS, javascript, метки: backbone, backbone.js, BackboneJS, data-binding 
Недавно очень захотел себе two-way data binding между моделью и представлением в Backbone. Ничего адекватного, к сожалению, я так и не нашел. Пришлось написать своё расширение. Делюсь им с вами.
Читать полностью »