Leo / PastLeo
Taipei, Taiwan Software Engineer
Interested in a wide range of IT and computer fields, including hardware, operating system, Internet as well as frontend and backend technologies of web and applications
Fond of intriguing interactive experience and process of creating. Devoted to Web & frontend engineering, with the goal of contributing to game development.
2022/3 ~ 2026/2
2021/2
Assisting in the development of Elixir / Phoenix web application
2017/2 ~ 2021/2
Led the team and worked with foreign partner building MVP
Constructed corss-platform mobile app by using React Native for Android/iOS
Established CI/CD to automate app builds and improve efficiency for the team
Used Ruby on Rails server with React frontend for management web interface
Built with Gatsby, a react static-site generator
Collaborated with designers creating an aesthetic page with RWD and i18n
Rewrote pages of the store and management by React to improve frontend maintainability as well as user experience
Modernized frontend assets bundling and increased working efficiency of the team
Implemented a continuous migration service in Elixir to perform zero down-time database migration of a half million store pages
First long-term supporting and development Ruby on Rails project of career
2022/12
Deepmind Digital (2022) / ISBN: 9786267146828
Based on iThome 2021 WebGL tech posts, guiding readers to learn about WebGL with examples. Additionally, this book comes with tutorials for games development, building a sailing game "Catch The Wind!"
2022/1
Topic: How to render 3D scene? starting from WebGL basic
Guide readers from WebGL fundamentals — triangles, 2D/3D transform, lighting and finally build a 3D scene with a sailboat on ocean
2021/4
2020/12
2020/8
2020/8
2020/8
2019/8
2018/11
2018/8
2018/4
2016/2
2012 ~ 2016
Also worked as director of IT club and minister of IT department in student association
2009 ~ 2012
Personal website and blog; its resume page can be printed in A4 portrait
Built with Astro and AI, deployed by static-site generation
Viewhttps://pastleo.meSource codehttps://github.com/pastleo/pastleo.me
Final result of iThome Ironman 2021 tech posts
Implemented in WebGL, loading .obj 3D model with shadow, reflection effect
Viewhttps://static.pastleo.me/webgl-ironman/06-boat-ocean.html
Using WebGL without library, allowing 3 players to play against each other
Program GPU by creating a special shader to render stars
Viewhttps://static.pastleo.me/webgl-practice/10-diamond-chinese-checkers.html
A deep-dive of Unity during 2022 chinese new year
Hold space key or touch screen to catch the wind
For players to challenge how much score they can get before hitting the rocks
Viewhttps://static.pastleo.me/DriftingSailboat/Source codehttps://github.com/pastleo/DriftingSailboat
One of the results from iThome Ironman 2021 tech posts
Implemented in WebGL, loading image files as sphere texture and surface details
Viewhttps://static.pastleo.me/webgl-ironman/05-framebuffer-shadow.html
Started with college friend. Players connect to server via Websocket first, then connect to others via WebRTC
Made with frontend framework: Vue
Despite of Vue 2 implementation, there is also Vue 3 composotion API as well
Viewhttps://static.pastleo.me/kana-vueSource codehttps://github.com/pastleo/kana-vue
Using React, a remake of girlfriend's childhood game
Two players take turn occupying one edge (1 edge can be shared with 2 cells)
When a cell's last edge is occupied, the player gets 1 point
If all cell, edges are occupied, the player with more points wins
Viewhttps://static.pastleo.me/squaring-gameSource codehttps://github.com/pastleo/squaring-game
Connection between nodes are established by WebSocket and WebRTC, forming p2p network via Kademlia DHT
Taking room name as input of DHT hashing, users with the same room name will find each other
DEMO site utilizes unamed-network and provides simple text messaging feature
Allow users to watch Youtube videos in sync and send text messages
Connection between nodes are established by WebSocket and WebRTC, forming semi-decentralized p2p network
For demostration of this semi-decentralized p2p network at COSCUP 2019 and tech post
Viewhttps://static.pastleo.me/unnamed-network-chat-ysyncSource codehttps://github.com/pastleo/unnamed-network-chat-ysync
Using Elixir LiveView, making a webapp like POPCAT, counting all user's clicks with real-time counting sync
This project completed 2021 DigitalOcean Kubernetes challenge, which means whole system including webapp, database and load balancer is containerized and deployed to DigitalOcean Kubernetes cluster
Conway’s game of life is a cellular automaton that each cell follow certain rules and form some pattern
Using Rust to implement and compile into Webassembly to run in browser, also integrated with Javascript DOM providing user interactions
Viewhttps://static.pastleo.me/rs-wasm-glife-20201213Source codehttps://github.com/pastleo/rs-wasm-glife
Smart contract built with Solidity, running on Ethereum
By wallet account as key, read/write its string data accordingly to test out smart contract capabilities
The only thing required is Metamask, then user is able to interact with blockchain on web platform
Viewhttps://static.pastleo.me/hello-solidity-webSource codehttps://github.com/pastleo/hello-solidity-web
Implemented in Elixir / Phoenix
