あなたが私の仕事を楽しんでいるなら、必ずこのレポを主演してください!
私のポートフォリオのリポジトリへようこそ!
おなじみのデスクトップインターフェイスのおかげで、私のポートフォリオからユニークで直感的な体験を発見してください!
注記
このプロジェクトはまだベータ版であり、一部の機能は意図したとおりに機能しない場合があり、コードはまだいくつかの場所で少し厄介です。
ここでバグを報告してください。
この効果は、ぼかし効果とバックグラウンドのノイズテクスチャを混合して、ある程度の深さを作成することでアーカイブされました。それはマイクロソフトのアクリル効果に重度のインスピレーションを受けています
設定アプリケーションからエクスペリエンスをカスタマイズできます。
?すべての設定は、ローカルストレージに保存されます。
これらの機能は進行中の機能であり、今後の更新が行われます。
コードは部分的にコメントされ、文書化されています。
重要
このプロジェクトがまだ開発中であることを忘れないでください。将来の更新で機能を変更できます。
アプリケーション全体をHTMLタイプファイルで使用できる必要があります。
まず、 _subpagesフォルダーにプロジェクトの名前のフォルダーを作成します。
次に、 scriptsdesktopdesktop.jsにあるdesktop.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(...)関数を呼び出してウィンドウを作成する必要があります。例:
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;例:
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.例:
new ToastNotify ( "icons/myIcon.png" , "Toast notification" , "A simple notification" ) ;オンラインリソース
に感謝します
プロジェクトでの彼の助けについてデイビッド・R。
UI/UXデザインに関するアドバイスのためのZen Design。
このプロジェクトで使用されるすべてのアイコンは、ICONS8からのものです
サポートについては、[email protected]にメールするか、 Discord Serverに参加してください。