Week 23
Last week I worked on my submission for the Grant For The Web Hackathon on DEV.
In case you missed it [the deadline for the hackathon has been extended to June 14th].
My submission is an idea about Web Monetization for Games.1 As such, most of last weeks stars are related to Web Monetization and Games.
Last week's starred repos
Awesome Web Monetization
thomasbnt / awesome-web-monetization
🕶️ Stuffs about Web Monetization. Packages, articles, documentation links and others tools.
Awesome Web Monetization
Awesome stuffs about Web Monetization. Learn more, check modules and others tools.
Web Monetization is a web service that allows you to send money directly in your browser This is a JavaScript browser API that allows the creation of a payment stream from the user agent to the website
Contents
About Web Monetization
- Webmonetization.org
- Documentation
- How Web Monetization work for paying payments
- How Web Monetization work for receiving payments
- Specifications
- ILP Forum (read only)
- Grant For The Web
How to start monetize my website
If you would like to monetize your content, you must have a Wallet and Provider account. See below the platforms that allow you to use them.
More details about Wallet and Provider account
Wallets |
---|
Name |
One of the awesome submissions to the hackathon was by Thomas Bnt.
He made an "Awesome List" for Web Monetization. Worth checking out!
CodeLani
breck7 / pldb
PLDB: a Programming Language Database. A computable encyclopedia about programming languages.
title PLDB: a Programming Language Database import code/ciBadges.scroll PLDB is a public domain database and website containing over 135,000 facts about over 4,000 programming languages This repo contains the entire database, code, and website for https://pldb.com. ## To analyze the data The PLDB database is freely available: - As CSV: https://pldb.com/pldb.csv - As JSON: https://pldb.com/pldb.json - The JSON file is also available via npm: javascriptCode // npm install pldb console.log(require("pldb").javascript.appeared) Documentation for the CSV is available here: https://pldb.com/csv.html. ## To add a new language Easy method: https://pldb.com/create.html Advanced method: Create a new file in `concepts` with a unique URL friendly filename ending in `.pldb` and send a pull request. ## To update a language Easy method: https://pldb.com/ Advanced method: Edit the corresponding `concepts/*.pldb` file and send a pull request. ## To add a new question Advanced method: Edit or create a new file in `questions/` and add at…
Along the way, I stumbled across CodeLani. This project holds all sorts of information about many programming language. plain text format, or binary specifications. Combining various sources, it is great for quickly looking up background information, without having to scan an entire Wikipedia page.
The page for Javascript, for instance, gives us a quick overview showing Javascript:
- is 25 Years Old
- has 6,985,336 Users
- ranks in the top 1% of languages
- was created by Brendan Eich
Great for research!
Dwitter
dwitter
A platform to write visual art in javascript limited to 140 characters.
The frontend is currently being rewritten, so please direct frontend development to dwitter-frontend The new frontend is currently hosted at beta.dwitter.net.
Available on dwitter.net
Join the chat on Discord
Inspired by arkt.is/t/
Pre-requisites and first-time installation
- Install
npm
sudo apt install npm
- Get packages needed for server and clone the repository
sudo apt install git virtualenv python-pip
git clone https://github.com/lionleaf/dwitter.git
Setup
Linux
-
make setup
(set up virtual environment) -
source venv/bin/activate
(activate virtual environment) -
make
(install dependencies and set up database) -
python manage.py createsuperuser
(create admin account used below) -
make run
runs the server. Usemake serve
instead if you're working inside a VM with port forwarding. (0.0.0.0:8000) - Go to http://localhost:8000/admin/sites/ and log in with admin account created above.
- Click on the one entry, and change both
domain name
anddisplay name
to localhost:8000. - Make sure…
This is one has nothing to do with games or monitization.
Dwitter is a social network for short js demos.
It is a way developers to demonstrate their work in response to the site's challenge:
see what [..] you can create [with] only 140 characters of javascript and a canvas.
I discovered it after a tweet that did just that:
So much cool work there.
Js13kGames
js13kGames / resources
Tools, assets and tutorials for creating small HTML/JavaScript games.
js13kGames Resources
https://js13kgames.github.io/resources/
A list of resources for the js13kGames competition.
A previous hackathon that the Grant for the Web was involved with was the 2019 edition of the Js13kGames.
The Js13kGames is a competition that challenges participants to develop a game that does not exceed 13 kilobytes of code.
Started in 2012, it takes place every year on the 13th of August, so mark this year in your calendar!
The repository I starred list all sorts of usefull resources regarding JS game development.
Visit https://js13kgames.github.io/resources/ to see them all.
RedHoodJT1988/endless-runner
Endless Runner - Goblin Run
This is a project of mine that I have been wanting to develop for a while now. I have been using TypeScript for a little over 6 months now and wanted to see if what I have been learning with TypeScript could be used to develop games in a similar fashion to using C# (for Unity) or C++ (Unreal Engine).
I am pretty proud of the project and will be adding more levels and different versions of the Goblin to correspond with the levels. This project was done to help get Web Monetization going. I believe in letting my player base play a game without the use of ads to generate an income. With Web Monetization that can actually be a reality. No more will browser based games or games built with HTML game engines need to have ads built in for a source of…
This is another entry in the hackathon.
One reason that I starred this, is because it is a game that has something to do with monetization. Another reason is just because it is a fun way to waiste some time.
The game can be played at https://run-goblin-run.netlify.app/
Give it a go!
Repo Ranger
reporanger / default
Default configuration for Ranger
reporanger/default
Default configuration for reporanger.com
Usage
Within your .github/ranger.yml
:
uses: reporanger/default
# or
extends: reporanger/default
# ...
Something else I discovered last week is Repo Ranger.
It is a project by Michael Fix (one of the creators Carbon, source code to images generator)
Repo Ranger is a bot that automates various tasks to help repository maintainers with menial tasks like:
- Closing Issues
- Commenting on Threads
- Creating Tags after Merging
- Deleting Comments
- Deleting Merged Branches
- Merging PRs
And it works well in combination with other bots.
As the source-code is not (yet?) open-sourced, I starred the config repo as not to forget about this tool.
Currently still in beta, something to keep an eye on!
Weather Font
Weatherfonts / weather-font
215 Weather Themed Icons and CSS
Weather Icons 3.0
222 Weather Themed Icons and CSS
Weather Icons is the only icon font and CSS with 222 weather themed icons, ready to be dropped right into Bootstrap, or any project that needs high quality weather, maritime, and meteorological based icons!
Get started at https://weatherfont.com/!
Basic Usage
Place the 5 font files and the main weather-icons.min.css
file in your project, with the assumption that the fonts are located up ../
from your CSS directory.
The icons are displayed by using an i
element and adding the base class wi
and then the icon class you want, such as day-sunny
. This then looks like <i class="wi wi-day-sunny"></i>
.
To add a modifier, include the class you want after the icon name, which looks like <i class="wi wi-day-sunny wi-flip-vertical"></i>
. You can flip, rotate, or add a fixed width. See it all at https://weatherfont.com/.
API Usage
…
Another off-topic entry for last weeks theme.
In 2013, Erik Flowers created an amazing set of weather icons. Since then the project has grown to more than two-hundred icons. Sadly, since 2017, the project is no longer maintained.
More recently, however, there has been some talk about reviving the project. As the repo I starred already set up https://weatherfont.com/, odds are looking good that this might be the rallying point of this new effort.
We'll see...
Closing notes
That wraps up last weeks stars. Because of the hackathon, there is more of a theme to this post's stars, which I like.
Maybe I should change the format from "weekly" to a more cohesive "themed" format... Something to think about.
Until next week, stay healthy, stay safe. 👋
Footnotes
- You can read about my submission here:
Top comments (0)