Drew Conley
チャンネル登録者数 2.61万人
8175 回視聴 ・ 374いいね ・ 2020/10/24
In this tutorial video, we export pixel art from Aseprite and convert the raster asset to SVG paths for usage in JavaScript games. We specifically use React here, but this technique can be used in any JavaScript templating. You can use this technique to create pixel art HUD for your games or apps!
** Links **
⭐️ Get early access to my full JS Game Dev course:
drew-conley-courses.kit.com/66eb6d3ff4
💬 Join our Discord community of people making video games:
discord.gg/umD2GRy
Aseprite (pixel art program)
www.aseprite.org/
Pixels to SVG (by Stephen Shaw)
cdpn.io/shshaw/debug/XbxvNj
Previous video on making Zelda HUD Hearts in React
• Build Zelda hearts with JavaScript/React (...
** Timestamps **
00:00:00 Intro
00:00:50 Overview
00:02:00 Creating the empty SVG
00:02:40 Pixels to SVG tool
00:03:28 Lifebar component
00:04:30 SVG breakdown
00:05:30 Sizing the Lifebar
00:06:50 Adding the fill
00:09:00 Pixel math
00:12:00 React stat
コメント
関連動画
![How AI Models Learn, Explained Visually [Gradient Descent]](/wkt/back/vi/NrO20Jb-hy0/mqdefault.jpg)
使用したサーバー: wata27
コメントを取得中...
コメントを取得中...