Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «dbcartajs»
![Главные темы](/themes/1/i/menu/tt/main_themes.png)
Карта Московского Метро. SVG версия 2015-10-04 22:53:03
... ) карты для браузера dbcartajs. В новой версии ...
+ развернуть текст сохранённая копия
Продолжаю тему разработки динамической векторной (по координатам) карты для браузера dbcartajs. В новой версии (v2) я перевел отрисовку объектов с канваса на SVG. И переделал несколько примеров, в частности карту метро Москвы. В своем посте про канвасную версию карты я сравнивал ее с svg-версией из Википедии, сделав акцент на скорости загрузки, которая у канваса оказалась выше. Но воспроизведя карту через svg-обработчик в новой версии проекта, я понял, что скорость загрузки, пожалуй, единственное преимущество канваса перед SVG.
![image](https://habrastorage.org/getpro/habr/post_images/7a4/69c/883/7a469c883e9d6e9b8de63871ee68c1e5.jpg)
Читать дальше →
Тэги: canvas, dbcartajs, html5, javascript, mosmetro, svg, веб-разработка, карта, метро
Звездное небо на webGL с использованием three.js 2015-01-11 14:17:33
В посте про «Звездное небо на Canvas» я уже описывал проект, где при помощи JavaScript на ...
+ развернуть текст сохранённая копия
В посте про «Звездное небо на Canvas» я уже описывал проект, где при помощи JavaScript на канвасе 2d формируется изображение глобуса Земли на фоне звезд, планет и орбит космических аппаратов. Для создания трехмерной картины звездного неба на плоскости я использовал формулы перевода трехмерных координат X, Y, Z отображаемых объектов: звезды, планеты, космические аппараты (КА), — в плоские декартовые координаты X, Y. Основную часть этих формул я взял из проекта Marble для KDE. Портированный с C++ на JavaScript код я сохранил в файле starry.js.
![Starry Sky 3D](http://habrastorage.org/getpro/habr/post_images/312/53f/d69/31253fd6976dbe286a2862d44cc252af.png)
Читать дальше →
Тэги: canvas, dbcartajs, html5, javascript, three.js, webgl, веб-разработка, звездное, небо, планетарий
Звездное Небо на Canvas. Созвездия 2014-03-02 23:33:50
Продолжение темы, начатой в предыдущей статье. Идеей к ее развитию послужило прочтение статьи ...
+ развернуть текст сохранённая копия
Продолжение темы, начатой в предыдущей статье. Идеей к ее развитию послужило прочтение статьи на Хабре «LibCanvas: На пути к звёздам», где описывается реализация планетария на Canvas с выводом созвездий и планет в азимутальной системе координат. В посте автор дает ссылку на базу данных звезд и созвездий, которой я любезно воспользовался. Файл содержит координаты прямого восхождения (Right Ascension, в часах) и склонения (Declination, в градусах) звезд, точек созвездий и их названий. Я перевел их в радианы и сохранил в файл constellations.js для своего «звездного» проекта Starry Sky.
![Starry Sky](http://habrastorage.org/getpro/habr/post_images/784/0a1/bf3/7840a1bf3a3cf8643c90a52ab281f5ed.png)
Читать дальше →
Тэги: canvas, dbcartajs, egaxegax, html5, javascript, map, proj4js, projection, sky, starry, веб-разработка, звездное, карта, небо, планетарий, проекции
HTML5 Canvas Схема пригородного движения ж/д сообщения Москвы и МО 2013-11-24 21:47:41
... возможностей Canvas и dbCartajs.
![]() dbCartajs, но в Сети ...
+ развернуть текст сохранённая копия
Ещё одна схема движения железнодорожного транспорта с использованием возможностей Canvas и dbCartajs.
В оригинале она называется Moscow Underground and Commuter Rail Map, её можно видеть в тамбурах подмосковных электричек. Изначально я хотел реализовать именно эту карту в качестве очередного демо к проекту dbCartajs, но в Сети нашёл лишь копию карты, снятую на мобильный телефон с неважным качеством. Зато с легкостью нашел с десяток схем Московского метро. Самая красивая, на мой взгляд, в Википедии, самая неказистая оказалась почему-то у Яндекса с его-то возможностями. Собственно SVG-вариант из Википедии я и переделал под Canvas, о чем писал в предыдущей статье.
Читать дальше →
Тэги: canvas, dbcartajs, html5, javascript, mosmetro, веб-разработка, ж/д, карта, москвы, транспорта
Карта Московского Метро на Canvas 2013-09-14 23:33:08
... демо для проекта dbCartajs.
+ развернуть текст сохранённая копия
Идея попробовать нарисовать карту появилась после просмотра карты метро в Википедии в формате SVG. В Firefox она открывается долго, к тому же при разрешении 1600x1300 она не вмещается в экран, а скроллинг по ней работает тоже очень долго. Стало интересно, а в Canvas она тоже будет тормозить? Решил нарисовать свою версию карты метро в качестве очередного демо для проекта dbCartajs.
![Moscow Metro Moscow Metro](http://habrastorage.org/storage3/c07/2bc/932/c072bc9323c5c9331107c505840730b6.png)
Читать дальше →
Тэги: canvas, dbcartajs, html5, javascript, mosmetro, веб-разработка, карта, метро
Главная / Главные темы / Тэг «dbcartajs»
|
Взлеты Топ 5
Падения Топ 5
|