Skip to content
/ intro-example Public template

A starter template for 2d canvas based intro screens

Notifications You must be signed in to change notification settings

moonscreens/intro-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

2D Canvas intro screen

A starter template for 2d canvas based intro screens. MDN has some great resources for learning about the canvas API.

Confused? Learn more about the project.

If you want to make something with a little more GPU acceleration or 3D elements, check out intro-example-threejs

Include ?channel=moonmoon, or ?channel=channel1,channel2,channel3... in your URL to connect to a specific channel, great for testing!

Include ?stats=true to enable performance stats (should pop up in the top left corner).

Development

Before you start, you should have NodeJS installed.

npm install
npm run start

After running start, open localhost:5173. The page should automatically refresh when you make a change.

Building & Deploying

npm run build

Outputs static files to /dist/.

Services like Netlify have free tiers that can easily deploy simple static webpages like this.

About

A starter template for 2d canvas based intro screens

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published