Nathan Babcock

用于军事电器显示亭的Electron React GUI. I built this React app from scratch with Material UI components.

The features:
• Custom accessibility implementation via four directional buttons;
• Protobuf and ZeroMQ Pub/Sub back end;
• Zustand state management.

A React/Three.js website for a film portfolio with Webflow integration.

• React with react-three-fiber
• Custom integration with Webflow CMS collection/REST API
• Dynamic textures applied to models based on data in the Webflow CMS
• Page scroll mapped to 3D camera movements
• HTML5 video player positioned in 3D space in the scene
• GLTF 3D models exported from Blender

Redesigned the website of a pool water recycling company. It was integrated with the (existing) Weebly CMS used by the company, including a custom template and HTML/CSS plugins. 该设计是与客户合作几个星期完成的，并在Figma中构建.

为温莎大学教授的心理学研究项目制作了一款游戏.

• Basic CRUD functionality for configuring games/experiments
• Authentication and roles for researchers vs. participants/players
• Full-stack deployment
• SolidJS front end
• MongoDB/Express.js Node.js back end
•托管在AWS上(EC2实例，Amazon Route 53, Docker, NGINX, Let's Encrypt和HTTPS)
• The initial prototype built in Electron before pivoting to a website

为一款名为Zeedz的NFT游戏实现React前端. The game UI implementation includes user log-in and sign-up, purchase and unboxing experience, 以及存储在Flow区块链上的玩家数字收藏品的库存管理.

The front end connected to the team's existing back end, including a custom GraphQL API, AWS Cognito, integration with the Flow blockchain via the Flow Client Library, distributed file hosting with Pinata, and a few other services.

在Google Hangouts上，团队合作完全是远程的，主要是与德国和英国的合作者合作.

这是一款机器视觉人工智能应用程序，可以自动检测直播或录制的游戏亮点，并录制10到30秒的片段. I built the core engine in Rust. It decodes video with FFmpeg on the GPU. It then uses one of two computer vision methods, 要么是定制训练的TensorFlow模型，要么是更通用的OCR(光学字符识别)，使用一个名为Tesseract的开源Google库. The pipeline runs at about ten times the speed depending on the GPU. It can process 10 seconds of the input video in about one second.

In addition to the core engine, 我在一个名为Tauri的相对较新的框架中构建了一个本机Windows前端, similar to Electron, 但与Rust集成，并使用系统WebView，而不是绑定Chrome的实例. The front end is also built using SolidJS, 一个类似于React的框架，但更注重高性能，非常适合这种性能要求很高的视频处理和机器学习应用.

Finally, I built a website to distribute and market this tool. It can be viewed at Hypetrigger.io. I built it using Next.js, and it is 100% statically generated. 内容是从JSON配置文件和第三方REST API创建的.

一款完全使用JavaScript、React和WebGL编写的第一人称3D迷宫探索游戏.js and react-three-fiber. The game features lighting and shadows, collision detection, and post-processing effects like bloom and anti-aliasing. The prototype is free to play on itch.io.

An article published on CSS Tricks, with a GitHub and npm Package. 使用Google Drive作为CMS利用Google Drive的公共REST API从动态网站的内容服务后端获取内容. A companion article for this library was featured in a CSS Tricks article.

A 2D, physics-based idle game in the incremental game genre. I implemented the 2D collision physics and rendering in PixiJS. 《欧博体育app下载》在Kongregate的月度竞赛中获得第三名，游戏次数超过7.5万次.

一个使用WebSockets和Canvas编写的多人领土控制策略游戏. 该网站接受使用Stripe API支付，用户使用Auth0登录. The website server was hosted on AWS with NGINX and Docker.

A Rust crate for using the FFmpeg CLI, a leading open source media framework, using native Rust language constructs, such as iterators.

我在GitHub上收到了大约80颗星，并且正在进行拉请求和贡献.