分類
專案精選

您現在可以用臉來玩經典的貪吃蛇遊戲

您曾經著迷於貪吃蛇遊戲嗎?
現在,藉助名為PoseNet的TensorFlow模型,您可以在這款經典遊戲獲得完全不同的體驗。 那是因為: 您現在可以用臉來控制蛇!

點擊此連結:https://projects.chenpan.xyz/snake/

展示

鳴謝

  1. PoseNet團隊,他使我的面部控制蛇遊戲的核心功能成為可能。
  2. 分享他/她的貪吃蛇遊戲原始程式碼的陌生人,使得我可以修改代碼來製作自己的遊戲。

分類
專案精選

Get UofT Access

Chrome瀏覽器擴展程序,只需單擊一下即可自動將網頁重定向到myaccess.utoronto.ca。節省人們的時間!將myaccess.utoronto.ca複製並粘貼到地址欄中可能需要5到10秒鐘的時間,但是現在只需單擊一下即可。

This image has an empty alt attribute; its file name is Get-UofT-Access.jpg
Get UofT Access示意图

更多背景:

我們在網上找到許多論文,它們不是免費的,或是需要登錄的。例如,來自ACM數字圖書館的網址是https://dl.acm.org/doi/10.1145/352871.352887

This image has an empty alt attribute; its file name is image-2-1024x378.png
ACM數字圖書館的一篇文章


但是,UofT圖書館鏡像了許多網站,包括ACM數字圖書館,並授予對UofT社區的訪問權限。

比如說,UofT圖書館鏡像了這個頁面這個到https://dl-acm-org.myaccess.library.utoronto.ca/doi/10.1145/352871.352887。如果你是UofT學生,你在這個頁面上擁有訪問此論文的權限。

URL轉換中有一個模式。此擴展程序可以為您完成這項工作。您無需自己轉換URL,只需單擊即可。

Chrome web store現已上架此擴展程序:安裝地址

分類
專案精選

個人網站

到目前為止,我的個人網站已有四個版本。

HTML + CSS + JavaScript(版本1)

一開始,我的個人網站是HTML+CSS+JavaScript,沒有後端,只是前端。 即使它可以託管在 GitHub 頁面中,我仍然在伺服器上託管它。

This image has an empty alt attribute; its file name is image-1024x505.png
陳攀的個人網站,版本1。

鏈接:https://v1.chenpan.xyz

HTML+CSS+JAVAScript+PHP+MySQL(版本2)

我帶來了PHP和MySQL到我的個人網站,使它是一個動態的網頁,使訪問者可以留下評論給我。

此外,我為此版本做了一個簡歷管理系統,我可以更新我的在線簡歷,而無需接觸HTML代碼。

它曾經贏得了100%的Lighthouse性能得分。

我使用 LAMP 堆疊在 Ubuntu 伺服器上託管此版本。

HTML+CSS+JAVAScript+PHP(Laravel)+MySQL(版本3)

自2020年5月6日以來,我一直在使用 Laravel(遵循模型視圖-控制器體系結構模式的 PHP 框架)重構我的個人網站。

This image has an empty alt attribute; its file name is image-1-1024x503.png
陳攀的個人網站,版本3。

鏈接: https://v3.chenpan.xyz

WordPress(版本4)

2020 年 12 月 6 日,我開始將個人網站集成到 WordPress 網站。 為了加快速度,我搬到了LNMP堆疊,並使用了百度提供的全域CDN。

這是最新的版本。

This image has an empty alt attribute; its file name is screenshot-1024x768.png
陳攀的個人網站,版本4。

附錄

  • 所有四個版本都是多種語言。
  • 所有四個版本都是移動友好的。
  • 您可能會覺得存取檔版本很慢。 這是因為現在它們託管在我的第二台伺服器中,該伺服器位於德國,並且我不在它們上實現 CDN(2020 年 12 月 16 日)。
  • 版本 2 和版本 3 都基於版本 1,而版本 4 是全新的,並應用了不同的佈局
分類
專案精選

SickKids醫院尿流速檢測

SickKids尿流速檢測是UofT CSC301課程的一個專案,我在該課程中擔任了一個7人團隊的前端開發人員。

我們直接與SickKids醫院合作開發此應用程式。 我們構建了一個 Web 應用程式和一個行動應用程式。 通過我們的產品,患者可以在移動應用程式中記錄尿液的聲音,這些聲音將被發送到後端。 有一個預先開發的自然網路模型,為尿液的聲音生成曲線。 臨床醫生可以看到他們的病人的曲線,更新狀態,發表評論,如果必要的話。

有關此應用程式瞭解更多資訊,請查看Github或觀看視頻演示

分類
專案精選

基於NodeJS網址縮略器

3030.link是一個使用MongoDB、Express.js以及Node.js架設的縮略網址服務。

每個用戶有10個配額來為任意的網址生成短鏈接。

已經部署完成的實例在這裡:3030.link

分類
專案精選

比薩店API

我使用了Python和Flask來製作這款網路應用API。

整合測試和單元測試都進行過,以確保諸如訂比薩,訂飲料,修改訂單,查看菜單,設定配送方式等功能都被正確實現。