gersigno.github.io
1.0.0
Обязательно снимайте эту репо, если вам нравится моя работа!
Добро пожаловать в репозиторий моего портфеля!
Откройте для себя уникальный и интуитивно понятный опыт благодаря моему портфелю благодаря знакомому интерфейсу настольного компьютера!
Примечание
Этот проект все еще находится в бета -версии , некоторые функции могут работать не так, как задумано, и в некоторых местах этот код все еще немного грязный.
Не стесняйтесь сообщать здесь какие -нибудь ошибки ?
Этот эффект был архивирован путем смешивания эффекта размытия и текстуры шума в заднем плане, чтобы создать некоторую глубину. Это сильно вдохновлено акриловым эффектом Microsoft
Вы можете настроить свой опыт из приложения настроек .
? Все настройки сохраняются в вашем локальном хранилище.
Эти функции работают в процессе работы и будут в будущих обновлениях:
Код частично прокомментирован и задокументирован.
Важный
Не забывайте, что этот проект все еще находится в разработке, функции могут быть изменены в будущих обновлениях.
Все ваше приложение должно быть использовано в файле типа HTML.
Во -первых, создайте папку имени вашего проекта в папке _subpages .
Затем в файле desktop.js , расположенном по адресу scriptsdesktopdesktop.js , создайте новый экземпляр объекта DesktopIcon .
Синтаксис:
new DesktopIcon ( ( String ) title , ( String ) icon , ( function ) funcPtr , ( String ) shandler ) ; title : The text shown at the bottom of the shortcut;
icon : The relative path of your icon's image file;
funcPtr : The function to call on any left click event (can have parameters);
shandler : Unique text to distinguish between different icons.; Вам нужно будет позвонить в функцию createWindow(...) на мероприятии Click's Click, чтобы создать свое окно. Exemple:
new DesktopIcon ( "Title" , "icons/myIcon.png" , ( ) => createWindow ( "icons/myIcon.png" , "Title" , "_subpages\my_app\index.html" , "myApp" ) , "myApp_shortcut" ) ; Чтобы создать всплывающее окно, вы можете просто использовать функцию UI_CreatePupup() .
Синтаксис:
UI_CreatePupup ( ( String ) icon , ( String ) title , ( String ) message , ( String ) okText , ( function ) okFunction , ( String ) cancelText , ( function ) cancelFunction ) ; icon : The relative path of your icon's image file;
title : The title of the pop-up;
message : the message shown at the center of the pop-up;
okText : The text of the primary (left) button;
okFunction : The function to call when the primary button is clicked by the user;
cancelText : [not required] The text of the secondary (right) button;
cancelFunction : [not required] The function to call when the secondary button is clicked by the user;Exemple:
UI_CreatePupup ( "icons/myIcon.png" , "Pop-up Title" , "Pop-up description" , "Ok" , ( ) => ok_function ( ) , "Cancel" , ( ) => cancel_function ( ) ) ; Чтобы создать тосты, вы можете просто использовать функцию UI_CreatePupup() .
Синтаксис:
new ToastNotify ( icon , title , description ) ; icon : The relative path of your icon's image file;
title : The title of the toast notification;
description : [not required] The description (secondary text) of the notification.Exemple:
new ToastNotify ( "icons/myIcon.png" , "Toast notification" , "A simple notification" ) ;Онлайн -ресурсы
Благодаря
Дэвид Р. за его помощь в проекте.
Zen Design для его совета по дизайну пользовательского интерфейса/UX.
Все иконки, используемые в этом проекте
Для поддержки, по электронной почте [email protected] или присоединяйтесь к серверу Discord .
