Можно использовать и без кодирования, но в таком случае следует соблюдать осторожность: в строке SVG не должно осуществляться разрывов и она должна быть правильно закодирована по URL-адресу. В противном случае специальные символы типа # будут вызывать ошибки. С базой 64 кодирование URL-адресов не требуется, но базовая 64-строка будет больше, чем исходная строка SVG.
Лого, используемое в анимации, взято из WikiMedia. Необходимо изменить содержимое SVG, чтобы удалить его черный фон. Полученный прозрачный логотип теперь можно проецировать по фону самого звездного поля.
В этом коде есть три анимации: вводный текст (A long time ago..), логотип Star Wars и фактический скроллер. Чтобы заставить их играть один за другим (без использования какого-либо JavaScript), все они должны занимать ровно 100 секунд, а ключевые кадры анимации реализуют задержки, необходимые для правильной последовательности воспроизведения. Этот метод также позволяет всем анимациям зацикливаться в конце проигрывания, для того чтобы прокрутить заставку заново.
Лого, используемое в анимации, взято из WikiMedia. Необходимо изменить содержимое SVG, чтобы удалить его черный фон. Полученный прозрачный логотип теперь можно проецировать по фону самого звездного поля.