Obsługa Canvas i WebGL (three.js) na urządzeniach mobilnych?

Question

Istnieje wspaniała struktura aplikacji 3D o nazwie three.js. O ile zrozumiałem, ma kilka podsystemów renderowania: opartych na Canvas i opartych na WebGL.

A co z obsługą urządzeń mobilnych? (Mobile iOS)

Answer 1

względu three.js to jest podzielone następująco:

Element Canvas może być zastosowany z dowolnym kontekście 2D lub związku WebGL. troje mogą używać kontekstu WebGL lub 2D.

Większość telefonów komórkowych obsługuje kontekst 2D.

Niewielki poziom wsparcia WebGL. Firefox dla urządzeń mobilnych obsługuje WebGL i jest dostępny dla przynajmniej niektórych wersji Androida, a BlackBerry PlayBook może z niego korzystać.

Patrz:

http://caniuse.com/canvas (aka 2D)

http://caniuse.com/webgl

Answer 2

Można użyć Three.js na telefon, przynajmniej iOS i wyłącznie za pomocą CanvasRenderer z three.js. WebGLRenderer nie działa w systemie iOS.

Staraj się nie używać tekstur, to spowalnia dużo framerate.
Dzięki prostym kolorowym oczkom działa całkiem dobrze i jest szybki.

Miałem kilka testów z animowaną geometrią, tylko prymitywami.
Mogłem przetestować go na iPodzieTouch 1G i iPodzieTouch 4G. Obaj działali dobrze, z dobrym framerate.

Nie mogłem tego wypróbować na Androidzie, ale myślę, że to też działa.

Answer 3

Aktualizacja 12-12-2014 http://caniuse.com/#feat=webgl

• systemów iOS 8 będzie mieć włączoną obsługę WebGL.
• Przeglądarki systemu Android obsługują WebGl.
• Jeśli jednak chcesz utworzyć aplikację, możesz użyć aplikacji Crosswalk, aby uruchomić aplikację na najnowszym Chromium (z włączoną obsługą WebGL).
• Alternatywnie, CocoonJS ma "Canvas +", która jest natywną implementacją elementu Canvas na system Android/iOS, w tym wirtualnym środowiskiem javascript. (Innymi słowy, niestandardowa przeglądarka, która może tylko renderować elementy Canvas)