Profile 00 00@2x

陳暘 Web 前端 / 全端開發

半路出家學美術的理科生,約 4 年遊戲業 3D 美術經驗,曾留學於日本學習 2D 動畫。後來發掘出寫程式的天賦,轉型成 Web 工程師。於現公司擔任 Web 開發工程師,製作 WebAR 相關網頁,並結合自身專業美術經驗,兼任程序向技術美術,因應美術需求開發新技術。


  

台北市

[email protected]

技能


  • HTML / CSS / JavaScript
  • Typescript
  • Next、React、Vue
  • Sass、Bootstrap、Tailwind、RWD
  • Webpack、Vite


  • Node.js
  • Express.js + Handlebars
  • MySQL、Redis
  • Heroku、Vercel、CI / CD
  • CRUD、RESTfull


  • Git、GitHub
  • Photoshop、CSP、SAI
  • Maya、Blender
  • 日本語 N1

工作經歷

啟雲科技Speed 3D】 Junior Developer,2020.04 至今 (現職)

公司簡述: 運用臉部辨識與 AR 技術,呈現 3D 視覺效果於各平台,Facebook 官方認證 SparkAR 技術合作夥伴

Web:
  • 負責網頁前端開發,製作 WebAR 與臉部辨識技術的網站
  • 開發 Messenger Chatbot 之 Node.js Server,曾製作過 IG Chatbot 簡易框架
  • 依專案需求研究新技術、並改善 Web 開發流程
SparkAR:
  • 參與了 10 餘款 Instagram & Facebook AR 小遊戲濾鏡開發
  • 參與 Messenger Video Calling 多人互動濾鏡開發
  • 因應美術需求開發 SparkAR Shader
  • 研究 AABB、SAT、GJK 等碰撞演算法,並實作於 SparkAR
  • 改善程式架構,曾讓遊戲加載速度提升約 50%
  • 導入 Webpack 以整合 Typescript 與社群的 npm 套件

ALPHA Camp】擔任 Teaching Assistant,2020.04 至今 (遠端)

公司簡述:亞洲最具影響力的新創學校,以新加坡與台灣為教學據點,培養國際級的全端工程師
  • 於 2019.07 ~ 2019.12 擔任實習助教,其後轉正職
  • 協助回答學生 HTML / CSS / JavaScript 技術問題,Code Review 並給予回饋
  • 支援過的學生數逾 1800 人,回答了近 700 筆學生提問,學生點讚數約 1200 次

日商艾鳴網路遊戲】擔任 3D 角色設計師,2013.04 ~ 2017.02

公司簡述:日本 Aiming 台灣分公司,開發原創線上遊戲,涵蓋企劃、製作及運營。
  • 參與日本手遊「スマホでゴルフ!ぐるぐるイーグル」之 3D 開發工作 (PV 連結)
  • 累計完成約 70 組 3D 場景,約 30 餘組 3D 角色,約 10 張 2D 卡牌插畫
  • 具管理經驗,帶領 2-3 人小組完成手遊「問答 RPG 魔法使與黑貓維茲」之 3D 外包工作
  • 協助美術部門引入 Git 版控技術,幫忙排除 Git 相關問題
  • 用日文書寫的方式,直接與日本的程式、企劃討論開發需求

學歷

【日本工學院專門學校】Manga & Animation 科,2017.04 ~ 2019.02 (專門士)

  • 主修 Animation 作画組
  • 曾參與科系單位的團隊動畫製作,與日本人、他國留學生共同製作
  • 作品 Youtube 連結,擔當 1:05 ~ 1:11 部分,Layout、原畫、動畫的繪製工作

【銘傳大學】數位媒體設計學系,2005.09 ~ 2010.02 (學士)

  • 動畫、遊戲、多媒體、網頁設計綜合課程,主修遊戲組

Web 作品


FunkAR - WebAR送禮平台  上線產品 (mobile only) / PV

AR 虛擬賀卡之電商網站,User 可製作 AR 賀卡寄送給別人,透過 WebGL 於網頁觀看、編輯卡片。

