Звездное поле в HTML с прозрачным фоном

Question

Я пытаюсь сделать фон прозрачного html5-звездного поля. Я не совсем кодер; но я думаю, что это трудно сделать.

http://www.chiptune.com/starfield/starfield.html

http://www.thediscopalace.com/testing.php

Использование флэш-памяти может быть решением, но это недопустимо, поскольку оно также должно работать на ipad. Может кто-нибудь дать мне несколько советов? Или другие сценарии или идеи, где я могу получить эффект симуляции для использования на thediscopalace.com.

Спасибо, Dave

Answer 1

Попробуйте это .. надеюсь, это будет полезно для вас.

ctx.fillStyle = "rgba(150,180,200, .10)"

Answer 2

Если вы заглянете в источник для страницы, то увидите, что у тега canvas есть цвет фона, установленный как rgb. Установите его в rgba с конечным значением 0, и это должно сработать.

Я просто использовал Firebug, чтобы изменить функцию body onmousedown на другой цвет, и изменил rgb canvas на rgba(0, 0, 0, 0), и при нажатии на страницу цвет фона меняется.

Итак, я полагаю, что добавьте следующее к своему звездному полю или холсту css:

background-color: rgba(0, 0, 0, 0);

Надеюсь, это поможет.

Редактировать пробовал на вашей странице, и это не сработало. Я полагаю, вы изменили Javascript. Сохранил страницу и просто изменил эту строку:

context.fillStyle='rgb(36,14,118)';

до

context.fillStyle='rgba(36,14,118, 0)';

Как и предполагалось.

Answer 3

Я не уверен, и я не могу потрудиться проверить это, но попробуйте изменить context.fillStyle='rgb(36,14,118)' на context.fillStyle='rgba(0,0,0,0)';