apelserg May 19 2015 at 17:41

HTML-страница на Canvas

12 min

30K

Canvas*

From sandbox

Comments 13

Jabher May 19 2015 at 17:50

я просто оставлю это тут

github.com/Flipboard/react-canvas

igordata May 19 2015 at 21:00

Реализовать браузер в браузере?

hudson May 19 2015 at 21:11

Мне показалось что скорее это некий альтернативный GUI в браузере…

Jabher May 20 2015 at 00:49

не угадали. эта ссылка у меня тоже где-то была, но вот ее никак не найду, а было бы эффектно.

В общем как-то раз одни извращенцы скомпилировали хромиум в asm.js и смогли его запустить в firefox.

SerDIDG May 19 2015 at 23:52

По ощущением, что фпс не поднимается выше 20. core i7-4770 / gtx 770 / 8 gb ram.

berman May 20 2015 at 05:05

Нельзя Вас не похвалить за труд, это прикольно, да и изобретая велосипеды мы быстрее образовываемся

mannaro May 20 2015 at 05:27

Я считаю, что, если мы решили использовать HTML5, то не нужно ограничиваться одним canvas. Нужно комбинировать различные технологии. Большинство из этого можно было реализовать с помощью HTML, а уже какие-то специфические элементы с помощью canvas.
Даже в играх не стоит упираться именно в канву. Меню, например, можно реализовать обычной HTML версткой.

А сейчас это похоже на ту самую картинку с хлебом и троллейбусом.

TITnet May 20 2015 at 10:59

Пример с https://github.com/apelserg/stencil-html-integrate-page-on-canvas не работает.

[Error] SyntaxError: Cannot use initialiser syntax in a strict mode enumeration.
	(анонимная функция) (html-integrate-page-on-canvas-model.js, line 106)
[Error] SyntaxError: Cannot use initialiser syntax in a strict mode enumeration.
	(анонимная функция) (html-integrate-page-on-canvas-canva.js, line 12)
[Error] TypeError: undefined is not a function (evaluating 'APELSERG.MODEL.MakeLinks()')
	onload (html-integrate-page-on-canvas-main.js, line 115)

apelserg May 20 2015 at 15:39

Для исправления ошибки надо знать рабочее окружение, в котором она произошла: устройство, OC (версия), браузер (версия).

TITnet May 20 2015 at 15:53

OSX (10.10.4 (14E17e)), Safari (Версия 8.0.7 (10600.7.5))

MaxFactor May 20 2015 at 18:46

А насколько больше оперативки и CPU съест данная реализация если сравнивать с классической HTML версткой?

JeStoneDev May 21 2015 at 01:37

Полная перерисовка всей области страницы (читать «всей области Canvas») раз в 0.7-0.8 секунд… Как опыт работы с Canvas — неплохо, но для боевого применения в таком виде не подойдет

UFO landed and left these words here