- 負責節慶、活動網站開發,主站卡片文字編輯器
- 解決文字編輯器錯位、UX 不良、產圖解析度差等諸多技術問題
- 改善組件架構、優化 UX、並協助解決 WebAR 之技術問題
- 導入 markdown 機制,改善條款類、長文頁面之工作流程

● React ● Typescript ● Bootstrap5 ● Sass ● RWD ● Canvas API

Paragraph image 00 00@2x

捷欣企業 - JONIRO 客製鞋  上線產品

頂部選單 > 客製專屬鞋款 > 下方任選一雙鞋後進入

重作網站的「客製專屬鞋款」模塊。User 可以客製、編輯自己的鞋子,並透過 Canvas 3D 即時預覽,完成後可直接下訂單,具有讀存檔功能。


- 負責前台、後台頁面

- 協助後端使用 PHP 完成後台 CRUD、擴充 Database Table

- 提出 Sass 導入流程、UI / UX 優化方案、設計讀存檔機制

- 此為傳統 PHP SSR 網頁


● jQuery ● PHP ● MySQL ● Sass ● RWD ● Canvas API

Paragraph image 00 00@2x

桂格 - AR傳情禮盒  上線產品 / PV1 / PV2

桂格 2021 春節 AR 禮盒,送禮者可於網站製作 AR 卡片並生成連結,收禮者可透過該連結開啟手機 Camera 觀看 AR 卡片。


- 負責前端全頁面,串接後端 API

- 與美術討論出圖、切圖方式,提出文字編輯預覽之方案


● Vue ● Bootstrap5 ● Sass

Paragraph image 00 00@2x

Fake Kado  線上Demo / Github

※ Next.js Side Project

臨摹台灣角川 KadoKado 輕小說平台之練習專案。實作 Products 頁(CSR)、Product 詳細頁(SSG)、Search 頁(SSR)之內容,並實作相關功能。包含簡易後端 GET API,以模擬前後端分離 fetch data 的情境。


● Next.js ● Typescript ● SWR ● RESTful API ● CSS in JS ● RWD

Paragraph image 00 00@2x

GreatSmile 模型電商  線上Demo / Github

※ Side Project

3 人共同開發的電商網站。 具備商品展示、後台管理、使用者認證、購物車、線上支付等完整電商功能。其參考自日本知名模型商 GOOD SMILE。


個人負責進度管理、CI / CD 、架構規劃。 主要經手商品詳細頁、結帳流程頁、購物車邏輯、結帳系統邏輯、自動上下架機制、串金流、等部分。


● Node.js ● Express.js ● Handlebars ● MySQL ● Travis CI ● Mocha

Paragraph image 00 00@2x

Game 作品 (SparkAR FB / IG 濾鏡)


SparkAR 是一款集成臉部辨識與 AR 技術的 3D 軟體,用於製作 Facebook 與 Instagram 濾鏡,使用 JavaScript 作為腳本語言。 以下為 AR 濾鏡小遊戲,僅能用手機由 Facebook 與 Instagram App 開啟。

ASUS ProArt  IG 濾鏡 / PV

電流急急棒小遊戲,使用臉部鼻尖的位置操作小球,設法不碰到牆壁,抵達終點。
於此專案研究出了適用於 SparkAR 的旋轉矩形碰撞判定。

● TypeScript
Paragraph image 00 00@2x
PChome 限時速配相機  IG 濾鏡 / PV

兩人同時入鏡後,會開始計算臉部相似度,給出一個百分比值結果。
於此專案研究出了臉部相似度算法 (遊戲效果用、非嚴謹數學)。

● JavaScript
Paragraph image 00 00@2x
WW84 神力女超人  IG 濾鏡 / FB 濾鏡PV

橫向卷軸,吃東西 (煙花),躲避障礙物 (房子) 的小遊戲,用眨眼控制上下移動。
吃到一定分數後會變身,穿上黃金盔甲,進入無敵模式,免疫障礙物碰撞。

● JavaScript
Paragraph image 00 00@2x
Powered by CakeResumePowered by CakeResume