Как создать 3D сферу?

Question

[nokla]

Хочу создать 3D сферу на javascript размером с земли. Чтобы к ней можно было приближаться и крутить в 3d пространстве.
Возможно кто то это уже сделал.

Answer 1

[Fr3nzy]

Посмотрите learningwebgl.com для старта.

learningwebgl.com/blog/?p=1253 - урок про создание сферы и натягивании текстуры Луны.

Comments

[nokla]

да это видел уже, не подходит

[Fr3nzy]

что именно не подходит?

[nokla]

Не везде работает.

[Fr3nzy]

Это WebGL. Оно работать везде по определению не может. А на Canvas вы с 3д вообще не сможете работать (можно попытаться эмулировать, но на примере тех же сцен из Three.js можете посмотреть насколько оно тормозить начинает).

Canvas 2d тоже не везде имеет поддержку аппаратного ускорения (например, в Safari на Mac OS X с этим беда). Ну и, у Canvas 2д-контекст, поэтому настоящую сферу сделать в любом случае нельзя.

[nokla]

Блин беда, а есть решение которые не будут тормозить в браузере. я слышал что можно использовать unity но для нее нужны драйвера.

[Fr3nzy]

Ну тут все зависит от того, что именно в итоге у вас получится. И могут ли ваши потенциальные посетители ставить себе какой-то сторонний плагин (тот же Юнити). Тот же WebGL и то не хило нагружает (имеется в виду сценки с парой кубов, конечно же). Так же, WebGL не поддерживается в мобильных браузерах (думаю, Юнити тоже). Та же беда и с Флешем (не говоря уж о том, что на том же Маке флеш жрет больше, чем на Windows). А, чуть не забыл, в Safari на Mac OS X по-умолчанию WebGL пока выключен. Есть возможность включить, но сомневаюсь, что обычным пользователям оно надо.

[nokla]

@Fr3nzy вообще идея сделать что то в этом роде www.youtube.com/watch?v=OJUPdABgsrA#t=18 только в браузере и без 3д моделей, максимум горы.

Answer 2

[Сергей Протько]

Сфера размером с землю? Может просто сферу?

three.js - там есть примитив сферы, есть возможность установить освещение, текстурки и т.д. Вот только когда камера достаточно близко, что бы небыло видно что мы смотрим на сферу, стоит уже работать с 2D canvas дабы снизить нагрузку. Можно google maps активировать при этом.

Comments

[nokla]

А есть другие способы снять нагрузку, чтобы не использовать 2D canvas?

[Сергей Протько]

@nokla, да, div и внутри google map.